Web Componentsを簡単に便利に扱うライブラリ「Lit」とは？【うまく活用する方法を紹介】

Web Componentsの各種APIを扱って運用することはもちろん可能ですが、簡便に扱うためのライブラリも開発されています。そのうちの一つとして、今回はLitについて解説します。すっきりと整理されたAPIでWeb Componentsを扱える様子を見ていきましょう。 対象読者 再利用可能なHTMLやCSSを整備したいJavaScriptエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Monterey 12.6 Google Chrome 106.0.5249.119 Lit 2.4.0 Web Componentsの要素技術をまとめて扱いたい 前回は、Web Componentsの要素技術をひと通り確認しました。カスタム要素、シャドウDOM、テンプレートという3つの要素技術を組み合わせることで、再利用可能なHTMLタグを自作できます。 これまで学んできた内容でも、あ