suzaku0914 https://blog.hatena.ne.jp/suzaku0914/ エンターテイメント！！ https://suzaku-tec.hatenadiary.jp/ HTML/CSS JavaScript アーキテクチャ 情報収集 学習 書評 まとめメモ Web Componentsとは 基本概念 構成技術 感想 まとめメモ Web Componentsとは 基本概念 Web Componentsとは、アプリ内でよく使うコンポーネントを、独自定義したHTMLを使っていつでも呼び出せる技術 HTML/CSS/JavaScriptを含めてコンポーネント化するため、独立したスコープを持ちつつ、再利用性を高めている。 構成技術 Custom Elements 独自DOM要素の仕様 Shadow DOM スタイルとマークアップの仕様 通常の子要素と分離されたDOMツリー（Shadowツリー）が作成される 利用者は、中身の詳細を知る必要がなく、… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsuzaku-tec.hatenadiary.jp%2Fentry%2F2020%2F03%2F06%2F165548" title="【読書ノート】やさしく学べるWeb Components - エンターテイメント！！" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-03-06 16:55:48 rich https://suzaku-tec.hatenadiary.jp/entry/2020/03/06/165548 1.0 100%