JSONビューアー
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オブジェクトが読み込まれます。