開発者ツールブラウザ内で処理ネスト JSON 対応

JSON フォーマッター & ツリービューア

JSON を貼り付けると、すぐに展開・折りたたみできるツリーに整形します。型ごとの色分け、検索・絞り込み、ネストされた JSON 文字列の解析に対応。HTTP リクエストやレスポンスの確認のために作られ、データはブラウザの外に出ません。

こんなときに便利
JSON をすばやく確認・デバッグする用途に最適で、大規模なデータ編集には向きません。

プライバシーが気になり、API データを第三者サイトに貼り付けたくない。

HTTP ボディ内にエスケープされた JSON 文字列がネストされていて、展開して確認したい。

レスポンスが大きく、特定のフィールドや値を検索してすぐ見つけたい。

JSON 入力
0 文字

JSON を貼り付けて開始

左側に JSON を貼り付けると、整形された折りたたみ可能なツリーがここに表示されます。

主な機能
HTTP リクエストとレスポンスの確認を中心に作られた実用的な機能。
  • 貼り付けるだけで整形し、展開・折りたたみ可能なツリーに表示
  • string / number / boolean / null など型ごとに色分け
  • キーと値を検索し、ヒットを強調表示して自動展開。一致のみ表示も可能
  • すべてのノードを一括で展開・折りたたみ、整形した JSON をコピー
  • フィールド内にネストされた JSON 文字列を検出して展開
使い方
次の手順で JSON を確認できます。
  1. 1左側のテキストボックスに JSON を貼り付けるか入力します。
  2. 2右側で即座に折りたたみ可能な、型ごとに色分けされたツリーに整形されます。
  3. 3検索ボックスでフィールドや値を探し、必要に応じて「一致のみ表示」をオンにします。
  4. 4ネストされた JSON 文字列は、ノードのボタンで展開します。必要なときは整形結果をコピーできます。
ご利用にあたって
使う前に知っておきたいこと。

アップロードは行われず、解析と検索はすべてブラウザ内で完結します。

標準的な JSON に対応します。コメントや末尾カンマなどの非標準な記法は解析に失敗します。

非常に大きな JSON をすべて展開すると遅くなることがあります。折りたたむか検索で移動してください。

よくある質問
始める前によくある質問。

JSON データはサーバーにアップロードされますか?

いいえ。解析・整形・検索はすべてブラウザ内で行われ、データがサーバーに送信されることはありません。

JSON の形式が正しくない場合はどうなりますか?

解析に失敗した原因を表示し、該当する行と列を特定するので、すばやく修正できます。

「ネストされた JSON 文字列を解析」とは?

HTTP レスポンスでは、1 つの JSON が文字列としてフィールド内に格納されることがよくあります。そのような文字列を検出すると、ボタンでサブツリーとして展開できます。