{"width":"100%","provider_name":"Hatena Blog","url":"https://blog.kimizuka.org/entry/2020/09/24/234815","type":"rich","categories":["JavaScript"],"author_name":"kimizuka","description":"developer.mozilla.org\u5225\u30c9\u30e1\u30a4\u30f3\u306eiframe\u3092\u8cbc\u308a\u4ed8\u3051\u305f\u3068\u304d\u3001iframe\u3068\u901a\u4fe1\u3067\u304d\u305f\u3089\u3044\u3044\u306e\u306b\u306a\u3068\u601d\u3046\u77ac\u9593\u304c\u3042\u308a\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001iframe\u5185\u306e\u9ad8\u3055\u3092\u89aa\u306b\u4f1d\u3048\u3066\u3001iframe\u81ea\u4f53\u306e\u9ad8\u3055\u3092\u5909\u66f4\u3057\u305f\u3044\u3068\u304d\u306a\u3069\u3067\u3059\u3002\u305d\u3093\u306a\u3068\u304d\u306b\u5f79\u306b\u7acb\u3064\u306e\u304c\u3001window.postMesage\u3002 \u3053\u308c\u3092\u4f7f\u3048\u3070\u3001\u5b89\u5168\u306a\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u901a\u4fe1\u304c\u3067\u304d\u308b\u3068\u3082\u3063\u3071\u3089\u8a71\u984c\u3060\u3063\u305f\u306e\u3067\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002 iframe\u5916\uff08\u89aa\uff09\u306eJavaScript window.addEventListener('message', function(evt) { console.log(evt); }); iframe\u5185\uff08\u5b50\uff09\u306eJ\u2026","height":"190","title":"postMessage\u3092\u4f7f\u3063\u3066\u5225\u30c9\u30e1\u30a4\u30f3\u306eiframe\u304b\u3089\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u53d7\u3051\u53d6\u308b \ud83d\udcde","version":"1.0","author_url":"https://blog.hatena.ne.jp/kimizuka/","provider_url":"https://hatena.blog","published":"2020-09-24 23:48:15","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2020%2F09%2F24%2F234815\" title=\"postMessage\u3092\u4f7f\u3063\u3066\u5225\u30c9\u30e1\u30a4\u30f3\u306eiframe\u304b\u3089\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u53d7\u3051\u53d6\u308b \ud83d\udcde - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20200924/20200924235111.png","blog_url":"https://blog.kimizuka.org/"}