JSONのフォーマットとバリデーション方法

開発者

圧縮されたJSONを読みやすいインデント付き出力にフォーマットする方法、JSONの構文を検証する方法、よくあるJSONエラーの修正方法を学びましょう。

ステップガイド

1

JSON基礎を理解する

JSON(JavaScript Object Notation)はオブジェクト({})でキーと値のペアを使い、配列([])で順序付きリストを使います。キーはダブルクォートの文字列でなければなりません。値は文字列・数値・真偽値・null・オブジェクト・配列が使えます。

2

ツールでJSONをフォーマットする

生のJSONや圧縮されたJSONをJSONフォーマッターに貼り付けます。「フォーマット」をクリックすると2スペースまたは4スペースのインデント付き読みやすい出力が得られます。

3

構文エラーを検証する

よくあるエラー:末尾カンマ(JSONでは不可)、ダブルクォートの代わりにシングルクォート、クォートなしのキー、コメント(不可)。フォーマッターがエラーのある行をハイライト表示します。

4

本番用にJSONをミニファイする

ミニファイされたJSONはすべての空白を削除してファイルサイズを削減します。APIやストレージ用にJSONを圧縮するにはMinifyオプションを使います。ツールはフォーマット済みとミニファイ済みの表示を切り替えられます。

5

キーボードショートカットを使う

ほとんどのJSONフォーマッターでCtrl+Shift+F(またはCmd+Shift+F)で自動フォーマットできます。VS Codeでは右クリック→「ドキュメントのフォーマット」でJSONファイルを直接フォーマットできます。

無料ツールを使う

JSON フォーマッター

よくある質問

Q: JSONとJSONPの違いは?

A: JSONP(JSON with Padding)はJSONを関数呼び出しでラップするクロスオリジンリクエストの古い手法です。現在はほぼ廃止されており、CORSヘッダーが現代的な解決策です。

Q: JSONで末尾カンマが許可されないのはなぜですか?

A: JSONはシンプルで厳密な形式として設計されました。末尾カンマはJavaScriptの便宜機能ですが、パーサー間の互換性とシンプルさのためにJSONの仕様から除外されました。

Q: JSONをCSVに変換するには?

A: JSONのオブジェクトの配列をフラット化して各キーを列にマッピングします。当ツールはフォーマット専門です。JSON→CSV変換には専用のコンバーターツールをお使いください。