{"width":"100%","blog_title":"#daiiz\u30e1\u30e2","categories":["web-components","tech"],"version":"1.0","author_url":"https://blog.hatena.ne.jp/daiiz/","type":"rich","title":"Hello, Shadow DOM & Custom Elements!","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/d/daiiz/20161017/20161017014243.png","published":"2016-10-17 01:43:45","html":"<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\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_name":"daiiz","description":"Chrome v54\u306b\u306a\u3063\u305f\u306e\u3067\u6700\u65b0\u4ed5\u69d8\u306e Shadow DOM \u3068 Custom Elements \u304c\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u3063\u305f\uff0eHTML\u306e\u5927\u9032\u5316\u306b\u5411\u3051\u305f\u7b2c\u4e00\u6b69\u306b\u306a\u308b\u3068\u601d\u3046\uff0e\u3053\u308c\u3089\u306e\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u306b\u3088\u308a\uff0c\u72ec\u81ea\u306eHTML\u8981\u7d20\u3092\u5b9a\u7fa9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b\uff0e \u3044\u304f\u3064\u3082\u306e<div>\u3084<iframe>\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u4f5c\u3089\u308c\u305f\u300c\u30a2\u30ca\u30ea\u30c6\u30a3\u30af\u30b9HTML\u30b3\u30fc\u30c9\u300d\u3092\u30b3\u30d4\u30da\u3059\u308b\u3088\u308a\u3082\uff0c\u4e88\u3081\u958b\u767a\u8005\u306b\u3088\u3063\u3066\u5b9a\u7fa9\u3055\u308c\u305f<google-analytics-query>\u30bf\u30b0\u3092\u8cbc\u308a\u4ed8\u3051\u308b\u307b\u3046\u304c\u30e9\u30af\u3060\u3057\u683c\u597d\u3044\u3044\uff0e\u3053\u306e\u72ec\u81ea\u30bf\u30b0\uff08Web Component\uff09\u306e\u5b9a\u7fa9\u5185\u90e8\u3067\u306fCSS\u3084JavaScript\u3082\u5168\u90e8\u542b\u307e\u308c\u3066\u3044\u308b\u306e\u3067\uff0c\u30bf\u30b0\u306e\u30e6\u30fc\u30b6\u30fc\u306f\u8cbc\u2026","provider_url":"https://hatena.blog","height":"190","blog_url":"https://daiiz.hatenablog.com/","url":"https://daiiz.hatenablog.com/entry/2016/10/17/014345","provider_name":"Hatena Blog"}