{"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fthoames.hatenadiary.jp%2Fentry%2F2021%2F06%2F26%2F022256\" title=\"\u3010GraphQL\u3011GraphQL Code Generator\u306b\u3064\u3044\u3066\u306e\u30e1\u30e2 - \u3068\u30fc\u307e\u3059\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>","image_url":null,"blog_url":"https://thoames.hatenadiary.jp/","blog_title":"\u3068\u30fc\u307e\u3059\u30e1\u30e2","width":"100%","provider_name":"Hatena Blog","categories":["GraphQL","TypeScript","Apollo"],"provider_url":"https://hatena.blog","published":"2021-06-26 02:22:56","title":"\u3010GraphQL\u3011GraphQL Code Generator\u306b\u3064\u3044\u3066\u306e\u30e1\u30e2","type":"rich","url":"https://thoames.hatenadiary.jp/entry/2021/06/26/022256","height":"190","author_name":"Thoames1212","version":"1.0","description":"GraphQL Code Generator\u3068\u306f\u3001GraphQL\u306e\u30b9\u30ad\u30fc\u30de\u304b\u3089TypeScript\u306e\u578b\u5b9a\u7fa9\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30c4\u30fc\u30eb\u3002\u30c6\u30b9\u30c8\u74b0\u5883\u306fNext.js + TypeScript + Apollo + GraphQL Code Generator + Hasura\u306e\u69cb\u6210\u3059\u308b\u3002CSR\u3067GraphQL\u30ea\u30af\u30a8\u30b9\u30c8\u306f\u305b\u305a\u3001SSR\u3068SSG\u5185\u3067\u306e\u307fGraphQL\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u884c\u3046\u524d\u63d0\u3002\u4f59\u8a08\u306a\u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u5165\u308c\u305a\u306b\u3001\u6700\u4f4e\u9650\u306e\u8a2d\u5b9a\u3067GraphQL\u3078query\u3068mutation\u3092\u4f7f\u7528\u3067\u304d\u308b\u8a2d\u5b9a\u306b\u3059\u308b\u3002 \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb $ npm i -D graphql @graphql-codegen/cli @\u2026","author_url":"https://blog.hatena.ne.jp/Thoames1212/"}