[GraphQL] TypeScript+VSCode+Apolloで最高のDXを手に入れよう | DevelopersIO

GraphQLを利用するWebアプリケーションの開発で、TypeScript + VSCode + Apollo のスタックで開発環境を構成すると、とても最高なDX（Developer Experience）が得られたので、紹介したいと思います。 どのくらい最高かを想像しやすくするため、従来のBADなDXの例を挙げてみますと...「APIのドキュメントに誤りがあり通信に失敗する」「APIの変更がドキュメントに反映されていなくてサーバサイドのエンジニアに問い合わせる」「APIのドキュメントを見ながらAPIリクエスト／レスポンスのオブジェクトを手作りで実装する」などなど、よくある話かと思います。従来のREST APIなどでは実装とドキュメントが分離されているので、そこを埋めるためのエンジニアの作業が必要です（そこをツールで埋めようとする試みは古くからありますが）。一方で、GraphQLは実装と

[reboot_in]

“VSCodeに拡張機能の Apollo GraphQL を追加します。 apollo.config.jsにGraphQLサーバの接続情報を設定します。 VSCodeのコマンドパレットで Apollo: Reload schema を実行します。”

[efcl]

ApolloでGraphQLのスキーマからコード補完、レスポンスのTypeScriptの型定義を生成する方法