Q: XMLとJSONの違いは？Webでどちらを使いますか？

XML: タグベース（` John `）、属性・名前空間・スキーマ（XSD）・XPath/XSLT対応、コメント可。JSON: キー値ペア形式、可読性高い、軽量。現代のWeb API: JSONが主流（REST API・GraphQL）。XMLが使われる場面: SOAP Webサービス、Maven/Gradle build設定（pom.xml）、AndroidアプリのレイアウトXML、RSS/Atomフィード、SVGベクター画像、Microsoft Office内部形式（.docx/.xlsx）、設定ファイル（Spring Boot XML設定）。エンタープライズシステムでは今もXMLが多数使われています。

Q: XMLの構文エラーでよくあるミスは？

1. タグが閉じられていない: ` 値` → ` 値 `が必要。2. 属性値のクォートなし: ` ` → ` `。3. &・<等の特殊文字の未エスケープ: ` a&b ` → ` a&b `。4. 大文字小文字の不一致: ` `（XMLは大文字小文字区別）。5. XMLヘッダーの文字コード不一致: ` `とファイルの実際のエンコーディングが一致しているか確認。このツールで構文エラーを即座に検出できます。

Q: JavaScriptでXMLをパース・操作する方法は？

ブラウザ: `const parser = new DOMParser(); const doc = parser.parseFromString(xmlStr, "application/xml"); const items = doc.querySelectorAll("item");`。XPath: `doc.evaluate("//title/text()", doc, null, XPathResult.STRING_TYPE, null).stringValue`。Node.js: `xml2js`パッケージ（XMLをJSオブジェクトに変換）、`fast-xml-parser`（高速）。XMLからJSONへの変換: `xml2js.parseString(xml, (err, result) => console.log(JSON.stringify(result)))`。SVGはXMLのサブセットのためDOMParserで操作可能。

Question 1

XMLとJSONの違いは？Webでどちらを使いますか？

Accepted Answer

XML: タグベース（`John`）、属性・名前空間・スキーマ（XSD）・XPath/XSLT対応、コメント可。JSON: キー値ペア形式、可読性高い、軽量。現代のWeb API: JSONが主流（REST API・GraphQL）。XMLが使われる場面: SOAP Webサービス、Maven/Gradle build設定（pom.xml）、AndroidアプリのレイアウトXML、RSS/Atomフィード、SVGベクター画像、Microsoft Office内部形式（.docx/.xlsx）、設定ファイル（Spring Boot XML設定）。エンタープライズシステムでは今もXMLが多数使われています。

Question 2

XMLの構文エラーでよくあるミスは？

Accepted Answer

1. タグが閉じられていない: `値` → `値`が必要。2. 属性値のクォートなし: `` → ``。3. &・<等の特殊文字の未エスケープ: `a&b` → `a&b`。4. 大文字小文字の不一致: ``（XMLは大文字小文字区別）。5. XMLヘッダーの文字コード不一致: ``とファイルの実際のエンコーディングが一致しているか確認。このツールで構文エラーを即座に検出できます。

Question 3

JavaScriptでXMLをパース・操作する方法は？

Accepted Answer

ブラウザ: `const parser = new DOMParser(); const doc = parser.parseFromString(xmlStr, "application/xml"); const items = doc.querySelectorAll("item");`。XPath: `doc.evaluate("//title/text()", doc, null, XPathResult.STRING_TYPE, null).stringValue`。Node.js: `xml2js`パッケージ（XMLをJSオブジェクトに変換）、`fast-xml-parser`（高速）。XMLからJSONへの変換: `xml2js.parseString(xml, (err, result) => console.log(JSON.stringify(result)))`。SVGはXMLのサブセットのためDOMParserで操作可能。

XMLフォーマッター・バリデーター

このツールをもっと活用する

チートシート・テンプレート集

技術記事・実装ガイド

もっと学びたい方へ

BOOTH Store

Gumroad Store

TechBoost

フィードバック

EZARK Blog