JSONフォーマッター

JSONをフォーマットする方法

1. 生のまたはミニファイされたJSONを入力エリアに貼り付けます。
2. フォーマットをクリックしてインデントと構造を適用します。
3. 右側のパネルでフォーマットされた出力を確認します。
4. 結果をコピーするか、.jsonファイルとしてダウンロードします。
5. エラーインジケーターを使用して、構文の問題をすぐに見つけて修正します。

JSONフォーマットの仕組み

プリティプリントの説明

プリティプリントは、データ階層を読みやすくするためにJSON文字列に一貫したインデント、改行、スペースを追加します。RFC 8259、現在のIETFのJSON標準は、トークン間のホワイトスペースの要件を定義していません - 任意の量のホワイトスペースが有効です。プリティプリントは、その柔軟性を利用して意味を変更することなく可読性を向上させます。

インデントオプション

2スペースのインデントは、ほとんどのJavaScriptツール（Prettier、ESLint）でデフォルトであり、深くネストされた構造に対してコンパクトな出力を生成します。4スペースのインデントは、Pythonのjson.dumps(data, indent=4)のデフォルト出力に一致します。このツールは、チームの慣習に合わせて両方のスタイルをサポートしています。

例

入力（ミニファイ）

{"user":{"id":1,"name":"Alice","roles":["admin","editor"],"active":true}}

出力（2スペースインデント）

{
  "user": {
    "id": 1,
    "name": "Alice",
    "roles": [
      "admin",
      "editor"
    ],
    "active": true
  }
}

フォーマッターが時間を節約する時

• APIデバッグ - 生のAPIレスポンスを貼り付けて、ネストされたオブジェクトや配列を一目で確認
• 設定ファイル - バージョン管理にコミットする前に、読みやすいpackage.json、tsconfig.json、またはアプリ設定を確認
• データベースエクスポート - MongoDB、PostgreSQLのJSONカラム、またはElasticsearchのレスポンスはしばしばミニファイされた状態で届く
• コードレビュー - gitで差分を取る前に、ミニファイされたサードパーティのJSONを美化

一般的な間違い

• トレーリングカンマ - {"a": 1,}は有効なJavaScriptですが、RFC 8259に従った有効なJSONではありません。最後のカンマを削除してください。
• シングルクオートの文字列 - {'key': 'value'}は無効です。JSONはダブルクオートを必要とします。
• JavaScriptコメント - // commentや/* comment */にはJSON構文の同等物がありません。最初にそれらを削除してください。
• エスケープされていない制御文字 - 文字列値内のタブ文字や改行は、 や としてエスケープする必要があります。

JSONバリデーターで検証した後、このフォーマッターを使用して出力をインデントします。フォーマットされたJSONを本番ペイロード用に圧縮するには、JSONミニファイアがそのプロセスを逆転させます。HTTPヘッダーやクエリ文字列内にJSONをエンコードするには、Base64エンコーダーがバイナリ安全な輸送を処理します。