JSON整形ツールとは？

JSON整形ツールは、JSON文字列を読みやすく整形しながら、構文エラーの確認にも使えるツールです。APIレスポンスを見やすくしたいとき、設定ファイルの書式をそろえたいとき、貼り付けたJSONが正しいか確かめたいときに役立ちます。

入力すると自動で整形が走り、問題がある場合はエラー箇所を行と列で表示します。軽い確認作業からデバッグまで、ブラウザ上で手早く進めたい場面に向いています。

使い方

1. 入力欄にJSON文字列を貼り付けます。
2. 自動整形された結果を確認します。
3. 必要に応じて出力形式やインデント、キーソートを切り替えます。
4. エラーが出た場合は、表示された行列を手がかりに修正します。修復ボタンが出ているときは、それを使って修正できます。

主な設定項目

出力形式

出力の形を次から選べます。

• 整形: 改行とインデントを付けて読みやすく表示します
• 圧縮: 改行や空白を除いた1行にまとめます。送信前にサイズを抑えたいときに使えます

なお、1.0のような数値表記はJSONの書き方に合わせて正規化されます。

インデント

整形を選んだときは、2 / 4 / タブから1段の幅を選べます。プロジェクトの規約に合わせて選ぶと迷いにくくなります。圧縮を選んだときは無効になります。

キーソート

オンにすると、オブジェクトのキーをAからZの順に並べ替えます。配列の順序は変わりません。設定ファイルを保存前にそろえたいときに使えます。

活用シーン

• APIレスポンスを整形して中身を確認したいとき
• 設定ファイルやサンプルJSONの見た目をそろえたいとき
• 圧縮されたJSONを読みやすい形に戻したいとき
• 送信するJSONを1行に圧縮したいとき
• JSON構文が壊れていないかを軽くチェックしたいとき

エラーが出たときに見るポイント

エラーがある場合は、結果の代わりに原因と行列が表示されます。よくある原因は次のとおりです。

• 文字列がダブルクォーテーションで囲まれているか
• 末尾に不要なカンマが入っていないか
• オブジェクトや配列の閉じ忘れがないか
• キーと値の区切りにコロンが入っているか

末尾カンマやシングルクォート、コメントなどのよくあるミスは、修復ボタンで自動修正できます。修復すると入力が置き換わるため、結果を確認しながら調整できます。直せないエラーの場合は、行列を手がかりに直接修正します。

このツールで分かるのは主に構文上の問題です。値の意味やAPI仕様との整合までは判定しないため、その確認は別途必要になります。

入出力例

{ "name": "田中太郎", "age": 30, "hobbies": ["読書", "旅行"] }

このような1行JSONを貼り付けると、次のように整形できます。

{
  "name": "田中太郎",
  "age": 30,
  "hobbies": [
    "読書",
    "旅行"
  ]
}