{"provider_name":"Hatena Blog","title":"\u300eComparing Styling Methods In Next.js\u300f \u3092\u8aad\u3093\u3067\u5b66\u3073\u3092\u66f8\u3044\u3066\u307f\u305f","categories":["Next.js","CSS"],"version":"1.0","blog_title":"\u304a\uff1f\u610f\u5916\u3068\u3044\u3051\u308b\u3084\u3093\uff01","url":"https://www.ikkitang1211.site/entry/2020/10/25/003121","height":"190","blog_url":"https://www.ikkitang1211.site/","author_name":"ikkitang1211","width":"100%","type":"rich","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/ikkitang1211/","description":"\u5143\u8cc7\u6599 www.smashingmagazine.com Global CSS \u3060\u3063\u305f\u308aStyled Components \u3060\u3063\u305f\u308a\u3001\u8272\u3005\u306a \u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u65b9\u6cd5\u304c\u3042\u3063\u3066\u3001\u305d\u308c\u3092\u6bd4\u8f03\u3059\u308b\u3001\u3068\u3044\u3046\u5185\u5bb9\u306e\u30a8\u30f3\u30c8\u30ea\u3002 \u77e5\u8b58\u3068\u3057\u3066\u77e5\u3063\u3066\u304a\u304d\u305f\u304b\u3063\u305f\u306e\u3067\u3001\u8aad\u3093\u3067\u3066 \u305d\u306e\u3064\u3044\u3067\u306b\u8abf\u3079\u305f\u4e8b\u3092\u30e1\u30e2\u3057\u3066\u307f\u308b\u3002 \u3061\u306a\u307f\u306b \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u5c5e\u6027\u3060\u3051\u3069 React ... Next.js \u306b\u8208\u5473\u304c\u3042\u308b\u4eba\u3067\u3059\u3002 \u524d\u63d0\u6761\u4ef6\u3068\u3057\u3066\u8a18\u8ff0\u3055\u308c\u3066\u3044\u305f\u4e8b _app.js \u3001 _document.js \u3001 _.babelrc \u306f\u5f53\u7136\u3057\u3063\u3066\u308b\u3088\u306d\uff1f \u307f\u305f\u3044\u306a\u8a71\u304c\u51fa\u3066\u307e\u3057\u305f\u3002 _app.js \u306b\u3064\u3044\u3066 _app.js \u306f\u4ee5\u524d\u3001 Tailwin\u2026","published":"2020-10-25 00:31:21","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.ikkitang1211.site%2Fentry%2F2020%2F10%2F25%2F003121\" title=\"\u300eComparing Styling Methods In Next.js\u300f \u3092\u8aad\u3093\u3067\u5b66\u3073\u3092\u66f8\u3044\u3066\u307f\u305f - \u304a\uff1f\u610f\u5916\u3068\u3044\u3051\u308b\u3084\u3093\uff01\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","image_url":null}