TToolHub
← ブログに戻る
Developer5 分で読める

JSONをオンラインでフォーマット・検証する方法

作成者 ToolHub TeamMay 30, 2026

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を処理できます。

関連ツール

関連記事