こんにちは。エンジニアの二串です。普段はサーバサイドの開発をしていますが、今日は最近仕事で取り組んだフロントよりの話になっています。 iframe を使って複数の管理画面サイトをあたかも1つの統一されたサイトとして見せるパターンをまとめます。 iframe を使って別サイトをはめ込むことは簡単ですが、実際複数ページあるサイトをはめ込もうとすると、ただ iframe を使うだけでは力不足です。例えばiframe内でのページ遷移、高さ調整、パーマリンク等で問題を感じます。 今回紹介する tips のいくつかはインターネット上で見つけられますが、今回の複数管理画面を1つにマージするという視点でまとまった記事は見つけられなかったので、まとめたら便利なのではとおもい記事にまとめました。 コードスニペットを以下で掲載していますが、より詳しくはデモアプリも併せて見ていただければとおもいます。 背景 移行
![iframe で複数の管理画面を1つの統一されたサイトに見せるパターンのまとめ - RAKSUL TechBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/21ad690d502688a6003e5dc1ef6a93fb0f682e6e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fr%2Fraksuldev%2F20220911%2F20220911222025.png)