// 圧縮された → 読みやすいJSON
JSON Formatter
一貫したインデントでJSONをフォーマット。圧縮、コピー、ダウンロード — すべてブラウザで。
JSON input
Formatted JSON
入力はローカルで処理され、アップロードされません。DevTools → Networkで確認できます。
JSON Formatter 例.
よくある質問.
キーをソートしますか？
いいえ。フォーマッターはキーの順序を保持します。
インデントサイズを変更できますか？
はい。出力パネル下のインデントコントロールで値を編集します。
JSONフォーマットの仕組み
JSONフォーマッターは、JSONデータを見やすく整形します。インデントを追加し、適切な改行を入れることで、可読性を向上させます。
压缩されたJSON（1行のJSON）でも、人間が読める形式に変換できます。JSONの構造を理解しやすくします。
フォーマット処理は構文を変更しないため、データの内容は保持されます。
インデントオプション
2スペース: JavaScriptやTypeScriptのコードスタイルで一般的です。ReactやNode.jsのプロジェクトで広く使用されます。
4スペース: Pythonや一部の設定ファイルで使用されます。視覚的に広めのインデントです。
タブ: ソースコードのインデントとして使用されます。ファイルサイズを削減できます。
JSONをフォーマットするタイミング
APIレスポンスのJSONを確認・デバッグする際、フォーマットされたJSONは内容を理解しやすくなります。
設定ファイル（package.json、tsconfig.jsonなど）を編集する前後で、フォーマットを統一します。
バージョン管理システムにコミットする前に、JSONファイルをフォーマットし、差分をきれいに保ちます。