コードとファイル / GraphQL

GraphQLフォーマッター：クエリを整形または最小化

ブラウザでGraphQLを整形できます。クエリ、ミューテーション、サブスクリプション、フラグメント、スキーマを貼り付けると、フィールドを1行ずつに分け、インデント、インライン引数、変数、リスト、入力オブジェクトを統一し、コメントを保持して出力します。または、同等の内容を保ったまま最短のテキストに最小化できます。

GraphQLフォーマッター：クエリを整形または最小化: ドキュメントをGraphQLのトークン、名前、文字列、ブロック文字列、数値、句読点、コメントに分割してから、レイアウトを整えます。各選択セットは新しいインデント付きブロックとして開き、フィールドは1行ずつに配置し、引数はuser(id: $id)やorderBy: { field: NAME }のようにカンマ付きでインラインに保持します。最小化では、コメントと、2つの名前の間で不要なスペースをすべて削除します。サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

カテゴリ: 開発者ツール
実行回数: ブラウザ内で
コスト: 無料 · 登録不要
提供状況: すぐに使えます

GraphQLフォーマッターローカル処理

完全にブラウザ内で実行します

出力インデント

GraphQL

query GetRepo($owner: String!, $name: String!, $first: Int = 5) { repository(owner: $owner, name: $name) { name stargazerCount issues(first: $first, states: [OPEN], orderBy: {field: CREATED_AT, direction: DESC}) { nodes { number title author { login } } } } }

整形済み

query GetRepo($owner: String!, $name: String!, $first: Int = 5) {
  repository(owner: $owner, name: $name) {
    name
    stargazerCount
    issues(first: $first, states: [OPEN], orderBy: { field: CREATED_AT, direction: DESC }) {
      nodes {
        number
        title
        author {
          login
        }
      }
    }
  }
}

クエリ、ミューテーション、サブスクリプション、フラグメント、スキーマ定義に対応しています。選択セットは1行に1フィールドで表示し、引数、変数、リスト、入力オブジェクトはカンマ付きで1行に保持します。整形時はコメントを残し、最小化時は削除します。何もアップロードされません。

変数

クエリに値を直接書き込むのではなく、$idのような変数を使用してください。クエリを同じままにしてキャッシュでき、値はJSONとして渡されます。

JSON

GraphQL APIが返すJSONを整形するには、JSON整形ツールを使用してください。

使い方

GraphQLを貼り付けます。
整形または最小化された出力とインデントを選択します。
結果をコピーします。

プライバシーと制限事項

すべてブラウザ内で完結します。

よくある質問

クエリが有効かどうかも確認できますか？

閉じられた文字列など、整形に必要な構文は確認しますが、スキーマとの照合は行いません。スキーマとの照合はサーバーまたはIDEが行います。

GraphQLではカンマが必要ですか？

いいえ。カンマはスペースと同じように無視されるため、このフォーマッターは引数を読みやすくする場合にのみ追加します。

スキーマも整形できますか？

はい。type、input、enum、interface、unionの定義も同じ方法で整形されます。

無料ツール · ブラウザ内で · アカウント不要

変数

JSON

使い方

プライバシーと制限事項

関連ツール

よくある質問