メインコンテンツへスキップ
ChainStream GraphQL IDEは、Solana、Ethereum、BSC、Polygon全体でGraphQL分析クエリの記述、テスト、共有のために構築されたブラウザベースの開発環境です。インストール不要 — URLを開いてすぐにクエリを開始できます。

GraphQL IDEを開く


主な機能

Monacoエディタ

GraphQLシンタックスハイライト、スキーマ駆動の自動補完、リアルタイムエラー検出を備えたフル機能コードエディタ。

クエリビルダー

サイドバーのビジュアルスキーマブラウザ — イントロスペクションクエリを書かずにチェーングループ、Cube、フィールド、フィルタを探索できます。

クエリテンプレート

チェーンとCubeごとに整理された組み込みテンプレート — ロード、カスタマイズ、数秒で実行。

保存とマルチタブ

タイトル付きでクエリをローカルに保存。タブ編集で複数のクエリを並行して作業できます。

コードエクスポート

クエリを7言語(cURL、Python、JavaScript、Go、Rust、Ruby、PHP)のすぐに使えるコードスニペットとしてエクスポート。

AIアシスタント

自然言語の説明からGraphQLクエリを生成し、クエリ結果を解説できる組み込みAIアシスタント。サインインが必要です。

クエリの共有

任意のクエリの共有URLを生成。受信者はIDEでクエリがプリロードされた状態で開くことができます。

ステータスバー

リクエスト状態、レイテンシ(ms)、レスポンスサイズ、クエリごとのクレジットユニット消費量のリアルタイムフィードバック。

ダークテーマ

ChainStreamブランディングに合わせたダークテーマのインターフェース。長時間のクエリセッションに最適化されています。

IDEレイアウト

IDEは以下の領域で構成されています:
┌──────────────────────────────────────────────────────────┐
│  Toolbar  [▶ Execute] [Prettify] [Save] [Export] [Share] │
│           [Endpoint URL input]                           │
├──────┬─────────────────────────────────────┬─────────────┤
│      │  Tab Bar [Query 1] [Query 2] [+]   │             │
│      │─────────────────────────────────────│             │
│      │                                     │     AI      │
│ Side │         Query Editor                │  Assistant  │
│ bar  │                                     │    Panel    │
│      │─────────────────────────────────────│             │
│ ┌──┐ │  Variables  │  Headers              │             │
│ │Q │ │─────────────────────────────────────│             │
│ │S │ │                                     │             │
│ └──┘ │         Results Panel               │             │
│      │                                     │             │
├──────┴─────────────────────────────────────┴─────────────┤
│  Status: Ready  │  120ms  │  2.4 KB  │  8 CU             │
└──────────────────────────────────────────────────────────┘
領域説明
ツールバー実行、整形、保存/フォーク、コードエクスポート、共有、エンドポイントURL入力
サイドバークエリビルダー — ビジュアルスキーマツリー(チェーングループ → Cube → フィールド)、クエリ — チェーンごとの組み込みテンプレート、保存済み — ローカルに保存されたクエリ
タブバーマルチタブクエリ編集 — 各タブが独自のクエリ、変数、ヘッダーを保持
クエリエディタMonaco搭載のGraphQLエディタ(自動補完とエラーマーカー付き)
変数/ヘッダーJSON変数とHTTPヘッダーの下部パネル(デフォルトでX-API-KEYのヘッダーが表示)
結果パネルGraphQLエンドポイントからのシンタックスハイライト付きJSONレスポンス
AIアシスタント自然言語によるクエリ生成と結果説明のための右側パネル(サインインが必要)
ステータスバーリクエスト状態、レイテンシ、レスポンスサイズ、消費クレジットユニット(CU)

クイックスタート

1

IDEを開く

ブラウザでide.chainstream.ioに移動します。
2

APIキーを設定

APIキーの設定方法は2つあります:方法A — 手動入力: エディタ下部のHeadersパネルをクリックして入力:
{
  "X-API-KEY": "your_api_key"
}
方法B — サインイン: トップバーのSign InをクリックしてChainStreamアカウントでログイン。APIキーが自動的にロードされ、キードロップダウンから選択できます。
キーをお持ちでない場合は、ChainStream DashboardApplicationsCreate New App で作成してください。
3

テンプレートをロード

サイドバーを開き(Ctrl/Cmd+B)、チェーン(例:Solana)を展開し、DEXTrades → Latest Tradesなどのテンプレートをクリックします。プレースホルダー値付きのクエリがエディタにロードされます。
4

プレースホルダーを置き換え

TOKEN_ADDRESSWALLET_ADDRESSPOOL_ADDRESSなどのプレースホルダーを実際のオンチェーンアドレスに置き換えます。
5

実行

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つのプログラミング言語でのすぐに使えるコードスニペットの生成。