本文へ移動
Develop Tools

JSON Tree Viewer

JSONを折りたためるツリーで表示し、階層、型、JSONPath、JSON Pointerを確認します。

JSONツリーを作成

JSONコードを貼り付けるか、.jsonファイルを開いて解析します。

入力JSON

0文字
.jsonをドロップできます

JSONツリー

クリックして詳細を確認

JSONを解析すると、ここにツリーが表示されます。

このツールについて

大きなJSONや深くネストしたAPIレスポンスを、元データを変更せずに階層表示する閲覧専用ツールです。

対応内容

  • オブジェクト、配列、文字列、数値、真偽値、nullの階層表示
  • キー・値・JSONPath・JSON Pointerの検索とコピー
  • UTF-8 BOM、大きな整数、重複キーの確認
  • 100件単位の配列グループと遅延描画

使い方

  1. JSONを貼り付けるか、.jsonファイルを開きます。
  2. 「ツリー表示」を押してJSONを解析します。
  3. 三角ボタンで階層を開き、ノードを選択します。
  4. 詳細欄から値やパスをコピーします。

キーボード操作

ツリー上で上下キーを使って移動し、右キーで展開、左キーで折りたたみまたは親へ移動、EnterまたはSpaceで開閉できます。

制限事項

  • 標準JSONのみ対応し、JSON5、コメント、末尾カンマには対応しません。
  • 極端に大きなファイルや深い階層では、端末性能により解析・描画に時間がかかります。
  • 同名キーが重複するJSONは警告し、入力順のまま個別ノードとして表示します。

プライバシー: 入力JSON、ファイル、検索語、解析結果はブラウザ内だけで処理され、Develop Toolsのサーバーへ送信・保存されません。