開発 へ戻る
XML ↔ JSON 変換

XML ↔ JSON 変換

XML と JSON を相互変換します。属性は `@_` プレフィックスで保持、整形 (2/4/タブ) を選択可。fast-xml-parser (MIT) でブラウザ内のみ実行、データはサーバーに送信されません。

開発変換JSON

使い方

XML を貼り付けて「XML → JSON」を選び「変換実行」を押すと、ブラウザ内に読み込んだ fast-xml-parser (MIT) が JSON 文字列を生成します。逆方向 (JSON → XML) も同じ手順で、整形済み XML が出力されます。属性は `@_` プレフィックスで保持され、要素のテキストは `#text` キーに格納されます。インデント (2 スペース / 4 スペース / タブ) を切り替え可。すべてブラウザ内で処理され、入力データはサーバーに送信されません。

よくある質問

入力データはサーバーに送信されますか?
いいえ。fast-xml-parser (MIT) はブラウザ内で JavaScript として動作し、データは外部に送信されません。社内 API のレスポンスや config ファイルなど機密性の高い内容も安心して扱えます。
属性 (attribute) はどう保持されますか?
JSON 側では `@_` プレフィックス付きのキーとして保持されます。例えば `<title lang="en">Hello</title>` は `{ "title": { "#text": "Hello", "@_lang": "en" } }` になります。テキストノードと属性を両方持つ要素は `#text` をテキスト本体として扱います。
JSON → XML で属性を出すには?
キーを `@_` で始めれば属性になり、`#text` キーがテキスト本体になります。たとえば `{ "book": { "#text": "中身", "@_id": "b1" } }` を変換すると `<book id="b1">中身</book>` になります。
数値や真偽値の型は維持されますか?
XML → JSON では、内容が数値・真偽値として解釈可能な場合 (`<year>1925</year>` など) は自動的に number / boolean 型に推論されます。文字列のまま保持したい場合は数字を明示的に引用符で囲うか、後段で別途処理してください。
宣言 (`<?xml ...?>`) や DOCTYPE は扱えますか?
XML 宣言 (`<?xml version="1.0" encoding="UTF-8"?>`) は JSON 側で `?xml` キーに保持されます。DOCTYPE は捨てられます。JSON → XML 時に `?xml` キーが含まれていれば、宣言行が先頭に書き出されます。

類似のツール

XML 整形 — pretty / minify 切替で読みやすく / 1 行に

XML 整形 — pretty / minify 切替で読みやすく / 1 行に

XML を整形 (pretty / minify) するツール。fast-xml-parser でパースして自前の indent ロジックで Mode 切替: pretty (indent 2/4/タブ、改行入り、属性も整列) と minify (空白・改行を除去して 1 行に圧縮)。CDATA / コメント / processing instruction (`<?xml ... ?>`) / DOCTYPE 宣言 / 自己閉じタグ / 属性順を保持。XML 名前空間 (xmlns:foo) もそのまま維持。XML を JSON に変換したい場合は xml-json-convert を、HTML を整形したいなら HTML 用の別ツールを (XML パーサは HTML の `<br>` のような未閉じタグを許容しません)。すべてブラウザ内で処理。

開発変換
YAML ⇄ JSON 変換 — インデント保持

YAML ⇄ JSON 変換 — インデント保持

YAML と JSON を相互変換します。インデント (2 / 4 / タブ) 切替・サンプル付き。eemeli/yaml ライブラリでブラウザ内処理。

開発JSON変換
CSV ⇄ JSON 変換 — 区切り / ヘッダ自動判定

CSV ⇄ JSON 変換 — 区切り / ヘッダ自動判定

CSV と JSON を相互変換します。区切り文字 (カンマ / タブ / セミコロン) ・ヘッダー行有無・JSON インデントを切り替え可能。クォート/改行入りフィールドにも対応し、すべてブラウザ内で処理されます。

開発JSON変換
TOML ⇄ JSON 変換 — Cargo.toml / pyproject.toml 対応

TOML ⇄ JSON 変換 — Cargo.toml / pyproject.toml 対応

TOML と JSON を相互変換します。変換方向の切替・JSON インデント (2 / 4 / タブ) 選択・サンプル付き。smol-toml ライブラリでブラウザ内処理。

開発JSON変換