Web Components最新事情 2014

全4回

CodeGridで2012年に連載した「先取り、Shadow DOM」シリーズ、待望のアップデート版です。2014年現在のWeb Componetsの仕様や実装に関する最新情報が得られます。

最終回 TemplatesとImports

Web Componentsに外部からHTMLを流し込めるHTML TemplatesとHTML Importsについて解説します。また、現状のWeb Componentsでの実装上の注意点や、その解決方法についても触れます。

第3回 Shadow DOMを使う

Custom Elementsを用いて実装した独自の要素と組み合わせることで、要素の構造を隠蔽し、その要素の外にあるCSSなどの影響を制御できるShadow DOMの仕様と実装を解説します。

第2回 Custom Elementsを作る

Web Componentsの基礎となる仕様のひとつ、Custom Elementsを解説します。Web Componentsの実装がもっとも進んでいるChrome上で、実際に動かしてみます。

第1回 Web Componentsの仕様

より複雑化するフロントエンド実装の設計に進歩をもたらすべく策定中のWeb Componentsの最新情報を紹介。第1回目はWeb Componentsを構成する仕様群とその概要を解説します。