JSON データを段階的にフォーマットして検証する方法
簡単な回答
JSON をフォーマットするには: JSON を JSON フォーマッタに貼り付けると、適切なインデントを備えた整形された出力が即座に表示されます。 JSON を検証するには: ツールは自動的に構文をチェックし、無効な場合は場所を示すエラーを表示します。すべての処理はローカルで行われ、データがアップロードされることはありません。
導入
JSON (JavaScript Object Notation) は、Web APIs および構成ファイルの最も一般的なデータ形式です。 APIs からの生の JSON は 1 行に縮小されることが多く、読みにくくなります。書式設定 (整形またはきれいな印刷とも呼ばれます) では、人間が読めるようにインデントと改行が追加されます。検証では、JSON 構文が正しいかどうかがチェックされます。カンマが 1 つ間違っていたり、引用符が欠落していたりすると、アプリケーション全体が壊れる可能性があります。このガイドでは、ブラウザで JSON をフォーマットして検証する方法を説明します。
ステップバイステップ
-
JSON フォーマッタ ツールを開く
JSON フォーマッタ ツール ページに移動します。このツールは、オブジェクト、配列、またはネストされた構造など、任意の JSON 文字列を入力として受け入れます。
-
JSON データを貼り付けます
書式設定または検証する JSON を入力テキスト領域に貼り付けます。これは、コードの API 応答、構成ファイル、または JSON 文字列である可能性があります。
-
フォーマットされた出力を確認する
このツールは JSON を解析し、2 スペースのインデントと改行を使用して再シリアル化します。フォーマットされた出力が結果フィールドに即座に表示されます。 JSON が無効な場合は、構文の問題の場所を示すエラー メッセージが表示されます。
-
検証ステータスを確認する
JSON が有効な場合、ツールは成功インジケーターとフォーマットされた出力を表示します。無効な場合は、「位置 42 に予期しないトークンがあります」などの解析エラーが表示されるため、ソース内の構文の問題を修正できます。
-
結果をコピーまたは縮小する
[コピー] ボタンを使用して、フォーマットされた JSON をクリップボードにコピーします。一部のツールには、すべての空白を削除する [縮小] ボタンも用意されており、運用環境でペイロード サイズを削減するのに役立ちます。
例
縮小された JSON をフォーマットします
入力: {"name":"Alice","age":30,"roles":["admin","user"]}
出力: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
無効な JSON (末尾のカンマ) を検出します
入力: {"a":1,"b":2,}
出力: Error: Unexpected token } at position 11
無効な JSON (一重引用符) を検出します
入力: {'name':'Alice'}
出力: エラー: 予期しないトークン ' が位置 1 にあります
よくある問題
- 文字列に一重引用符を使用する —JSON では、すべての文字列とキーに二重引用符が必要です。
- 最後の項目の後の末尾のコンマ —JSON では、} または ] の前にコンマを使用することはできません。
- JSON のコメント — 標準の JSON は // または /* */ コメントをサポートしません。コメントが必要な場合は、JSONC または JSON5 を使用してください。
- 引用符で囲まれていないキー - JavaScript オブジェクト リテラルとは異なり、JSON ではすべてのキーを二重引用符で囲む必要があります。
- 未定義、NaN、または無限値 —JSON は null のみをサポートし、未定義や NaN はサポートしません。
ヒント
- JSON を API リクエストで送信する前に必ず検証してください。構文エラーにより 400 Bad Request 応答が発生する可能性があります。
- 実稼働環境では帯域幅を節約するために縮小された JSON を使用し、開発環境では読みやすくするためにフォーマットされた JSON を使用します。
- JSON は Date オブジェクトをサポートしません。日付を ISO 8601 文字列としてシリアル化します (例: "2026-09-02T00:00:00Z")。
- JavaScript で JSON.parse() を使用して JSON 文字列をオブジェクトに変換し、 JSON.stringify() を使用してオブジェクトを JSON 文字列に変換します。