マークアップ言語 (HTML/XML/JSON)

Webとデータ交換に必須のマークアップ言語を学びます。

マークアップ言語は文書構造を表現する記法。HTML・XML・JSON は Web とデータ交換で必須の知識です。

日野 こむぎ(普段) 日野 こむぎ

HTMLってマークアップ言語って言うけど、何を「マーク」してるの?

藤森 さやか 先生(笑顔) 藤森 さやか 先生

マークアップ言語は、<タグ>でテキストに「これは見出し」「これは段落」のような意味を付与する記法のことなの。

青木 澪(普段) 青木 澪

HTMLは Web ページの構造記述専用、XMLは汎用的なデータ表現が用途。
両方とも開始タグと終了タグでデータを囲む形ね。

桃井 すみれ(普段) 桃井 すみれ

JSONってのは見たことあるんですけどぉ、これも仲間ですかぁ?

青木 澪(普段) 青木 澪

JSONはマークアップではなくデータ表現フォーマット。
タグじゃなくてキーと値のペア (辞書) で表現するの。
XMLよりずっと簡潔で、現代のWeb APIの主流ね。

日野 こむぎ(普段) 日野 こむぎ

XMLとJSONの使い分けは?

藤森 さやか 先生(普段) 藤森 さやか 先生

XMLはスキーマ・名前空間など複雑な構造を厳密に定義できるから、SOAP・設定ファイル・RSSなどで使われる。
JSONは軽量で人間にも読みやすいから、REST API・設定ファイルで主流ね。

青木 澪(普段) 青木 澪

他にも YAML (より人間に読みやすい)、Markdown (簡易マークアップ) など、用途に応じた多様な形式があるわ。

桃井 すみれ(笑顔) 桃井 すみれ

Markdownなら、このサイトの記事も書けそうですぅ♪えへへ、便利ですねぇ!

確認クイズ

WebAPIのデータ交換フォーマットとして現在最も主流のものはどれか。

  1. HTML
  2. XML
  3. JSON
  4. CSV
こたえを見る

正解: 3. JSON

JSON (JavaScript Object Notation) は軽量で人間にも読みやすく、現代のWeb API (RESTful API) で最も主流のデータフォーマットです。XMLは古いSOAP APIや設定ファイルで使われることが多いです。

🔖 この記事の関連書籍

Amazonアソシエイトリンクを含みます。他分野は おすすめ書籍ページ へ。