JSON 整形ツールの使い方
JSON 整形ツールの入力欄に、APIのレスポンスやログの一部、設定ファイルなど、整えたいJSONを貼り付けます。次に操作を選びます。「整形」は階層ごとに2または4スペースでインデントし直し、キーを1行ずつ並べるので、構造がひと目で分かります。「圧縮」はその逆で、不要な空白をすべて取り除きます。JSONをURLや環境変数、リクエストボディに入れる前に便利です。
結果に問題がなければ、コピーボタンでクリップボードに取り込めます。処理はすべてブラウザのタブの中で完結するので、認証情報や社内サーバーのアドレス、個人情報を含むデータでも、外部サービスにアップロードせずにJSON 整形ができます。
仕組み
まず、ブラウザに組み込まれたJSONパーサーでテキストを読み込みます。JavaScriptの JSON.parse と同じ厳格なチェックです。読み込みに成功すると、選んだインデント幅で書き出し直します。圧縮の場合はインデントなしです。文字を並べ替えるのではなく、解析したデータから出力を作り直すため、結果は常に正しいJSONになります。
読み込みに失敗した場合は、パーサーが止まった行と列が表示されます。この位置は本当の誤りの直後であることが多いので、ひとつ前の行の末尾も確認してください。
2スペースで整形した例です。
{
"店舗": "渋谷店",
"営業時間": "10:00-21:00",
"定休日": ["水曜"],
"駐車場": false
}
よくあるエラーと直し方
| エラー | 誤り | 正しい書き方 |
|---|---|---|
| 末尾のカンマ | [1, 2,] |
[1, 2] |
| シングルクォート | {'名前': '佐藤'} |
{"名前": "佐藤"} |
| クォートなしのキー | {在庫: 3} |
{"在庫": 3} |
| コメント | // メモ |
文字列のフィールドとして保存 |
JSONにはコメントを書く仕組みがありません。設定ファイルに注記を残したい場合は、JSONCやYAMLを検討するか、メモを通常のテキスト項目として持たせましょう。また undefined、NaN、Infinity もJSONには存在しないため、null か数値に置き換えます。
大きな数値を扱うJSON整形ツールの多くは、内部で一度JavaScriptの数値型に変換してから書き戻すため、9,007,199,254,740,991を超える整数や「1.10」のような末尾ゼロが変わってしまうことがあります。このツールは構文の正しさだけを確認し、出力は元のテキストの文字をそのまま並べ直すので、長い注文番号や口座番号を含むJSONを整形・圧縮しても数値の桁や表記が変わる心配はありません。