HTML5 Conference 2013 で聞いた「Web をまともにしたいので Shadow DOM と Web Components をつくってます」(動画参照)。 この講義を見て、調べながら実際に ShadowDOM を使ってWebComponents をつくってみました。 講義中にて紹介のあった、Polymer を使って自作のエレメント x-helloworld を実装してみました。 Polymer のインストール Polymer は、WebComponents を簡単に使えるようにするフレームワークのような、ライブラリのような、コンポーネント集でもあるようなものと、講義中で紹介されています。 今回は最低限のライブラリのみ使用して、最低限のコンポーネントを作成しました。 次のコマンドでPolymerをインストールします。(bowerをインストールしていないと動きません) そうする