オブジェクト・配列・文字列・数値・真偽値をネストしたツリーで表示。
JSONツール
JSONツリービューア — 折りたたみツリーでJSONを探索
生のJSONをブラウザ上で展開可能なツリーに—アップロード不要。
大きなJSONは括弧とカンマの背後に構造を隠します。ツリー表示はオブジェクト・配列・値をその場で示し、キー・インデックス・ネストを、長い1行を解読せずに把握できます。
左にJSONを貼り付け、「ツリーを解析」をクリックし、折りたたみ矢印で枝を開閉します。「整形してコピー」で必要なときにインデント付きJSONを取得できます。
JSONツリー作業エリア
畳める構造、長い説明は不要。
入力
ツリー
JSONを解析すると、ここに折りたたみツリーが表示されます。
ここでできること
畳める構造、長い説明は不要。
不要な枝を畳み、必要なパスだけ開く。
キーと配列インデックスを行内で確認—長い1行の横スクロールなし。
解析はタブ内で行われ、JSONは当社サーバーに送信されません。
「ツリーを解析」をクリックするまでツリーは更新されません—下書きがUIを乱しません。
使い方
左のエディタにJSONを貼り付け（ファイル、API、クリップボードから）。
「ツリーを解析」をクリック。右パネルに折りたたみツリーが表示されます。
矢印で枝を開閉します。「整形してコピー」でインデント付きJSONを。
注意点
ブラウザのJSONパーサーを使用します。非常に大きなドキュメントはタブが重くなることがあります。数値精度はJavaScriptに従います—極端な整数は別途確認してください。
クイックサンプル
試すには、左のパネルにこれを貼り付け、「ツリーを解析」をクリック：
{"tool":"json-tree-viewer","version":1,"users":[{"id":1,"name":"Ada","roles":["admin","editor"]},{"id":2,"name":"Lin","roles":["viewer"]}],"meta":{"public":true,"flags":{"darkMode":false,"beta":null}}}関連ページ
よくある質問
JSONはサーバーにアップロードされますか？
いいえ。このツリービューアはすべてブラウザ内で動作します。貼り付けたテキストは表示のために送信されません。