WebComponents

🤖要約：

Webコンポーネントは、再利用可能でカプセル化されたUIを構築するための技術で、主に「カスタム要素」「シャドウDOM」「HTMLテンプレート」で構成される。

CustomElementRegistry.define() で要素登録、attachShadow()でシャドウDOM付与、<template>と<slot>でテンプレートの定義と挿入が可能。

CSS擬似クラス（:host, ::part, :definedなど）や、DOM/Event拡張を活用することで、スタイルと振る舞いの分離がしやすくなる。