スクリーンショット

説明

ブラウザでJSON・YAML・XMLを整形。ツリー表示・検索・JSONPathコピー・エクスポート。オープンソース、プライバシー第一、MV3ネイティブ。 TreeJSONは、JSON・YAML・XMLのレスポンスをブラウザ内で即座に、ローカルで、テレメトリゼロで整形します。2026年初頭、もっとも人気だったJSON Formatter Chrome拡張機能（200万人超のユーザー）がクローズドソース化し、サードパーティスクリプトを注入し始めたことを受けて、Manifest V3向けにゼロから書き直されました。 できること TreeJSONはContent-Typeヘッダーとファイル拡張子からJSON・YAML・XMLのレスポンスを検出し、シンタックスハイライト、要素数カウンタ、インデントガイド付きのクリーンな折りたたみ可能ツリーとして描画します。セットアップ不要、アカウント不要、サーバー不要。 主な機能 • JSON、JSON-LD、JSON:API、HAL+JSON、NDJSON、YAML、XMLの自動整形 • 要素数カウンタとインデントガイド付きの折りたたみツリー • キーと値の全文検索、部分文字列ハイライト • 任意ノードを右クリック → JSONPath・生の値・サブツリー全体をコピー • 任意のプリミティブ値をクリックでコピー • 行番号付きパースエラーを表示するJSONバリデータ • JSONを CSV（オブジェクト配列）、TypeScript型、JSON Schema（Draft-07）にエクスポート • ライト／ダーク／自動テーマ — OSに追従 • タブごと、オリジンごとに無効化、正規表現URLの除外パターン • キーボードショートカット（Alt+Shift+J で切り替え、⌘/Ctrl+F で検索） • ファイルアクセスを有効にすればローカルファイル（file://）でも動作 • ロー／整形済みトグルでいつでもソーステキストに戻れる • インストール後は100%オフライン — 自身のネットワークリクエストはゼロ 対象ユーザー RESTやGraphQLレスポンスをデバッグするWebデベロッパー、ペイロードを検査するバックエンドエンジニア、レスポンス形状を検証するQAエンジニア、設定ファイルを読むDevOps、生のJSON URLに遭遇して読みやすく表示したいすべての人。 使い方 JSON・YAML・XMLのURLを開く → TreeJSONがContent-Typeを確認 → 構造化されたツリーを描画 → 検索・コピー・エクスポート。設定はゼロ、常に。 なぜTreeJSON か • プライバシー第一。テレメトリゼロ、アナリティクスゼロ、サードパーティスクリプトゼロ、サーバーゼロ。 • オープンソース。検出コードは監査可能です。 • MV3ネイティブ。Chromeの現行拡張機能プラットフォーム向けに構築。Manifest V2を廃止する将来のChromeアップデートで無効化されません。 • 最小限の権限。設定用の「storage」と現在のページ用の「activeTab」のみ。ホスト権限「<all_urls>」は、レスポンスのContent-Typeを読むためだけに使用されます。 • マルチフォーマット。JSON・YAML・XML — 1つのツール、3つのビューア、一貫したUI。 権限の説明 なぜTreeJSONはすべてのサイトへのアクセスを要求するのか？JSON・YAML・XMLのAPIはWeb上のあらゆるドメインでホストされています。Chromeが任意のドメインのJSONレスポンスを自動整形するには、拡張機能がそのドメインへのアクセスを宣言する必要があります。TreeJSONはドキュメントのContent-Typeのみを検査します。レスポンスがJSON・YAML・XMLでない場合、コンテンツスクリプトは即座に終了します。閲覧履歴は読み取りません。URLはブラウザから外に出ません。何もどこにも送信されません。 別のJSONビューアから乗り換えますか？ テレメトリなし、サードパーティスクリプトなし、最新のMV3コードベースのオープンソースJSONビューアをお探しですか？TreeJSONはプライバシー第一・マルチフォーマット対応の選択肢です。数秒で切り替え可能。 FAQ Q: TreeJSONはショッピングやチェックアウトページにポップアップやバナーを注入しますか？ A: いいえ。TreeJSONは非JSONページでは一切実行されません。Content-TypeがJSON・YAML・XMLでない場合、コンテンツスクリプトはページを読む前に終了します。 Q: TreeJSONは閲覧履歴を追跡しますか？ A: いいえ。TreeJSONは送信ネットワークリクエストがゼロです。リモートスクリプト、フォント、アナリティクスSDKは読み込みません。 Q: なぜ「<all_urls>」を要求するのですか？ A: JSON APIはあらゆるドメインでホストされています。TreeJSONはレスポンスのContent-Typeを確認し、関連しない場合は終了します。URLはログにも記録されず、送信もされません。 Q: JSONを編集できますか？ A: TreeJSONはv1では読み取り専用です。書き込みには専用のJSONエディタを使用してください。 Q: オフラインで動作しますか？ A: はい。インストール後、TreeJSONは完全にローカルで動作します。サーバーコンポーネントはありません。 Q: ソースコードは公開されていますか？ A: はい。インストール前に検出ロジック、パーサーグルー、レンダリングコードを監査できます。 Q: Chrome DevToolsとの違いは？ A: DevToolsはNetworkタブでJSONを表示し、リクエストごとに開く必要があります。TreeJSONは通常のタブで開いたすべてのJSON URLを自動整形します — 日常的なAPI調査、ウォークスルー、画面共有でより高速です。