JSON vs XML：どちらを選ぶべきか

# JSON vs XML：どちらを選ぶべきか

JSONとXMLは、両方とも人気のあるデータ交換フォーマットですが、大きな違いがあります。

構文比較

JSON構文

{
  "person": {
    "name": "田中太郎",
    "age": 30,
    "email": "tanaka@example.com",
    "hobbies": ["読書", "旅行", "料理"]
  }
}

XML構文

<?xml version="1.0" encoding="UTF-8"?>
<person>
  <name>田中太郎</name>
  <age>30</age>
  <email>tanaka@example.com</email>
  <hobbies>
    <hobby>読書</hobby>
    <hobby>旅行</hobby>
    <hobby>料理</hobby>
  </hobbies>
</person>

主要な違い

1. 可読性

JSON：

• よりクリーンで簡潔
• 冗長性が少ない
• 開発者にとって読みやすい

XML：

• より冗長
• 開始タグと終了タグが必要
• 大きなファイルサイズ

2. データタイプ

JSON：

• ネイティブデータタイプをサポート
• 文字列、数値、ブール値、null、配列、オブジェクト
• 型が明確

XML：

• すべてが文字列
• データタイプが暗黙的
• スキーマで型を定義する必要がある

3. 配列のサポート

JSON：

{
  "colors": ["赤", "青", "緑"]
}

XML：

<colors>
  <color>赤</color>
  <color>青</color>
  <color>緑</color>
</colors>

4. ファイルサイズ

JSON：

• より小さなファイルサイズ
• 少ない文字数
• 高速な転送

XML：

• 大きなファイルサイズ
• 開始タグと終了タグによるオーバーヘッド
• より多くの帯域幅を消費

5. パースの速度

JSON：

// 高速パース
const data = JSON.parse(jsonString);

XML：

// 低速パース
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");

6. 名前空間

JSON：

• 名前空間のサポートなし
• よりシンプル
• 複雑なドキュメントには向かない

XML：

<root xmlns:custom="http://example.com/custom">
  <custom:element>値</custom:element>
</root>

パフォーマンス比較

パースの速度

| フォーマット | 1000レコード | 10000レコード | 100000レコード |

|----------|------------|-------------|--------------|

| JSON | 10ms | 95ms | 950ms |

| XML | 45ms | 420ms | 4200ms |

ファイルサイズ

同じデータの場合：

• JSON: 1.2 KB
• XML: 2.8 KB
• 差: XMLは約133%大きい

使用例

JSONを使用する場合

Web API

fetch('/api/users')
  .then(response => response.json())
  .then(data => console.log(data));

設定ファイル

{
  "name": "my-app",
  "version": "1.0.0",
  "dependencies": {
    "react": "^18.0.0"
  }
}

NoSQLデータベース

• MongoDB
• CouchDB
• Firebase

XMLを使用する場合

SOAPサービス

<soap:Envelope>
  <soap:Body>
    <GetUser>
      <userId>123</userId>
    </GetUser>
  </soap:Body>
</soap:Envelope>

設定ファイル（レガシーシステム）

• Maven (pom.xml)
• Spring (applicationContext.xml)

ドキュメントマークアップ

• SVG
• RSS/Atom フィード
• Office Open XML

長所と短所

JSON

長所：

• ✅ シンプルで読みやすい
• ✅ 小さなファイルサイズ
• ✅ 高速なパース
• ✅ ネイティブJavaScriptサポート
• ✅ 少ない冗長性

短所：

• ❌ 名前空間のサポートなし
• ❌ コメントのサポートなし
• ❌ 厳密な検証が少ない
• ❌ 限られたデータタイプ

XML

長所：

• ✅ 名前空間サポート
• ✅ コメントサポート
• ✅ XSD/DTDによる強力な検証
• ✅ XPath/XSLTサポート
• ✅ 属性とテキストノード

短所：

• ❌ 冗長
• ❌ 大きなファイルサイズ
• ❌ 低速なパース
• ❌ より複雑な構文

実世界のシナリオ

シナリオ1：REST API

推奨：JSON

理由：

• より高速
• より小さいペイロード
• JavaScriptとの統合が容易

// APIレスポンス（JSON）
{
  "status": "success",
  "data": {
    "users": [...]
  }
}

シナリオ2：企業統合

推奨：XML

理由：

• 標準化されたプロトコル（SOAP）
• より強力な検証
• レガシーシステムサポート

シナリオ3：設定ファイル

推奨：JSON

理由：

• よりクリーン
• 読みやすい
• 最新ツールがサポート

シナリオ4：複雑なドキュメント

推奨：XML

理由：

• 名前空間
• 混合コンテンツ
• メタデータサポート

移行戦略

XMLからJSONへ

// XMLパース
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");

// JSONに変換
const jsonData = {
  person: {
    name: xmlDoc.querySelector("name").textContent,
    age: parseInt(xmlDoc.querySelector("age").textContent),
    email: xmlDoc.querySelector("email").textContent
  }
};

JSONからXMLへ

function jsonToXml(obj, rootName = 'root') {
  let xml = <?xml version="1.0" encoding="UTF-8"?><${rootName}>;

  for (const [key, value] of Object.entries(obj)) {
    if (Array.isArray(value)) {
      value.forEach(item => {
        xml += <${key}>${item}</${key}>;
      });
    } else if (typeof value === 'object') {
      xml += jsonToXml(value, key);
    } else {
      xml += <${key}>${value}</${key}>;
    }
  }

  xml += </${rootName}>;
  return xml;
}

最新のトレンド

JSON優位

• REST APIの99%がJSON使用
• GraphQLはJSONを使用
• NoSQLデータベースはJSON優先

XMLが残る場所

• レガシーシステム
• エンタープライズSOAPサービス
• 特定の業界標準（HL7、EDIFACT）

選択ガイドライン

JSONを選ぶ場合：

• 新しいプロジェクト
• Web API
• モダンなアプリケーション
• パフォーマンスが重要
• JavaScriptベース

XMLを選ぶ場合：

• レガシーシステム統合
• 複雑なドキュメント構造
• 名前空間が必要
• SOAP/WSDLサービス
• 厳格な検証が必要

まとめ

パフォーマンス勝者：JSON

• 3-4倍速いパース
• 30-40%小さいサイズ

柔軟性勝者：XML

• より多くの機能
• より強力な検証
• ドキュメント指向

全体的な推奨

新しいプロジェクト： JSON レガシー統合： XML モバイルアプリ： JSON エンタープライズSOAP： XML IoT/センサーデータ： JSON

JSONとXMLのどちらを選ぶかは、あなたの具体的なニーズによります。ほとんどの最新アプリケーションでは、JSONがシンプルさとパフォーマンスで優れた選択肢です。