XML to JSON コンバーター

XML to JSON変換とは何ですか？どのように機能しますか？

// Convert XML to JSON in Node.js using fast-xml-parser
import { XMLParser } from 'fast-xml-parser';

const xml = `<catalog>
  <product id="P01">
    <name>Wireless Headphones</name>
    <price currency="USD">79.99</price>
  </product>
</catalog>`;

const parser = new XMLParser({
  ignoreAttributes: false,      // preserve attributes
  attributeNamePrefix: '@_',    // @_ prefix for attributes
  textNodeName: '#text',        // #text for mixed element content
  parseAttributeValue: false,   // no type coercion on attributes
  parseTagValue: false,         // no type coercion on element text
});

const result = parser.parse(xml);
console.log(JSON.stringify(result, null, 2));
// {
//   "catalog": {
//     "product": {
//       "@_id": "P01",
//       "name": "Wireless Headphones",
//       "price": {
//         "@_currency": "USD",
//         "#text": "79.99"
//       }
//     }
//   }
// }

主な機能

サンプル

<?xml version="1.0" encoding="UTF-8"?>
<appConfig version="2.1" env="production">
  <database>
    <host>db.example.com</host>
    <port>5432</port>
    <name>myapp_prod</name>
    <pool max="10" min="2"/>
  </database>
  <cache enabled="true">
    <ttl>3600</ttl>
    <driver>redis</driver>
  </cache>
</appConfig>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://go-tools.org/tools/xml-to-json</loc>
    <lastmod>2026-05-29</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://go-tools.org/tools/json-to-xml</loc>
    <lastmod>2026-05-29</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

<item>
  <title>XML to JSON: A Practical Guide</title>
  <link>https://go-tools.org/blog/xml-to-json-guide</link>
  <pubDate>Thu, 29 May 2026 00:00:00 GMT</pubDate>
  <category>Developer Tools</category>
  <description>Learn how XML attributes map to @_ keys, how repeated elements become arrays, and why values stay strings in any XML-to-JSON conversion.</description>
  <guid isPermaLink="true">https://go-tools.org/blog/xml-to-json-guide</guid>
</item>

使い方

1. 1

   XMLを貼り付ける

   上の入力フィールドにXMLを入力または貼り付けてください。「サンプルを読み込む」をクリックして、設定ファイル、サイトマップの断片、RSSアイテムなどのサンプルを試すこともできます。

2. 2

   ライブJSON出力を確認する

   JSONは即座に出力パネルに表示されます。属性は @_ プレフィックス付きキーになり、混合要素のテキスト内容は #text になり、繰り返す兄弟要素は配列になります。必要に応じてインデント（2または4スペース）を調整してください。

3. 3

   コピーまたはダウンロード

   「コピー」をクリックしてJSONをクリップボードに取得するか、「ダウンロード」をクリックしてアプリケーション、API、またはデータパイプラインにすぐ使える.jsonファイルとして保存してください。

よくある変換ミス

// XML: <timeout>30</timeout>
// JSON output: { "timeout": "30" }  ← string, not number
// Dangerous: comparing as-is
if (config.timeout > 25) { ... }  // "30" > 25 coerces, but fragile

// XML: <timeout>30</timeout>
// JSON output: { "timeout": "30" }
// Safe: explicit coercion where you know the type
if (parseInt(config.timeout, 10) > 25) { ... }

// XML with one item: <root><item>a</item></root>
// JSON: { "root": { "item": "a" } }  ← string, not array
result.root.item.forEach(i => console.log(i));  // TypeError: not a function

// Normalize to array regardless of count
const items = [].concat(result.root?.item ?? []);
items.forEach(i => console.log(i));  // safe for 0, 1, or many

// XML: <price currency="USD">29.99</price>
// JSON: { "price": { "@_currency": "USD", "#text": "29.99" } }
const amount = result.price;  // { "@_currency": "USD", "#text": "29.99" }, not "29.99"

// Handle both plain string and @_/#text object
const raw = result.price;
const amount = typeof raw === 'object' ? raw['#text'] : raw;  // "29.99"

<!-- Unescaped & — well-formedness error -->
<query>name = 'Alice' & role = 'admin'</query>

<!-- Escaped & — valid XML -->
<query>name = 'Alice' &amp; role = 'admin'</query>

// XML: <zipCode>01234</zipCode>
// This tool outputs: { "zipCode": "01234" }  ← correct
// But if a downstream schema coerces:
// { zipCode: z.number() }  → 1234  ← leading zero lost

// Declare ZIP codes and other padded identifiers as strings
// { zipCode: z.string() }  → "01234"  ← correct

よくある使用場面

SOAP / レガシーXML APIの消費

銀行、保険、物流などのレガシーエンタープライズサービスはXMLを返すSOAP APIを公開していることが多いです。レスポンスをJSONに変換して、モダンなJavaScriptツールを使ってデータを扱ったり、ドキュメントデータベースに保存したり、REST APIコンシューマーに転送したりできます。

RSSおよびAtomフィードの処理

RSS 2.0とAtom 1.0フィードはXMLです。フィードXMLをJSONに変換して、XMLパーシングライブラリの依存なしに、フィードアグリゲーター、コンテンツパイプライン、通知システム向けにタイトル、リンク、公開日、説明を抽出できます。

サイトマップファイルの解析

sitemap.xmlファイルはサイトのURLとメタデータを列挙します。サイトマップをJSONに変換してURLカバレッジを分析したり、クロールキューを構築したり、環境間でサイトマップを比較したり、リンクチェッカーやSEO監査ツールにURLを渡したりできます。

設定ファイルの変換

多くのエンタープライズシステム（Spring、Maven、Ant、JBoss、Tomcat）はXML設定ファイルを使用します。分析、移行スクリプト、ドキュメント生成、またはJSONをネイティブに扱うツールへのインポートのためにJSONに変換できます。

モバイルとAndroid開発

Androidリソース、レイアウトファイル、AndroidManifest.xmlはすべてXMLです。分析スクリプト、自動監査、または宣言されたパーミッション、アクティビティ、リソース値に関するドキュメント生成のためにJSONに変換できます。

データ移行とETL

エンタープライズシステム（ERP、CRM、給与）からのデータエクスポートはXMLで届くことが多いです。ETLパイプラインの最初のステップとしてJSONに変換し、MongoDB、Firestore、またはREST APIなどのJSONネイティブなデータストアにデータをロードします。

技術的詳細

XML解析にブラウザDOMParserを使用

XML入力はブラウザのネイティブDOMParserを「text/xml」MIMEタイプで解析します — SVGとXHTMLをレンダリングするのと同じエンジンです。XML 1.0に完全準拠し、整形エラーを行と列の情報とともに報告します。このアプローチはサードパーティの依存なしに名前空間、CDATAセクション、処理命令、エンティティ参照を正しく処理します。

再帰的なDOM to JSONシリアライゼーション

解析後、ツールはDOMツリーを再帰的に走査します。要素ノードはJSONオブジェクトになります。属性は @_ プレフィックス付きキーになります。テキストのみの要素はプレーンな文字列値になります。属性とテキスト内容の両方を持つ要素はテキスト内容用の #text キーを持ちます。同名の兄弟要素は収集されてJSON配列として出力されます。要素間の空白のみのテキストノードは廃棄されます。

型の強制変換なし — 文字列の保持

すべての属性値とテキスト内容はJSON出力に文字列として書き込まれます。parseInt、parseFloat、ブール値の解析は適用されません。これは先頭ゼロ値、精度に影響する小数、ブール値に見える文字列のサイレントなデータ破損を防ぐための意図的な設計上の選択です。型変換が必要な場合は、ダウンストリームコードで明示的に適用する必要があります。

100%ブラウザベース — アップロードなし、サーバーなし

すべての処理はブラウザのJavaScriptエンジンで実行されます。いかなる時点でもデータはネットワーク経由で送信されません。200KBを超える入力はライブモードから手動モードへ自動的に切り替わります（明示的な「変換」クリックが必要）。ブラウザのレスポンスを維持し、重いDOM走査中にメインスレッドがブロックされるのを防ぐためです。

ベストプラクティス

まずXMLの整形性をバリデートする

XMLソースが手書きまたは不正な出力を生成することがあるシステムから来ている場合は、変換前にバリデートしてください。XMLフォーマッター の「バリデート」ボタンを使用してXMLが整形されていることを確認し、問題の正確なエラー位置を取得してください。

1つまたは複数のフィールドを配列に正規化する

XMLスキーマが同名の子要素を1つまたは複数許可する場合、JSON出力は1要素でオブジェクトになり、複数要素で配列になります。常にコンシューマコードでこれらのフィールドを正規化してください：const items = [].concat(result.items ?? []) — これはゼロ、1つ、または複数の場合に安全でTypeErrorを防ぎます。

明示的かつ選択的に型変換を適用する

このツールはすべての値を文字列として保持するため、型変換が必要な特定のフィールドに対してコードで意図的に適用してください。既知の整数フィールドに parseInt(val, 10) を使用するのは安全です。Number(val) で広く変換を適用すると先頭ゼロ値、空文字列、精度に影響する小数が破損する可能性があります。

要素値にアクセスする際は #text を確認する

要素がペイロードによっては属性を持つ場合があるとき、そのJSON値はプレーン文字列（属性なし）または @_ キーと #text キーを持つオブジェクト（属性あり）のどちらかになります。堅牢なアクセサーを書いてください：const val = typeof node === 'object' ? node['#text'] : node。このパターンは両方の形状を処理し、サイレントな undefined 値を避けます。

無損失なXML作業にはXMLフォーマッターを使用する

XML to JSON変換はコメント、処理命令、名前空間のセマンティクスを廃棄します。すべてのXMLコンテンツを完全に保持する必要がある場合は、XMLフォーマッター を使用して損失なしに整形・圧縮・バリデートしてください。JSONネイティブなコンテキストでデータを扱う必要がある場合のみJSONに変換してください。

よくある質問