JSONツリービューア
JSONを貼り付けると、折りたたみ可能なツリーで中身をたどれます。キーや値で検索したり、要素をクリックしてそのパス（$.orders[0].price など）をコピーしたりできます。大きなAPIレスポンスの構造をつかみたいときに便利です。整形・圧縮だけなら JSON整形、パスでの抽出は JSON Path / JSON Pointerテスター をご利用ください。
🔒 ブラウザ内で完結・入力データはサーバーに送信されません
要素が多いため、一部のみ展開しました。必要な部分は個別に開いてください。
注意事項
- ツリーの展開は、開いた要素の分だけ描画します。大きなJSONでも、閉じたままの部分は負荷になりません。
- 「すべて展開」は表示が重くならないよう、一定数の要素までで止まります。続きは個別に開いてください。
- 検索はキー名とプリミティブ値（文字列・数値・真偽値・null）の部分一致で、大文字小文字は区別しません。一致した要素は自動で展開されます。
- JSONの数値は JavaScript の数値として扱うため、非常に大きな整数は精度が落ちて表示されることがあります。
用語解説
JSONPath
JSONの中の要素を指し示す記法です。$ がルートで、$.user.name や $.items[0] のように書きます。
JSON Pointer
RFC 6901 で定められた、JSONの要素を指し示す記法です。/user/name や /items/0 のようにスラッシュ区切りで書き、ルートは空文字列です。
プリミティブ値
文字列・数値・真偽値・nullのように、中に子要素を持たない値のことです。オブジェクトと配列はそれ以外（子を持つ値）です。
よくある質問
コピーしたパスはどう使えますか？
JSONPath は $.orders[0].price のような記法で、JSON Path / JSON Pointerテスターや各種ライブラリで値の取り出しに使えます。JSON Pointer は /orders/0/price の形で、JSON PatchやOpenAPIの参照などで使われます。JavaScript 表記はコードに貼って data.orders[0].price のように値へアクセスする用途向けです。
大きなJSONでも開けますか？
数MB程度までなら、ブラウザ内でそのまま表示できます。ツリーは展開した要素だけを描画するので、閉じたままの部分は重くなりません。「すべて展開」は一定数の要素で止まります。
検索ではキーと値のどちらが対象ですか？
両方が対象です。キー名と、文字列・数値・真偽値・nullの値に対して、大文字小文字を区別しない部分一致で探します。一致した要素までのツリーが自動で展開されます。
ハイフン入りのキーや日本語のキーはパスでどう表されますか？
JSONPath と JavaScript 表記では $["first-name"] のように引用符つきの角括弧で表します。JSON Pointer ではそのまま書き、スラッシュは ~1、チルダは ~0 にエスケープします。
このページをシェア