{"blog_url":"https://falsandtru.hatenablog.com/","author_name":"falsandtru","categories":["css-in-js","dom-components","TypeScript"],"provider_url":"https://hatena.blog","title":"CSS in JS\u3067\u4f5c\u308bStyled Components\u306e\u6700\u5c0f\u30c7\u30b6\u30a4\u30f3","description":"CSS in JS\u3067Styled Components\u3092Angular\u3084React\u3068\u3044\u3063\u305f\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306a\u3057\u3067\u4f5c\u308b\u6700\u5c0f\u30c7\u30b6\u30a4\u30f3\u3092\u4f8b\u793a\u3059\u308b\u3002 \u6b21\u306e\u3088\u3046\u306aHTML\u3067\u8868\u3055\u308c\u308bDOM Component\u306bCSS\u3092\u9069\u7528\u3057\u305f\u3044\u3068\u3059\u308b\u3002 <article id=\"id\"> <h1>Title</h1> <ul> <li>item</li> <li>item</li> </ul> </article> \u5358\u7d14\u306bid\u3067\u7d5e\u308a\u8fbc\u3093\u3060CSS\u3092\u8a18\u8ff0\u3057\u305fstyle\u8981\u7d20\u304c\u3042\u308c\u3070CSS\u3092\u4e0d\u8db3\u306a\u304f\u5229\u7528\u3067\u304d\u308b\u3002 <article id=\"id\"> <style>#id ul { width: 100px; }</style> <h\u2026","author_url":"https://blog.hatena.ne.jp/falsandtru/","version":"1.0","url":"https://falsandtru.hatenablog.com/entry/css-in-js-and-styled-components","type":"rich","height":"190","blog_title":"falsandtru\u306e\u30e1\u30e2\u5e33","image_url":null,"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffalsandtru.hatenablog.com%2Fentry%2Fcss-in-js-and-styled-components\" title=\"CSS in JS\u3067\u4f5c\u308bStyled Components\u306e\u6700\u5c0f\u30c7\u30b6\u30a4\u30f3 - falsandtru\u306e\u30e1\u30e2\u5e33\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","published":"2017-05-12 18:17:25","width":"100%","provider_name":"Hatena Blog"}