{"blog_title":"uehaj's blog ","title":"React\u30d9\u30fc\u30b9\u9759\u7684\u30b5\u30a4\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bfGatsby\u306e\u771f\u306e\u529b\u3092\u304a\u898b\u305b\u3057\u307e\u3059","categories":["graphql","gatsby","javascript","react"],"author_name":"uehaj","width":"100%","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fuehaj.hatenablog.com%2Fentry%2F2018%2F12%2F25%2F094014\" title=\"React\u30d9\u30fc\u30b9\u9759\u7684\u30b5\u30a4\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bfGatsby\u306e\u771f\u306e\u529b\u3092\u304a\u898b\u305b\u3057\u307e\u3059 - uehaj&#39;s blog \" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","url":"https://uehaj.hatenablog.com/entry/2018/12/25/094014","blog_url":"https://uehaj.hatenablog.com/","provider_url":"https://hatena.blog","height":"190","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/uehaj/","description":"React\u30d9\u30fc\u30b9\u9759\u7684\u30b5\u30a4\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bfGatsby\u306e\u771f\u306e\u529b\u3092\u304a\u898b\u305b\u3057\u307e\u3059\u3068\u3044\u3046\u8a18\u4e8b\u3092Qiita\u306b\u66f8\u304d\u307e\u3057\u305f\u3002 \u300c\u300c\u7206\u901f\u30b5\u30a4\u30c8\u300d\u304c\u5fc5\u8981\u306a\u3044\u5834\u5408\u3067\u3082\u5f97\u3089\u308c\u308bGatsby\u306e\u5229\u70b9\u300d\u306a\u3069\u3092\u66f8\u3044\u3066\u3044\u307e\u3059\u3002 GraphQL\u306f\u826f\u3044\u3082\u306e\u3060\u3002 \u5c0e\u5165 \u8a18\u4e8b\u3092\u66f8\u3044\u305f\u7406\u7531 \u300c\u9759\u7684\u30b5\u30a4\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u300d\u3063\u3066\u4f55\uff1f \u4e00\u822c\u7684\u306a\u5229\u70b9 Gatsby\u3068\u306f \u308f\u305f\u3057\u306e\u7591\u554f Gatsby\u306e\u7279\u5fb4\u3068\u52d5\u4f5c Create React App(CRA)\u306e\u52d5\u4f5c \u4e00\u822c\u7684\u306aSSR(Next.js\u306a\u3069)\u306e\u52d5\u4f5c Gatsby\u306e\u52d5\u4f5c Gatsby\u52d5\u4f5c\u3092\u3082\u3046\u5c11\u3057\u8a73\u3057\u304f \u30d3\u30eb\u30c9\u6642GraphQL \u3053\u3093\u306a\u3053\u3068\u3082\u3067\u304d\u308b \u300c\u30d3\u30eb\u30c9\u6642GraphQL\u300d\u306e\u7d50\u679c\u3092\u30d6\u30e9\u30a6\u30b6\u5185\u306eRea\u2026","version":"1.0","published":"2018-12-25 09:40:14","type":"rich","image_url":"https://camo.qiitausercontent.com/731a4890b71187b46ae3508bfd74b0491ea9d9d0/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f393937392f32646138333436322d306162352d353832372d346362332d3939323339333539623038382e706e67"}