「マークアップ言語(HTML,XML ほか)の種類と特徴,デ ータ記述言語(DDL) など」について解説します。

マークアップ言語の概要

マークアップ言語とは、文章の構造や意味をコンピューターが理解できるように「タグ」などの目印で指定する言語です。代表的なHTMLやXMLなどがあり、計算処理を行うプログラミング言語とは異なります。

代表的なマークアップ言語は以下の通りです。

  • HTML: Webページを作るための最も一般的な言語
  • XML: 独自のタグを自由に作ってデータ構造を定義できる言語
  • Markdown: タグを使わず簡易な記号で書ける軽量な言

HTML

HTML(HyperText Markup Language)は、Webページの骨組みを作るためのマークアップ言語です。基本情報技術者試験では、インターネットやWebの仕組みを支える重要技術として頻出します。

CSS

CSS(Cascading Style Sheets)は、Webページの見た目(色、サイズ、レイアウトなど)を指定するための言語です。HTMLが記述したWebページの「骨組み(構造)」に対して、CSSが「化粧(デザイン)」を施す役割を持ちます。 

XML

基本情報技術者試験(基本情報)において、XML(Extensible Markup Language)は情報システム間のデータ交換を容易にするためのデータ記述言語(マークアップ言語)として頻出する重要テーマです。

Ajax(エイジャックス)

Ajax(エイジャックス)は、Webページを再読み込みすることなく、画面の一部だけをリアルタイムに更新する技術です。

  • 正式名称: Asynchronous JavaScript And XML
  • 読み方: エイジャックス
  • 核心の技術: 非同期通信

基本情報で最も狙われるのが、従来の「同期通信」との違いです。

通信方式 画面の動き サーバー処理中のユーザー操作 例え話
従来の同期通信 ページ全体を白画面にして再読み込み 操作できない(待たされる) ラーメンの器ごと交換(おかわり)
Ajax(非同期通信) ページ内の一部だけを書き換え そのまま操作を続けられる 麺だけを足す(替え玉)

 
試験問題では「Ajaxを使った機能はどれか」という形式で出題されることがあります。以下の4つが代表例です。
  • Google マップ:ドラッグすると、画面を切り替えずに新しい地図が次々読み込まれる。
  • 検索のサジェスト(インクリメンタル検索):検索窓に1文字入力するごとに、下に予測候補がパッと並ぶ。
  • SNSのタイムライン:下までスクロールすると、自動的に古い投稿が追加される。
  • ECサイトのカート:ページを変えずに「カートに入れる」ボタンを押した瞬間、金額が更新される。 

データ記述言語(DDL)

データ記述言語(DDL:Data Description Language)は、広義のマークアップ言語の一種、あるいは密接に関連する技術として分類されます。ただし、文脈(ITの専門分野)によって「DDL」が指す意味が2つに分かれるため、それぞれの特徴を解説します。

文書・データ構造を定義するDDL(マークアップ言語の文脈)

XMLやSGMLの分野において、データの構造やルール(どのタグを、どの順番で使えるか)を定義するための言語です。
  • 役割: マークアップ言語で書かれたデータが、正しいルールに従っているかチェックする
  • 仕組み: 「見出し(heading)の次には必ず段落(paragraph)が来る」といった規則を定義する
  • 代表例:
    • DTD (Document Type Definition): 古くからXMLなどで使われる構造定義言語
    • XML Schema: XMLデータ構造をより詳細に定義できる言語

データベースを構築するDDL(データベースの文脈)

IT業界で一般的に「DDL」と言う場合、多くの場合は「データ定義言語(Data Definition Language)」を指します。SQL(データベースを操作する言語)の一部です。
  • 役割: データベースの「箱(テーブルやスキーマ)」を作成・変更・削除する
  • 仕組み: データの格納場所そのものを定義する
  • 代表的なコマンド:
    • CREATE: 新しいテーブルやデータベースを作る
    • ALTER: 既存のテーブルの構造を変更する
    • DROP: テーブルやデータベースを完全に削除する