Shadow DOMが何が良いのか調べる
ritogkDomTreeの中にShadowDomのTreeをはやせるらしい。
ritogkはやしたShadowTreeはdocument.querySelectorとかでアクセスできないっぽい。
shadowTree内に書いたCSSはDocument側には反映されないらしい。
ritogkDomTreeのCSSはShadowTreeに影響を受けちゃうみたい
ritogkiframe使わなくても簡単にカプセル化できてマイクロフロントエンド化できるのかな？
ritogkMDNの方がわかりやすそう。
ritogkShadowDomは新しく実装された機能ではなく元々実装されてたらしい。
MDNいわくvideo要素はShadowDomを使ってるらしい。
radioとかrangeとかも使ってるのかもしれない。
ritogk大規模なフロントエンド開発をした事ないからメリットがよくわかんねー。
tailwindとかcss in jsとか使えば親子間cssの影響とか気にならないと思うんだけどどうなんだろう。
ritogkCSSで複雑な表現をしてる大規模サービスで生きるのかなあと勝手に予想。
ritogkパフォーマンス的にはどうなんだろう。
ritogkサラッと調べたけどパフォーマンスについて書かれてなかった。
ritogk木構造がもう１つ増えるからパフォーマンスには影響しそう。
ritogkiframeよりはShadowDomでマイクロフロントエンド化した方が軽そうな気がする。
htmlにiframeを１つ埋め込むと2窓で開いているような感じなってパフォーマンスに影響されってMDNで言われてる。
ShadowDomはパフォーマンスについて書かれていない。
ritogkマイクロフロントエンド化するならShadowDomを使ったほうがiframeより軽量でええやんって事なのかなあ。
ritogkiframeとshadowDomのパフォーマンスを計測してみようかな
ritogkcustom elementを定義するとそいつはshadow Domになるらしい