graphql/graphiql

これは何？

主な機能

• 01スキーマを閲覧できるDoc Explorerを備えた、ブラウザー上で動作するGraphiQL IDE。
• 02GraphQLスキーマに基づくバリデーションと補完を提供する言語サービス。
• 03IDEにGraphQLサポートを組み込むためのLSPサーバーとCLI。
• 04CodeMirror 5、CodeMirror 6、Monaco向けのエディターモード。
• 05GraphQLの構文ハイライトとクエリのインライン実行に対応するVS Code拡張機能。

ユースケース

• サーバーやドキュメントサイトに、対話的なGraphQLエクスプローラーを追加する。
• Webアプリケーション内にGraphQL編集機能を構築する。
• VS Codeや、LSPに対応したほかのエディターでGraphQLの自動補完とリントを提供する。
• 共有の言語サービスを基盤に、独自のGraphQL IDEプラグインを作成する。

クイックスタート

1. 1

   GraphiQL のセットアップについては packages/graphiql/README.md を参照してください

2. 2

   この monorepo をローカルで開発する場合は、DEVELOPMENT.md に従ってください

使う前に知っておきたいこと

• !1.4.7 より前の graphiql のバージョンでは、接続先の GraphQL サーバーが信頼できない場合に XSS の脆弱性があります。
• !Monaco モードは現在も開発中です。

トピック

よくある質問

graphiql とは？

GraphiQLはブラウザー上で使えるGraphQL IDEであり、GraphQLエディター向けの言語サービス、エディターモード、LSPサーバーを提供するモノレポでもあります。 GraphiQLは、Reactで実装されたブラウザー上で動作する、グラフィカルで対話的なGraphQL IDEです。GraphQLサーバーに対するクエリの作成と実行ができ、スキーマを閲覧するためのDoc Explorerも備えています。このプロジェクトは、GraphQL Foundation公式モノレポのリファレンス実装です。

graphiql は無料で使えますか？ライセンスは？

graphiql は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

graphiql は今もメンテナンスされていますか？

活発にメンテナンス中。graphiql の最終コミットは 2026年10月21日 です。

graphiql は何に使えますか？

サーバーやドキュメントサイトに、対話的なGraphQLエクスプローラーを追加する。 Webアプリケーション内にGraphQL編集機能を構築する。 VS Codeや、LSPに対応したほかのエディターでGraphQLの自動補完とリントを提供する。 共有の言語サービスを基盤に、独自のGraphQL IDEプラグインを作成する。

graphiql のインストール方法は？

GraphiQL のセットアップについては packages/graphiql/README.md を参照してください この monorepo をローカルで開発する場合は、DEVELOPMENT.md に従ってください

graphiql はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/graphql/graphiql