JSON はサーバーへ送信されますか？

いいえ。整形処理はブラウザ内だけで行われます。

インデント幅は変更できますか？

はい。2スペースまたは4スペースを選べます。

キーの並び替えはできますか？

できます。オブジェクトキーをアルファベット順に並べて差分を見やすくできます。

Unicode エスケープはいつ使いますか？

ログやコード例、固定比較のために非ASCII文字を `\uXXXX` 形式で見たいときに便利です。

壊れた JSON を入れるとどうなりますか？

整形せずにエラーメッセージを返し、どこを直すべきか確認しやすくします。

JSON Beautifier ブラウザツール

このツールを試す

入力を貼り付けて実行すると、結果をすぐに確認できます。

インデント出力 JSON のインデント幅を選択します。キーソートオブジェクトキーをアルファベット順にソートします。Unicode エスケープ非ASCII文字を \uXXXX 形式に変換します。

入力

出力

説明

ツール概要

このページでは、ツールの役割、使いどころ、サンプルで素早く確認する方法をまとめています。

圧縮された JSON を読みやすい構造へ整形します。

サンプル入力

以下のサンプルをそのまま貼り付けると、基本的な処理フローをすぐ確認できます。

{"name":"zzzbbb","active":true,"items":[3,1,2]}

密集した JSON ログや API 応答を読みやすい構造に直したいときに使いやすいツールです。1 行の JSON でも比較しやすい形にすぐ整形できます。

入力はブラウザ内だけで処理され、サーバーへアップロードされません。内部設定やテスト用ペイロードを短時間で確認したい場面にも向いています。

使いどころ

minified JSON が読みにくく、構造をすぐ把握したいとき
ドキュメントやコードレビューに読みやすい JSON 例を貼りたいとき
応答 payload の特定キーを探して比較したいとき

整形オプションの使い分け

インデント、キーソート、Unicode エスケープを組み合わせると、用途に合った出力を作れます。

indent: 2 または 4 スペースで読みやすく整える
sortKeys: 順番だけ違う JSON 同士を比較しやすくする
escapeUnicode: 非ASCII文字を固定表現で確認したいときに使う

よくある失敗

JSON の一部だけコピーして閉じかっこ } や ] を落とす
文字列内の引用符を escape せずに入れる
比較用途なのにキーソートなしで差分を解釈する
JavaScript オブジェクト記法をそのまま JSON だと思い込む

例の入力

{"name":"zzzbbb","items":[3,1,2],"enabled":true}

例の出力

{
  "name": "zzzbbb",
  "items": [
    3,
    1,
    2
  ],
  "enabled": true
}

FAQ

JSON はサーバーへ送信されますか？: いいえ。整形処理はブラウザ内だけで行われます。
インデント幅は変更できますか？: はい。2スペースまたは4スペースを選べます。
キーの並び替えはできますか？: できます。オブジェクトキーをアルファベット順に並べて差分を見やすくできます。
Unicode エスケープはいつ使いますか？: ログやコード例、固定比較のために非ASCII文字を `\uXXXX` 形式で見たいときに便利です。
壊れた JSON を入れるとどうなりますか？: 整形せずにエラーメッセージを返し、どこを直すべきか確認しやすくします。

さらに探す

このツールは Developer Data カテゴリに属しています。似たワークフローはツールハブの全ツール一覧から比較できます。