{"provider_name":"Hatena Blog","width":"100%","type":"rich","blog_url":"https://chaika.hatenablog.com/","description":"\u30c7\u30d5\u30a9\u30eb\u30c8\u3060\u3068 useBreakpointValue \u304c\u521d\u56de\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u306b undefined \u3092\u8fd4\u3059\u306e\u3067\u3001\u5206\u5272\u4ee3\u5165\u3067\u5024\u3092\u53d7\u3051\u53d6\u308d\u3046\u3068\u3057\u305f\u3089\u30a8\u30e9\u30fc\u306b\u306a\u308b Chakra UI v1.6.4 \u4ee5\u964d\u306a\u3089 defaultBreakpoint \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u3046\u3002 \u305d\u308c\u4ee5\u524d\u306a\u3089 useBreakpointValue() || defaultValue \u3067\u521d\u671f\u5024\u3092\u6307\u5b9a\u3057\u3066\u3057\u307e\u3046\u3002","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2021%2F07%2F01%2F083000\" title=\"Next.js \u00d7 Chakra UI \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5024\u3092\u5909\u66f4\u3067\u304d\u308b useBreakpointValue \u3067\u8907\u6570\u306e\u5024\u3092\u6271\u3044\u305f\u3044\u6642\u306e\u30cf\u30de\u308a\u3069\u3053\u308d - \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","version":"1.0","author_name":"kikiki-kiki","image_url":"https://m.media-amazon.com/images/I/41GT3X7k1dL._SL500_.jpg","categories":["Chakra UI","Next.js","React","TypeScript","JavaScript","Tips","Responsive"],"published":"2021-07-01 08:30:00","blog_title":"\u304b\u3082\u30e1\u30e2","height":"190","title":"Next.js \u00d7 Chakra UI \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5024\u3092\u5909\u66f4\u3067\u304d\u308b useBreakpointValue \u3067\u8907\u6570\u306e\u5024\u3092\u6271\u3044\u305f\u3044\u6642\u306e\u30cf\u30de\u308a\u3069\u3053\u308d","url":"https://chaika.hatenablog.com/entry/2021/07/01/083000","author_url":"https://blog.hatena.ne.jp/kikiki-kiki/"}