Developer Tools
Data & AnalyticsJSONビューアー
JSONをシンタックスハイライト、パスコピー、値検索、ノードレベルの切り替え機能付きインタラクティブな展開可能ツリーとして表示します。無料オンラインJSONエクスプローラー。
JSON入力
JSONツリー
検索：
インタラクティブツリーを表示するには、上にJSONを貼り付けるか入力してください。
関連ツール
JSONビューアーについて
使い方
- 有効なJSONを貼り付けるとインタラクティブな折りたたみツリーとして表示されます
- オブジェクトまたは配列ノードをクリックして子要素を展開・折りたたみます
- すべて展開/すべて折りたたみでツリー全体を一度に制御できます
- キーと値を検索 — 一致するノードがハイライトされます
- 任意のノードの横のコピーアイコンをクリックしてパスや値をコピーします
一般的なユースケース
- 深くネストされたAPIレスポンスの探索
- 複雑なJSON設定ファイルのデバッグ
- 大きなJSONペイロードから特定のキーや値を見つける
- コードやツール用に正確なJSONパスをコピーする
- データベースやログの構造化データを確認する
よくある質問
JSONビューアーとは何ですか？
JSONビューアーは、有効なJSONをカラーコードのシンタックスハイライト付き折りたたみツリー構造として表示するインタラクティブなツールです。深くネストされたデータを探索したり、パスや値をコピーしたり、生テキストを読まずに特定のキーや値を検索したりできます。
ノードを展開・折りたたむには？
任意のオブジェクトまたは配列ノード（{ } または [ ] で示される）をクリックして切り替えます。「すべて展開」ボタンでツリー全体を開き、「すべて折りたたむ」でルートレベルに戻せます。
検索機能はどのように動作しますか？
検索フィールドにキーワードを入力します。ツールはキー名または値に検索語（大文字小文字を区別しない）が含まれるすべてのノードをハイライトします。一致するノードは黄色の背景で強調されます。
JSONパスをコピーするには？
任意のノードにマウスを乗せると、右にリンクアイコンが表示されます。クリックすると、そのノードのドット表記パス（例：user.address.city）がクリップボードにコピーされます。
ノードの値をコピーするには？
ノードにマウスを乗せ、右のクリップボードアイコンをクリックします。プリミティブ値は生の値がコピーされ、オブジェクトと配列はフォーマットされたJSONとして完全なサブツリーがコピーされます。
JSONデータはサーバーに送信されますか？
いいえ。すべての処理はブラウザー内でクライアントサイドのJavaScriptを使って行われます。JSONデータはデバイスから一切外に出ないため、機密データも安全に貼り付けられます。
ビューアーはどのようなJSON機能をサポートしていますか？
完全なJSON仕様をサポート：任意の深さのネストされたオブジェクトと配列、すべてのプリミティブ型（文字列、数値、真偽値、null）、Unicode文字とエスケープシーケンス。配列はアイテム数、オブジェクトはキー数を表示します。
APIレスポンスの確認に使えますか？
はい — ブラウザーのネットワークタブ、RESTクライアント、ターミナルから生のJSONをコピーして入力エリアに貼り付けるだけです。ビューアーが即座にインタラクティブなツリーとして表示します。
無効なJSONを貼り付けたらどうなりますか？
入力が有効なJSONとして解析できない場合、ツリーパネルに正確なエラーメッセージが表示されます。入力を修正するとツリーが自動的に更新されます。
JSONビューアーとJSONフォーマッターの違いは？
JSONフォーマッターはインデントされた生テキストを出力します（コピー＆ペーストに便利）。JSONビューアーはJSONをインタラクティブなツリーとして表示します（構造の探索や特定ノードの発見に便利）。
大きなJSONファイルは処理できますか？
中程度のサイズのJSON（数MBまで）は問題なく処理できます。非常に大きなファイルはすべてのノードがDOMにレンダリングされるため、ブラウザーが遅くなる場合があります。
ツールを試すためにサンプルを読み込めますか？
はい — 「サンプル」ボタンをクリックすると、ネストされた構造、配列、複数のデータ型を含む事前構築されたJSONオブジェクトが読み込まれます。