Web Components
by てさお
Web Componentsとは
再利用可能なカスタムエレメントを作成し、他のコードから分離してWebアプリケーションで利用するために複数の技術によって成されるもの
３つの主要な技術から構成される
Custom Element
カスタムエレメント自体と、その動作を定義するためのJavaScript API
Shadow DOM
カスタムエレメントのDOMツリーをカプセル化するためのJavaScript API
（個人的には）ReactでいうFragmentに考えが近い認識
HTML Template
<template> と <slot> を使ったマークアップのテンプレート
サンプルコード