JSON整形・ツリー表示ビューア（壊れたJSONも自動修復）- JSON Viewer

JSON を貼り付けるだけで見やすく整形・ツリー表示できる無料のオンライン JSON ビューア（フォーマッター）。API のレスポンスやログに出力された JSON の確認に。コメント・末尾カンマ・シングルクォート・途中で切れた JSON など、エラーになる JSON も自動修復し、エラーの位置も表示します。登録不要・外部送信なし。

JSON Viewer は、貼り付けた JSON をツリー表示・整形して読みやすくする無料のオンラインツールです。コメント・末尾カンマ・シングルクォート・途中で切れた JSON など、そのままではエラーになる JSON も可能な限り自動修復して表示します。インストールやユーザー登録は不要で、入力内容はサーバーに送信されず、ブラウザ内で処理されます。

こんなときに

  • API のレスポンスを見やすくしたい：curl やブラウザの開発者ツールからコピーした 1 行の JSON を貼り付けると、インデント付きで整形し、階層ごとに開閉できるツリーで表示します。
  • JSON のどこが間違っているか知りたい：そのままでは読み込めない JSON は、元のエラー位置と修復した内容を表示します。JUMP で入力欄の該当箇所へ移動できます。
  • ログに出力された JSON を読みたい：ログ行の前後に付いた日時などの文字列を読み飛ばして JSON を取り出し、\" でエスケープされた文字列の JSON も展開して表示します。
  • 生成 AI が出力した JSON が壊れていて読み込めない：```json のコードフェンス付き、途中で切れたもの、末尾カンマやシングルクォート、Python の None / True が混ざったものなども修復して表示します。
  • 深い階層にある値のパスを調べたい：ツリーの行をクリックすると $.data.items[0].price のようなパスを表示し、そのままコピーできます。プログラムから値を取り出すコードを書くときに使えます。
  • 大きな JSON から特定のキーや値を探したい：キーや値を検索すると一致した行を強調し、その位置まで自動で展開します。

機能

  • 壊れた JSON の自動修復：コメント、末尾カンマ、シングルクォート、クォートの無いキー、カンマ抜け、Python の None / True / False、途中で切れた JSON、```json のコードフェンスを修復して表示します。修復した場合は内容と元のエラー位置を表示し、JUMP でソース上の該当箇所へ移動できます。
  • ログや文字列からの取り出し：ログ行の途中に埋め込まれた JSON は前後の余計な文字列を読み飛ばして取り出し、文字列化された JSON（\" でエスケープされた形）は中身を展開します。改行区切りの JSON（NDJSON）は配列として表示します。
  • ツリー表示と検索：階層ごとに開閉できるツリーで表示し、展開する階層（1 / 2 / 3 / ALL）を切り替えられます。キーや値を検索すると一致した行を強調し、その位置まで自動で展開します。
  • パスと値のコピー：ツリーの行をクリックすると $.data.items[0].price のようなパスを表示し、COPY_PATH / COPY_VALUE でパスや部分的な値をコピーできます。
  • 整形・圧縮・保存：インデント（2 / 4 / TAB）を選んで整形表示し、FORMAT / MINIFY で修復後の JSON にソースを置き換えられます。COPY_JSON でコピー、JSON ボタンで .json として保存できます。
  • 大きな数値の桁落ちを防ぐ：JavaScript の数値で正確に扱えない大きな整数（ID など）は、対応ブラウザでは元の表記のまま表示します。

使い方

  1. 左の SOURCE 欄に JSON を貼り付けるか、.json ファイルを画面にドラッグ&ドロップします。壊れた JSON やログの一部でも構いません。
  2. 右の VIEW 欄でツリー（TREE）または整形テキスト（TEXT）を確認します。修復した場合は RECOVERED 欄に内容が表示されます。
  3. 必要に応じて APPLY_TO_SOURCE / FORMAT でソースを修復後の JSON に置き換え、COPY_JSON や JSON ボタンでコピー・保存します。

よくある質問

無料で使えますか？
はい。無料で、インストールやユーザー登録も不要です。
JSON のエラー箇所を確認できますか？
はい。そのままでは読み込めない JSON は、元のエラー位置と修復内容を RECOVERED 欄に表示し、JUMP で入力欄の該当箇所へ移動できます。
JSON を 1 行に圧縮（minify）できますか？
はい。MINIFY で入力欄の JSON を空白を除いた 1 行に置き換えられます。FORMAT で整形した形に戻すこともできます。
入力した内容はサーバーに送信されますか？
いいえ。解析・修復・整形はすべてブラウザ内で行い、入力内容をサーバーへ送信しません。
どんな壊れ方の JSON を修復できますか？
コメント、末尾カンマ、シングルクォート、クォートの無いキー、カンマ抜け、閉じ括弧の不足（途中で切れた JSON）、Python の None / True / False、前後に余計な文字列が付いたものなどです。どうしても解釈できない部分以降は読み飛ばし、読み飛ばした位置と内容を表示します。
修復で内容が変わることはありますか？
修復は推測を含むため、元の意図と異なる結果になる場合があります。修復した場合は RECOVERED 欄に内容と元のエラー位置を表示するので、JUMP で元の箇所を確認してください。
書いた内容は保存されますか？
同じタブを開いている間はブラウザ（sessionStorage）に保持されます。タブを閉じると消えるため、残したい場合は JSON ボタンで .json ファイルとして保存してください。

JSON Viewer の詳細ページ