JSON(JavaScript Object Notation)はAPIや設定ファイルで最も一般的なデータフォーマットです。このガイドではJSONのフォーマット、検証、デバッグの方法を説明します。
JSONフォーマットとは
生のJSONや最小化されたJSONは読みにくいもの。すべてのキーが1行に詰め込まれた形式です。フォーマット(整形)されたJSONは適切なインデントと改行を追加し、各キーを独自の行に配置して、一見して構造が明確になります。
ToolHubでJSONをフォーマットする方法
手順1: JSONフォーマッターを開きます。
手順2: JSONを貼り付けます。生のJSONをエディタに貼り付けます。最小化または壊れたJSONでも動作します。
手順3: 「整形」をクリックします。JSONは適切なインデントと改行で即座にフォーマットされます。
手順4: 検証します。緑色は有効なJSON、赤色は正確な位置のエラーを示します。
手順5: コピーまたはダウンロードします。フォーマットされたJSONをコピーするか、ファイルとしてダウンロードします。JSONフォーマッターは最小化とツリービュー探索もサポートしています。
よくあるJSONエラーと修正方法
- キーの引用符なし: {name: "John"} は {"name": "John"} にする必要があります。JSONではすべてのキーにダブルクォートが必要です。
- トレーリングカンマ: {"a": 1, "b": 2,} は {"a": 1, "b": 2} にする必要があります。JSONはトレーリングカンマを許可しません。
- シングルクォートの使用: {'name': 'John'} は {"name": "John"} にする必要があります。JSONはダブルクォートのみ使用します。
- 未定義の値: {"result": undefined} は {"result": null} にする必要があります。undefinedの代わりにnullを使用します。
JSONの検証
有効なJSONは文字列にダブルクォート、末尾カンマなし、null(undefinedやNoneではない)を使用し、true/false(True/Falseではない)、適切にネストされた一致する括弧が必要です。
JSONを他のフォーマットに変換
- JSONからCSV: オブジェクトの配列に有用。ExcelやGoogle Sheetsにインポートできます。
- JSONからYAML: Docker、Kubernetes、CI/CDパイプラインで使用されるより人間が読みやすい設定フォーマット。
- JSONからTypeScript: 型インターフェースを自動生成し、APIレスポンスを扱う際の時間を節約します。
よくある質問
JSONデータはプライベートですか? はい、すべての処理はブラウザ内で行われ、データはデバイスから離れません。
壊れたJSONを修正できますか? ToolHubはトレーリングカンマや未クォートキーなどの一般的な問題を修正できます。
最大JSONサイズは? 最大10MBのJSONを処理できます。