WebComponentsの機能

WebComponentsはHTML,javascript,CSSをまとめて部品化するための標準仕様です。
まだChrome以外では未実装なブラウザが多いですがpolyfillを使用することにより実装可能です。
今回はWebComponentsで何ができるんだ!というところで触ってみた結果をまとめてみました。

WebComponentsは大きく4つの機能が存在します。

  • Custom Elements
  • HTML Imports
  • Templates
  • Shadow DOM

※各種ブラウザのサポート状況はこちら

これらの4つの機能をそれぞれ検証してみようと思います。