はじめに 今日も今日とて、フロントReact + バックRailsのSPA + APIのアプリ開発していたところ TypeScriptのReact側で、react-apolloの型宣言がめんどくさいと思っていました。 バックエンド側はGraphQLを使用しているので、いろんなところに型宣言をしているようにも感じて、微妙。。 そこでgraphql-code-generatorを使っていろいろ気持ち悪い部分を解消していこうという話をします。 今回の構成 フロントエンド GitHub React(SPAで) TypeScript create-react-app React Apollo バックエンド GitHub Ruby Rails(APIで) GraphQL ※上記2つのリポジトリはこちらのリポジトリから連動させる仕組みとしました。(開発環境として) とりあえずApolloの公式通りにやっ