GraphQL IDE の “GraphiQL” をカスタマイズして、開発ツールとして活用する - Hatena Developer Blog

こんにちは．マンガチームの id:mangano-ito です．最近は GraphQL API の開発を担当しており，GraphQL に関することを勉強したり実践したりしています．今回は開発ツールについてのお話です． GraphiQL とは GitHub API での使用例 GraphiQL を導入してみよう ツールバーをカスタマイズしてみよう ヘッダーやクエリをカスタマイズしてみよう 実際に開発ではどう使っているか GraphiQL とは graphql/graphiql: GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools. GraphQL API の使いやすい GUI クライアントです．GUI クライアントなので GraphQL ではなく Graph i QL となっているのが

[nabeop]

“自分が作って任意のコンポーネントを GraphiQL 上に追加することができる” これ、実際に動いているところを見せてもらったけど、めっちゃ便利そうだった。

[onk]

GraphiQL に自作 React コンポーネント追加できるの知らなかった！

[mohritaroh]

“React を使って柔軟に自作コンポーネントを追加できる”