---
title: "GraphQL IDE"
slug: "graphql-ide"
abstract: ""
---
# GraphQL IDE

GraphQL Integrated Development Environment (IDE)はGraph QLクエリ機能をサポートし、クエリ開発をより簡単にすることで開発ワークフローを向上させます。リアルタイムの構文やエラーハイライト、スキーマドキュメントの断片を使えば、クエリに追加する内容が明確になります。

> !重要IDEを使うには有効な[APIキー](https://doc.sitecore.com/ch/ja/developers/cloud-dev/before-you-start.html "Before you start") が必要です。

以下のGraphQL IDEが利用可能です:

-   プレビューAPI[](https://doc.sitecore.com/ch/ja/developers/cloud-dev/preview-api.html "Preview API")は、ドラフトやまだ承認されていないコンテンツを含むすべてのコンテンツへのアクセスを可能にします。
-   [Delivery API](https://doc.sitecore.com/ch/ja/developers/cloud-dev/delivery-api.html "Delivery API") IDE で、プレビュー API IDEと同じスキーマを持ちますが、承認済みかつ公開されたコンテンツへのアクセスのみを提供します。

## GraphQL IDEの特徴

Sitecore GraphQL IDEは以下の機能を[GraphQL Playground](https://github.com/graphql/graphql-playground#faq)を利用しています。

特徴

概要

クエリ履歴

GraphQL IDEはあなたの問い合わせ履歴を保持します。

しおり

よく使うクエリをブックマークし、履歴の上部に置き、スターアイコンでマークできます。

Prettify

Prettifyは正しいインデントを追加してクエリのフォーマットを整えます。

オートコンプリート

オートコンプリート機能は直感的に必要なフィールドを見つけるのに役立ちます。構文のハイライト、リンティング、自動補完、フラグメントのナビゲーションも提供します。

SCHEMAタブ

**SCHEMA**タブは定義された[スキーマ](https://doc.sitecore.com/ch/ja/developers/cloud-dev/graphql-schema.html)へのアクセスを提供します。

DOCSタブ

**DOCS**タブにはGraphQLのドキュメントが表示されます。インタラクティブで複数列で閲覧可能で、ネイティブキーボードサポートがあります。**DOCS**タブを使えば、クエリが期待するパラメータや、レスポンスで指定できるフィールドについての情報をすべて見つけることができます。

変数

新しいクエリを再構築する代わりに、値を引数として渡すことができます。IDEの **QUERY VARIABLES** タブでクエリ変数を追加できます。

GraphQL IDEの**DOCS**タブを使えば、以下の操作が可能です:

戦闘

概要

特定のスキーマフィールドを見つけてください。

例えば *、資産*などの名前でフィールドを検索します。インターフェースは同じ名前のフィールドを区別するのに役立ちます。検索は *ファジィ(曖昧*)で、正確な綴りがわからない場合はおおよその綴りに基づいてフィールドを返すことができます。

スキーマの入口からフィールドへの理想的な経路を見つけます。

型とフィールドのペアを特定した後、エクスプローラーはスキーマのエントリーポイントからそのフィールドへのすべてのパスをリストアップできます。パスは深さの順序でリストアップされます。