#shadow‐root <style> /* custom elements default to display: inline */ :host { display: block; } /* set a special background when the host element has the .warning class */ :host(.warning) { background‐color: red; } </style> 18
ShadowDOMの子要素へのイベントハンドルを提供 Vuejs Web Componentの思想をベースとしたフレームワーク HTML Import相当をCommonjsとして扱い、バンドルする https://jp.vuejs.org/v2/guide/comparison.html#Polymer Angaulr Google 割りとWeb標準を意識してる Polymerとの併用も意識 24
state of Web Components https://hacks.mozilla.org/2015/06/the‑state‑of‑web‑ components/ https://www.polymer‑project.org/2.0/docs/devguide/shadow‑dom チュートリアル系 https://www.webcomponents.org/introduction https://developers.google.com/web/fundamentals/getting‑ started/primers/customelements?hl=ja https://www.html5rocks.com/en/tutorials/webcomponents/imports/ 25