JSONツリービューアー

JSONツリービューアーは、JSONテキストを解析し、インタラクティブな折りたたみ可能なツリー構造としてレンダリングするツールです。各ノードはキー、型、値のプレビューを表示し、生テキストを読まずに深くネストされたJSONデータを視覚的に探索できます。

オブジェクトや配列ノードの横にある矢印アイコンをクリックして展開・折りたたみできます。ノード行自体をクリックすることもできます。ツールバーの「すべて展開」「すべて折りたたむ」ボタンでツリー全体を一度に切り替えできます。

検索ボックスにキーワードを入力すると、一致するキーと文字列値が即座にハイライトされます。一致した行がハイライト表示され、前へ/次へボタンまたは Enter（前へ）と Shift+Enter（後へ）キーで一致項目間をジャンプできます。

JSONPathは特定のノードを指すドット記法の式です（例：$.user.address[0].city）。任意のノードにホバーすると、その完全なパスがパスバーに表示されます。パスまたはコピーアイコンをクリックしてクリップボードにコピーできます。

はい。「ファイル読込」ボタンをクリックして.jsonファイルを参照するか、.jsonファイルを入力エリアにドラッグ＆ドロップするだけです。ファイルの内容はブラウザ内でローカルに読み込まれ、サーバーにアップロードされることはありません。

各値の型には独自の色があります：文字列は緑、数値は青、ブール値はオレンジ、null値はグレーです。オブジェクトと配列は子の数を示すバッジを表示します（例：{3} や [5]）。

ノードに1000個を超える子がある場合、ツールは遅延読み込みを使用します：最初の100項目をレンダリングし、下部に「もっと読み込む」ボタンを表示します。これにより、数千のエントリを持つ配列でもUIの応答性が保たれます。

いいえ。すべての解析、レンダリング、検索は完全にブラウザ内で行われます。JSONデータがデバイスから離れることはないため、機密データや扱いに注意が必要なデータにも安全に使用できます。

入力エリアの下に解析エラーとその位置を示す明確なエラーメッセージが表示されます。構文を修正して入力が再び有効なJSONになるまで、ツリービューは空のままです。

ページが読み込まれた後、ツールは完全にブラウザ内で実行され、インターネット接続なしで動作します。静的リソースを取得するための初期ページ読み込み時にのみネットワークアクセスが必要です。