daiiz https://blog.hatena.ne.jp/daiiz/ #daiizメモ https://daiiz.hatenablog.com/ web-components tech Chrome v54になったので最新仕様の Shadow DOM と Custom Elements が使えるようになった．HTMLの大進化に向けた第一歩になると思う．これらの機能を活用することにより，独自のHTML要素を定義できるようになる． いくつもの<div>や<iframe>を組み合わせて作られた「アナリティクスHTMLコード」をコピペするよりも，予め開発者によって定義された<google-analytics-query>タグを貼り付けるほうがラクだし格好いい．この独自タグ（Web Component）の定義内部ではCSSやJavaScriptも全部含まれているので，タグのユーザーは貼… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdaiiz.hatenablog.com%2Fentry%2F2016%2F10%2F17%2F014345" title="Hello, Shadow DOM &amp; Custom Elements! - #daiizメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/d/daiiz/20161017/20161017014243.png Hatena Blog https://hatena.blog 2016-10-17 01:43:45 rich https://daiiz.hatenablog.com/entry/2016/10/17/014345 1.0 100%