シャドウDOM

Shadow DOMとは、Webコンポーネントを構築するための技術仕様の一つで、HTML要素の内部に隠蔽された独立したDOMツリーを作成する仕組みである。Shadow DOM内で定義されたCSSやJavaScriptは、外部（メインのDOM）の影響を受けず、逆に外部に影響を与えることもない（スタイルのカプセル化）。これにより、ウィジェットやライブラリを開発する際、利用側のサイトのデザイン崩れやCSSの競合を心配することなく、安全にパーツを埋め込むことが可能になる。