PHPカンファレンス新潟2025
レギュラートーク（20分）

Shadow DOMを使ったSPA化の利点と問題点

masnmt masnmt masnmt
2

既存のページの一部をSPAにすることになったのですが、CSSの競合が問題になりました。
「Shadow DOMを使えばCSSをうまく分離できるはず」と思って採用したのですが、いくつかハマりポイントがあったのでそれについてお話したいと思います。

・Shadow DOMの簡単な説明
・JavaScriptをShadow DOM内で使うときのハマりポイントとその対策

Vueを利用した初期化についても触れたいと思います。