pipipipi.net

JSONツリービューア

JSON文字列をツリー構造で視覚的に表示します。ノードの展開・折りたたみが可能です。

「解析」ボタンでJSONをツリー表示します

ノードをクリックして展開/折りたたみ

📋アイコンでJSONPath(例: $.key[0])をコピー

JSONツリービューアでできること

JSON文字列をインタラクティブなツリー構造で視覚的に表示します。深くネストされたデータの構造把握や、APIレスポンスの内容確認に役立ちます。

使い方

JSON入力エリア
テキストエリアにJSON文字列を貼り付けます。
解析ボタン
入力したJSONを解析し、ツリー構造として描画します。不正なJSONの場合はエラーメッセージを表示します。
ノードの展開・折りたたみ
オブジェクトや配列のノードをクリックして、子要素の表示・非表示を切り替えられます。
JSONPathコピー
各ノードのホバー時に表示されるアイコンをクリックすると、そのノードのJSONPath(例: $.key[0])をクリップボードにコピーできます。