JSON整形ツール・バリデーター｜リアルタイム

JSON（JavaScript Object Notation）は、データを人間が読める形式で表現するための軽量データ交換フォーマットです。オブジェクト（{}）・配列（[]）・文字列（""）・数値・boolean・nullの6種類のデータ型で構成されます。REST APIのレスポンス・設定ファイル（package.json, tsconfig.json など）・データベースのエクスポート形式として、現代のWeb開発で欠かせない存在です。APIから取得したJSONはしばしば改行なしの圧縮形式で配信されますが、そのままでは人間が内容を把握することは困難です。

JSONの整形が特に役立つのは次の場面です。①APIデバッグ：curlやPostmanで取得したレスポンスをすぐ読める形にする。②設定ファイルのレビュー：minify済みの設定ファイルを可読化する。③データ確認：データベースからエクスポートしたJSONの構造を把握する。④バリデーション：クライアントから受け取ったJSONの構文を検証する。JSONのバリデーションを怠るとアプリケーションのランタイムエラーにつながるため、整形ツールでの事前チェックが効果的です。

インデント幅は用途によって使い分けると効果的です。2スペースは画面幅を節約しつつ階層を明確にするため、一般的なコーディングスタイルに適しています。4スペースは深い階層でも読みやすく、コードレビューや印刷時に向いています。タブはエディタのインデント設定に合わせたい場合に便利です。キーソートオプションはオブジェクトのキーをアルファベット順に整列するため、2つの設定ファイルの差分を目視確認したい場面や、APIレスポンスの特定フィールドを素早く探したい場面で役立ちます。

JSONの構文エラーで最も多いのは次の5パターンです。①末尾カンマ：{"key": "value",} のようなJSONでは許可されていません（JSON5では可）。②クォートの不一致：キーと文字列値は必ずダブルクォートで囲む必要があります。シングルクォートはJSONでは無効です。③括弧の不一致：開き括弧と閉じ括弧の対応が取れていないケースです。④コメントの混入：JSONは標準でコメントをサポートしません。⑤数値の書き方：先頭ゼロ（007）や16進数（0xff）はJSONでは無効です。本ツールのエラーバナーにはエラー行と種類が表示されるため、素早く原因を特定できます。