JSON フォーマッターとは?
JSON はほぼすべての Web API が話す形式ですが、実際に返ってくるのは帯域を節約するために空白を削ぎ落とした一行の圧縮済みデータです。機械には効率的でも、人間にはまず読めません。JSON フォーマッタはその文字列を字下げし直して入れ子構造を見えるようにし、同時に構造を検証します。カンマが抜けていたり括弧が閉じていなければ、真っ白な画面ではなく問題の位置が返ってきます。このツールは今開いているページの中で動くため、貼り付けたペイロード（トークンや内部 ID、顧客データを含むことも多い）はどこにも送信されません。
使い方
- 左の入力エディターに、生または圧縮されたJSON文字列を貼り付けます。新しい構造を作成・テストする場合は直接入力することもできます。
- 「整形」をクリックしてJSONを検証・整形します。有効であれば、正しいインデントで整形された出力が表示され、簡単にコピーできます。
- カンマの欠落、閉じられていない括弧、誤ったデータ型などのエラーがある場合は、明確なエラーメッセージが問題箇所を指摘します。修正して再度「整形」をクリックします。
使用例
- 1行に圧縮された API レスポンスの JSON を確認する開発者。
- 書式が失われた設定ファイルやデータエクスポートをデバッグする人。
- コードレビューやドキュメントで JSON スニペットを共有し、明確な構造が必要なチーム。
- JSON を学ぶ人：よくインデントされた例を見ると、ネストの論理が分かりやすくなる。
仕組み
フォーマッターはブラウザーのネイティブ JSON.parse() で入力を解析して構造を検証し、メモリ上にオブジェクトを構築します。次に JSON.stringify(obj, null, 2) でそのオブジェクトを文字列に戻します（第3引数が2スペースのインデントを設定）。解析が先なので、構文エラーは整形前に検出・報告されます。
圧縮は同じ経路を逆に進みます。まず解析し、スペースなしで直列化します。これにより出力は常に有効で意味的に同一になります。
メリット
- 密集して読めない圧縮JSONを、整然とした読みやすい出力に即座に変換します。APIのデバッグ、コードレビュー、技術文書に不可欠です。
- JSONをリアルタイムで検証し、構文エラーを検出して明確なメッセージを表示するため、開発者は手作業の確認より早く問題を見つけて修正できます。
- 完全にクライアント側で処理されるため、機密の設定値やAPIキーを含むことのあるJSONデータが、ブラウザの外に出ることはありません。
JSON はブラウザ内に留まります
JSON は、お使いのマシン上で動作する JavaScript によって整形・検証されます。貼り付けた JSON データは完全にローカルで処理され、当社のサーバーにも外部サービスにも届くことはありません。