「Web Componentsって独自のHTMLタグをつくれるんだよねー」くらいの認識で、これまで使ったことはありませんでした。この記事では、サンプルデータをつくって分かった事や、今後の課題について書きます。 Web Componentsは多くのブラウザがデフォルトで備えてる仕組みです。技術の概要を知りたい場合はMDNをお読みください。構成する３つの技術（カスタム要素、Shadow DOM、HTMLテンプレート）や作り方の流れが分かります。 Litを使用します。Polymer、lit-elementに連なるライブラリで、Web Componentsが扱いやすくなります。2021年9月にLit2.0がリリースされました。 基本 このような独自タグを使うことができます。名称にはハイフンが必要です。
