Importmapを使ったJavaScriptの読み込みとブラウザアドオンの影響
shu_numata • October 26, 2024 • Tokyo, Japan • Japanese • Talk
https://kaigionrails.org/2024/talks/swamp09/
【発表概要】
Rails 7で標準となったimportmapとブラウザアドオンのAdBlockによる問題について解説します。
importmapを使用してJavaScriptライブラリを動的にインポートする際に、AdBlockが原因でライブラリの読み込みに失敗するユーザーが発生する問題に直面しました。
まず、importmapの仕組みと従来のJSバンドル手法との違い、利点について紹介します。DHHが推奨する「no build」の理念に触れつつ、実際のプロジェクトでの実践例や課題についても共有します。
次に、AdBlockがJavaScriptの読み込みをブロックする問題に直面した経緯を紹介します。私たちのアプリケーションで一部のユーザーが意図しない動作を経験していることに気づき、サーバーサイドエラーの調査を開始しました。ログ解析を通じて問題を特定し、具体的な解決策を見つけるまでのプロセスを解説します。
importmapを使用したアプリ開発の利点と落とし穴、その回避方法についてお話します。
【発表者】
shu_numata
GitHub https://github.com/swamp09
Kaigi on Railsは、初学者から上級者までが楽しめるWeb系の技術カンファレンスです。
https://kaigionrails.org/
Kaigi on Rails 2024