Web componentsその1

ようやく試してみる気になったWeb Components。ちょうどWeb Componentsでやってみたいことができたので、最初から調べていこうと思う。

Web Componentsの仕様

Web Componentsは4つの仕様から構成されているようで

• Custom Elements
• Tempates
• HTML Imports
• Shaodow DOM

Custome Elementsで独自タグをブラウザに認識させて Tempatesでテンプレート機能を提供して HTML Importsでhtmlや必要なリソースを読み込んで Shaodow DOMでカプセル化(作ったものをページの他の部分から切り離す) したHTML要素を追加する。

という感じだと思う。

ブラウザ対応状況

Chrome、Firefox、Operaではサポートしているけれど、それ以外のブラウザで使う場合はpolymerのplatform.jsを使えば、IEを含めたほとんどのブラウザでWeb Componentsを使えるようになる（らしい）。

とりあえず試してみるのは次回から。