見出し画像

【フロントエンド】Webページが表示されるまで(DOMとか、HTMLとか、ブラウザとか)

ブラウザについて

参考1:【図解/ブラウザの仕組み】DOMとパースとレンダリング,asyncとdeferについて

参考2:ウェブブラウザ(フリー百科事典『ウィキペディア(Wikipedia)』)

DOMとかHTMLとかJSについて

ブラウザはWebページ上の何かを動的に変更する際に、ソースコードを書き換えるわけではない。JavaScriptからDOMにアクセスし、その内容やプロパティを変更している。

参考1:これからのDOM API 第1回
そもそもDOMとは何か

参考2:正しいHTMLとドキュメントツリーを理解しよう
DOMの基本を学ぼう

参考3:DOMとは何か?JavaScriptやhmtlとの違いとは?定義のまとめ

参考4:Web IDL公式リファレンス

個人的な見解とか

HTMLを記号(列)の集合としての文書だと考えると、それを単純にWebページという視覚情報として表現するだけではなく、DOMというオブジェクト(とそれにアクセスするためのDOM API)を介すことで、Javascriptからの操作(値などの演算処理)やサーバとのやりとりの結果の反映などが行われる、のだろうというイメージ。

脚本(シナリオ)をそのまま映像化する(ゲームでいうムービーシーン)のではなく、キャラクターなどのオブジェクトを介すことで、動的なコンテンツとして表現する、というなんとなくな感じでとりあえずまとめる。

この記事が気に入ったらサポートをしてみませんか?