ResizeObserverã¨postMessageを使ã£ã¦ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³é–“ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã‚’åŒæœŸã™ã‚‹ - ãƒã‚«ã‚ªãƒ—技術ブãƒã‚°ã¯ã˜ã‚ã« ãƒã‚«ã‚ªãƒ—ã®ç¸£ã§ã™ã€‚一番好ããªJavaScriptã®é–¢æ•°ã¯postMessageã§ã™ï¼ ã¡ã‚‡ã„å‰ã«iframeã§ã®åŸ‹ã‚è¾¼ã¿ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’出ã•ãšã«ãƒ”ッタリã®é«˜ã•ã«ä¸èº«ã¨iframeã®é«˜ã•ã‚’åŒæœŸãŒå¿…è¦ãªè¦ä»¶ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã®éš›ã«ResizeObserverã¨postMessageを使ã£ã¦ã†ã¾ã実装ãŒã§ããŸã®ã§ã€ãã®æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ iframeã®é«˜ã•èª¿æ•´å•é¡Œã¨ã¯ï¼Ÿ iframeã®é«˜ã•èª¿æ•´å•é¡Œ ã“ã“ã§ã¯ä¾¿å®œçš„ã«ä»¥ä¸‹ã®ã‚ˆã†ã«å‘¼ã³ã¾ã™ã€‚ 親ページ(https://parent.example.com/parent.html)：iframeを使ã£ã¦ä»–ã®ãƒšãƒ¼ã‚¸ã‚’埋ã‚込むå´ã®ãƒšãƒ¼ã‚¸ åページ(https://child.example.com/child.html)：iframe内ã§è¡¨ç¤ºã•ã‚Œã‚‹ãƒšãƒ¼ã‚¸ 上記ã®å ´åˆã€åページã®é«˜ã•ãŒå¯å¤‰ã®å ´åˆã€iframeã®é«˜ã•ã‚’決ã‚打ã¡ã§è¨å®šã—ã¦ã„ã‚‹ã¨ç¸¦æ–¹
{{#tags}}- {{label}}
{{/tags}}