{"author_name":"kikiki-kiki","description":"\u4eca\u95a2\u308f\u3063\u3066\u3044\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067 vanilla-extract \u3068\u3044\u3046 CSS Modules \u3063\u307d\u304f\u66f8\u3051\u308b CSS in JS \u304c\u4f7f\u308f\u308c\u3066\u304a\u308a\u521d\u3081\u3066\u89e6\u3063\u3066\u307f\u305f\u306e\u611f\u60f3\u7684\u306a\u30e1\u30e2 vanilla-extract \u306e\u7279\u5fb4 *.css.ts \u3068\u3044\u3046 TypeScript \u30d5\u30a1\u30a4\u30eb\u306b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u5f62\u5f0f\u3067 CSS \u3092\u4f5c\u6210\u3057\u3066 CSS Modude \u3063\u307d\u304f\u4f7f\u3048\u308b TypeScript \u306a\u306e\u3067\u578b\u306e\u6069\u6075\u304c\u53d7\u3051\u3089\u308c\u308b (\u5b58\u5728\u3057\u306a\u3044\u30d7\u30ed\u30d1\u30c6\u30a3\u306a\u3069\u304c\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc\u306b\u306a\u308b) CSS \u306e\u30cd\u30b9\u30c8\u304c\u5236\u9650\u3055\u308c\u308b CSS Modules \u3063\u307d\u3044 *.css.ts \u30d5\u30a1\u30a4\u30eb\u306b\u66f8\u3044\u305f\u30af\u30e9\u30b9\u5b9a\u7fa9\u3092 import \u3057\u3066 className\u2026","author_url":"https://blog.hatena.ne.jp/kikiki-kiki/","width":"100%","blog_title":"\u304b\u3082\u30e1\u30e2","provider_name":"Hatena Blog","published":"2022-12-01 08:30:00","categories":["CSS","CSS in JS","React","TypeScript","JavaScript"],"blog_url":"https://chaika.hatenablog.com/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2022%2F12%2F01%2F083000\" title=\"React vanilla-extract \u4f7f\u3063\u3066\u307f\u305f\u306e\u30e1\u30e2 - \u304b\u3082\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","type":"rich","url":"https://chaika.hatenablog.com/entry/2022/12/01/083000","title":"React vanilla-extract \u4f7f\u3063\u3066\u307f\u305f\u306e\u30e1\u30e2","version":"1.0","height":"190","image_url":"https://m.media-amazon.com/images/I/51bMJhV1lnL._SL500_.jpg"}