> ## Documentation Index
> Fetch the complete documentation index at: https://docs.chainstream.io/llms.txt
> Use this file to discover all available pages before exploring further.
# GraphQL IDE
> ChainStream GraphQLクエリの記述、テスト、共有のためのブラウザベースのインタラクティブIDE
ChainStream GraphQL IDEは、Solana、Ethereum、BSC、Polygon全体でGraphQL分析クエリの記述、テスト、共有のために構築されたブラウザベースの開発環境です。インストール不要 — URLを開いてすぐにクエリを開始できます。
[https://ide.chainstream.io](https://ide.chainstream.io)
***
## 主な機能
GraphQLシンタックスハイライト、スキーマ駆動の自動補完、リアルタイムエラー検出を備えたフル機能コードエディタ。
サイドバーのビジュアルスキーマブラウザ — イントロスペクションクエリを書かずにチェーングループ、Cube、フィールド、フィルタを探索できます。
チェーンとCubeごとに整理された組み込みテンプレート — ロード、カスタマイズ、数秒で実行。
タイトル付きでクエリをローカルに保存。タブ編集で複数のクエリを並行して作業できます。
クエリを7言語（cURL、Python、JavaScript、Go、Rust、Ruby、PHP）のすぐに使えるコードスニペットとしてエクスポート。
自然言語の説明からGraphQLクエリを生成し、クエリ結果を解説できる組み込みAIアシスタント。サインインが必要です。
任意のクエリの共有URLを生成。受信者はIDEでクエリがプリロードされた状態で開くことができます。
リクエスト状態、レイテンシ（ms）、レスポンスサイズ、クエリごとのクレジットユニット消費量のリアルタイムフィードバック。
ChainStreamブランディングに合わせたダークテーマのインターフェース。長時間のクエリセッションに最適化されています。
***
## IDEレイアウト
IDEは上から下へ、以下の領域で構成されています：
**上部全幅** — Execute（▶）、Prettify、Save/Fork、Export Code、Share ボタン、およびエンドポイント URL 入力欄。
**左側** — 3つのタブ：**Query Builder**（スキーマツリー）、**Queries**（組み込みテンプレート）、**Saved**（保存済みクエリ）
**中央** — Monaco エディタ（Tab Bar、Variables / Headers パネル付き）、下部にシンタックスハイライト付き JSON レスポンスパネル
**右側** — 自然言語によるクエリ生成と結果説明（サインインが必要）
**下部全幅** — リクエスト状態、レイテンシ（ms）、レスポンスサイズ、消費 CU をリアルタイム表示。
***
## クイックスタート
ブラウザで[ide.chainstream.io](https://ide.chainstream.io)に移動します。
APIキーの設定方法は2つあります：
**方法A — 手動入力**: エディタ下部の**Headers**パネルをクリックして入力：
```json theme={null}
{
"X-API-KEY": "your_api_key"
}
```
**方法B — サインイン**: トップバーの**Sign In**をクリックしてChainStreamアカウントでログイン。APIキーが自動的にロードされ、キードロップダウンから選択できます。
キーをお持ちでない場合は、[ChainStream Dashboard](https://www.chainstream.io/dashboard) → **Applications** → **Create New App** で作成してください。
サイドバーを開き（**Ctrl/Cmd+B**）、チェーン（例：**Solana**）を展開し、**DEXTrades → Latest Trades**などのテンプレートをクリックします。プレースホルダー値付きのクエリがエディタにロードされます。
`TOKEN_ADDRESS`、`WALLET_ADDRESS`、`POOL_ADDRESS`などのプレースホルダーを実際のオンチェーンアドレスに置き換えます。
**Ctrl/Cmd+Enter**を押すか、**Execute**（▶）ボタンをクリックします。結果が右パネルに表示され、ステータスバーにレイテンシとCUコストが表示されます。
***
## クエリビルダー（スキーマブラウザ）
サイドバーには、標準的なGraphiQLドキュメントパネルに代わるビジュアル**クエリビルダー**が含まれています。完全なスキーマをインタラクティブなツリーとして表示します：
* **チェーングループ**（EVM、Solana、Trading）がトップレベル
* 各グループ内の**Cube**
* 各Cubeの**フィールド**、**フィルタ**、**ソートオプション**
任意のフィールドをクリックしてクエリに挿入できます。これはバックエンドの`/ide/builder-schema`エンドポイントにより、スキーマ全体の構造化された表現を提供しています。
***
## AIアシスタント
AIアシスタントパネル（右側）は以下をサポートします：
* 自然言語の説明からの**クエリ生成**（例：「今日のSolana DEXトレードのトップ10を出来高順に取得」）
* **結果の説明** — レスポンスを貼り付けると、平易な言葉でサマリーを取得できます
AIアシスタントの使用にはChainStreamアカウントでのサインインが必要です。現在のIDEセッションと同じAPIキーを使用します。
***
## クエリの共有
ツールバーの**Share**ボタンをクリックして、任意のクエリの共有URLを生成できます。URLは`#q=`フラグメントを使用してクエリ、変数、ネットワーク選択をエンコードします。受信者はリンクを開くと、IDEにクエリがプリロードされた状態で表示されます。
***
## 詳細
Monacoエディタ、パネル、ツールバー、キーボードショートカット、ステータスバーを探索。
すべてのCubeにわたる組み込みテンプレートの完全なカタログを閲覧。
よく使うクエリの保存、整理、管理。
7つのプログラミング言語でのすぐに使えるコードスニペットの生成。