このガイドが役立つ場面
JSON整形、JSON Formatter、JSON圧縮、JSON構文チェック、JSONエラー行の確認をブラウザで行いたい利用者向けです。
- APIレスポンスをインデントしてレビューする
- 設定ファイルの構文エラー位置を調べる
- JSONを1行へ圧縮してテストデータへ貼り付ける
JSON整形前に確認するポイント
- JSONのキーと文字列はダブルクォートで囲む
- コメントと末尾カンマは標準JSONでは使用しない
- APIや設定先が要求する改行コードとインデント幅を確認する
- JavaScriptのNumber範囲を超える整数は字句を保持して扱う
JSONを整形・圧縮する手順
- JSONを貼り付けるか、.jsonファイルを選択・ドロップします。
- 構文チェックを実行し、エラーがあれば表示された行と列へ移動して修正します。
- インデント幅、LF・CRLF、末尾改行を選択して整形します。
- 通信量を減らす場合は圧縮結果を作り、コピーまたはJSONファイルとして保存します。
変換結果を利用するときの注意
重複キーはJSONの利用側によって先頭または末尾だけが採用される場合があります。このツールは値を消さず警告するため、どちらを残すか利用者が確認してください。
JSON5、JavaScriptオブジェクト、YAMLは標準JSONと構文が異なります。コメントやシングルクォートを含む入力は、その形式に対応した変換手順を使用してください。
具体例:APIレスポンスの構文エラーを直して共有する
APIレスポンスを手作業で編集すると、末尾カンマや閉じ括弧の不足が入りやすくなります。エラー行と列を確認し、一度に複数箇所を推測で直さないことが重要です。
修正後は4スペースで整形すると、オブジェクトと配列の階層をレビューしやすくなります。
- レスポンスJSONを入力欄へ貼り付けます。
- 構文チェックを実行して最初のエラー位置へ移動します。
- エラーを修正し、再度構文チェックします。
- 4スペース・LFで整形し、結果をコピーして共有します。
APIキー、アクセストークン、顧客情報が含まれるJSONは、共有前にJSONマスキングツールで機密値を置き換えてください。
よくある質問
- 大きな整数の末尾が変わることはありますか?
- 数値をJavaScriptのNumberへ変換せず元の字句を保持するため、整形・圧縮によって整数を丸めません。
- 入力したJSONはサーバーへ送信されますか?
- 貼り付けたJSON、選択したファイル、変換結果はブラウザ内で処理され、Develop Toolsのサーバーへ送信しません。
ブラウザで試す
入力内容はブラウザ内で処理されます。元データを残したうえで、結果を確認してから保存・共有してください。
JSON整形・圧縮・構文チェックツールを開く