入力

モード:

出力

GraphQLフォーマッターとは?

GraphQLはAPIのためのクエリ言語で、クライアントが必要なデータを正確に要求できます。このツールはGraphQLをフォーマット(整形)して一貫したインデントと改行を追加し、読みやすくします。また、不要な空白とコメントを除去してAPIリクエストのペイロードを削減するミニファイも行います。

モードボタンでフォーマットとミニファイを切り替えられます。すべての処理はブラウザ内で行われ、データはサーバーに送信されません。

このツールの使い方

1

モードを選択

インデント付きでGraphQLを整形するにはフォーマットを、空白とコメントを削除するにはミニファイを選択してください。

2

GraphQLを貼り付け

GraphQLクエリ、ミューテーション、サブスクリプション、またはスキーマを左エディタに貼り付けます。サンプルまたはアップロードも使えます。

3

結果をコピーまたはダウンロード

右パネルは自動的に更新されます。コピーまたはダウンロードで保存してください。

コンパクトなGraphQLクエリをフォーマット:

入力(コンパクト)

入力

出力(フォーマット済み)

出力

よくある質問

GraphQLスキーマ(SDL)はサポートされていますか?

はい。フォーマッターはクエリ、ミューテーション、サブスクリプション、SDLドキュメントに対応しています。

GraphQLのミニファイとは何ですか?

ミニファイはGraphQLから空白、改行、コメントを削除し、APIリクエストのペイロードサイズを削減します。

データはサーバーに送信されますか?

いいえ。すべての処理はブラウザ内でローカルに実行されます。

GraphQLフラグメントをフォーマットできますか?

はい。名前付きフラグメント、インラインフラグメント、ディレクティブ、変数はすべてフォーマッターで処理されます。

関連ツール

GraphQL仕様はspec.graphql.orgで公開されています。公式ドキュメントはgraphql.org/learnをご覧ください。