文書の構造
文書 + 構造
階層構造 - 文書の階層構造
構造化文書(structured document)
文章構造
DOM + 地獄
「jQuery で DOM 操作なんてもうしたくないんです」
jQuery
React
Angular
非同期通信を用いたWebアプリケーションのユーザーインターフェースの構築技術のひとつ。
特定の フレームワークや製品を指す言葉ではなく、JavaScript、HTMLまたはXHTML、CSS、XML、プレーンテキストなどの、Webブラウザ上でプラグインを用いることなく使用可能な技術の組み合わせを指す。
従来のWebアプリケーションでは、データの送受信を行う度にページ遷移を行う必要があった。
virtual DOM ; VDOM
DOM : Document Object Model
リアルDOM
差分検出処理 (reconciliation)
React
HTML や XML で記述された 各要素を取り扱うための標準インターフェースとして1998年に W3C によって勧告された。
ドキュメント・オブジェクト・モデル
DOM : Document Object Model
DOMツリー(DOM tree)
Ajax —a methodology employing DOM in combination with techniques for retrieving data without reloading a page.
文章と書式の分離
構造化 + 文書
structured document
SGML (Standard Generalized Markup Language)
文書モデル(document model)
XML文書やHTML文書をツリー構造として表現したもの。
DOM tree
アウトライン(outline)
ドキュメントオブジェクトモデル(DOM : Document Object Model)
ドキュメントツリー、文書ツリー
DOM:attribute
DOM:class
DOM:comment
DOM:document
DOM:element
ウェブデザインとは、Webサイトの企画から運営管理までを含めたシステムデザインを意味する。
色彩や、レイアウト等のビジュアルデザインは、その一部分に過ぎない。
デザインはセンスにあらず(だけれど、センスは重要)
デザインは理論にあらず(だけれど、理論は重要)
デザインは設備にあらず(だけれど、設備は重要)
document model
文書 + モデル
構造化文書
ドキュメントオブジェクトモデル(DOM : Document Object Model)
テンプレート(template)
HTML5からサポートされるようになった、SVGの形式のひとつ
HTML5では、直接HTML内にSVGを記述し、利用できる
インラインSVGを使えば、画像もHTMLのように扱うことができるようになる(らしい)
記述した SVG は、HTML の DOM の一部になる(DOMツリーとしてブラウザ内部に保持され、CSS や javascript 等で操作することができる)
inline SVG
DOM + 操作
要素の取得
要素の追加
要素の削除
DOM:要素
Webブラウザが用意している、ユーザーがDOMに対して行うことのできるイベントのこと。
DOMイベント
イベント(event)
DOM:event
JavaScript:イベント
ja Webデザイン:用語集
B
bridge page
D
document
Web standards
Web標準
Web standards (ウェブ標準) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
https://www.w3.org/ja/standards/
Acid3
DOMツリー
Document Object Model
#DOM-term
DOM tree
image DOM tree