DOMとは

「Document Object Model」の略。日本語訳で「ドキュメントを物として扱うモデル」という意味です。HTMLなどの文章を扱うための手法の1つで、HTMLなどの各要素(aタグなど)を簡単に参照・制御ができます。現在ではほとんどのwebブラウザ(chromeやsafariなど)がこのDOMを採用しています。

DOMの特徴

• Web上に読み込まれたDOMはブラウザの機能で簡単に確認する事ができる。
• WEBページとプログラミング言語と繋ぐ
  →javascriptを記載する場合はscriptで挟んであげればOK。

歴史

1990年代後半:DHTML（ダイナミックHTML）が流行。DOMでできることが限られており、さらに，ブラウザの種類によって、利用方法が異なるという問題点があった。
1998年:Level1勧告:現在でも使われているHTMLの実装された時期。
2003年:Level2勧告:CSSが使えるように拡張された。
2004年:LEVEL3勧告:Java、PHPなどのプログラミングでもHTMLのようなDOMが使えるようにサポートするようになった。

豆知識

仮装DOM：
DOMが変更された後の状態を仮で定義する事。ページ遷移した時など変更前DOMと変更後(仮装)DOMとの変更箇所を見つけだし、その部分だけDOMを再構築します。これにより差分しか処理を行わないため処理速度が早くなります。

＜執筆・監修＞
アルサーガパートナーズ株式会社　DX技術用語集制作チーム　フロントdivision

（2021年4月時点）