本文へスキップ

JSONフォーマッター

JSONフォーマッターは、JSONのリアルタイム検証、フォーマット（整形）、ミニファイ（圧縮）を行うオンラインツールです。詳細なエラーメッセージによるエラー検出機能を備えています。

?JSONを入力してください

📝 入力JSON

行： 0文字： 0サイズ： 0 bytes

✨ 結果

JSON（JavaScript Object Notation）を検証およびフォーマットします。読みやすさのためにインデントを追加したり、サイズを削減するために空白を削除できます。

機能​

  • リアルタイム検証: 入力に応じて自動的にJSONを検証
  • フォーマット（整形）: 読みやすさのためにインデントを追加
  • ミニファイ（圧縮）: サイズを削減するために不要な空白を削除
  • 設定可能なインデント: 2または4スペースを選択
  • エラー検出: 行情報付きの詳細なエラーメッセージを表示
  • 統計情報: 行数、文字数、バイトサイズを表示
  • サンプルデータ: ワンクリックでサンプルJSONを読み込み
  • ワンクリックコピー: フォーマット/ミニファイされたJSONをクリップボードにコピー

JSONとは？​

JSON（JavaScript Object Notation）は軽量なデータ交換形式です。人間にとって読み書きしやすく、機械にとって解析および生成しやすい形式です。

主な特徴​

  1. テキストベース: 人間が読める形式
  2. 言語非依存: すべてのプログラミング言語で使用
  3. 自己記述的: データ構造が固有
  4. 階層的: ネストされた構造をサポート

基本構造​

{
  "string": "text value",
  "number": 123,
  "boolean": true,
  "null": null,
  "array": [1, 2, 3],
  "object": {
    "nested": "value"
  }
}

JSONデータ型​

1. 文字列​

二重引用符で囲まれたテキスト：

{
  "name": "田中太郎",
  "email": "tanaka@example.com",
  "address": "東京都渋谷区1-2-3"
}

ルール:

  • 二重引用符を使用（一重引用符不可）
  • 特殊文字をエスケープ: \", \\, \n, \t

2. 数値​

数値（整数または浮動小数点）：

{
  "integer": 42,
  "float": 3.14159,
  "negative": -10,
  "exponential": 1.5e+3,
  "zero": 0
}

ルール:

  • 数値に引用符を使用しない
  • 負の数も使用可能
  • 指数表記をサポート

3. ブール値​

真または偽の値：

{
  "isActive": true,
  "isDeleted": false,
  "hasPermission": true
}

ルール:

  • 小文字で記述（trueまたはfalse）
  • 引用符なし

4. null​

値の不在を表す：

{
  "middleName": null,
  "profileImage": null
}

5. 配列​

値の順序付きリスト：

{
  "numbers": [1, 2, 3, 4, 5],
  "strings": ["りんご", "バナナ", "チェリー"],
  "mixed": [1, "two", true, null, {"key": "value"}],
  "nested": [[1, 2], [3, 4], [5, 6]]
}

ルール:

  • 角括弧[]で囲む
  • 値をカンマで区切る
  • 任意のJSONデータ型を含むことができる

6. オブジェクト​

キーと値のペアのコレクション：

{
  "user": {
    "id": 1,
    "name": "田中太郎",
    "email": "tanaka@example.com",
    "roles": ["admin", "user"]
  }
}

ルール:

  • 波括弧{}で囲む
  • キーは文字列（二重引用符）である必要がある
  • キーと値のペアをカンマで区切る
  • コロンでキーと値を区切る

よくあるJSONエラー​

1. キーの周りに引用符がない​

// ❌ 間違い
{
  name: "田中"
}

// ✅ 正しい
{
  "name": "田中"
}

2. 末尾のカンマ​

// ❌ 間違い
{
  "name": "田中",
  "age": 30,  // 末尾のカンマ
}

// ✅ 正しい
{
  "name": "田中",
  "age": 30
}

3. 一重引用符​

// ❌ 間違い
{
  'name': '田中'
}

// ✅ 正しい
{
  "name": "田中"
}

4. コメント​

// ❌ 間違い - JSONはコメントをサポートしていません
{
  "name": "田中",  // ユーザー名
  "age": 30
}

// ✅ 正しい
{
  "name": "田中",
  "age": 30
}

5. undefined値​

// ❌ 間違い
{
  "value": undefined
}

// ✅ 正しい - nullを使用
{
  "value": null
}

関連ツール​