DOM

DOM、ブラウザの描画、イベント、フレームワークによる UI 更新の仕組みを学ぶ。

• DOM とは何かDOM の木構造、Node と Element の違い、HTML がブラウザで扱えるオブジェクトになるまでを理解する。
• DOM の選択・生成・更新DOM API で要素を安全に選び、まとめて更新し、直接操作の責務を小さく保つ方法を学ぶ。
• ブラウザの描画パイプラインと実 DOM 更新DOM と CSS の変更が style、layout、paint、composite を経て画面に届く仕組みと、不要な再計算を避ける考え方を学ぶ。
• DOM イベント、伝播、イベント委譲イベントの捕捉・バブリング、default の制御、動的な UI で安全にイベントを扱う設計を学ぶ。
• 仮想 DOM と差分更新（Reconciliation）仮想 DOM が解く問題、再レンダーから実 DOM 反映までの流れ、key と状態の対応を理解する。
• フレームワークごとの DOM 更新戦略React、Vue、Angular、Svelte の DOM 更新モデルを比較し、仮想 DOM の有無ではなく責務と境界で選ぶ視点を学ぶ。