Rails 7で標準となったimportmapとブラウザアドオンのAdBlockによる問題について解説します。
importmapを使用してJavaScriptライブラリを動的にインポートする際に、AdBlockが原因でライブラリの読み込みに失敗するユーザーが発生する問題に直面しました。

まず、importmapの仕組みと従来のJSバンドル手法との違い、利点について紹介します。DHHが推奨する「no build」の理念に触れつつ、実際のプロジェクトでの実践例や課題についても共有します。
次に、AdBlockがJavaScriptの読み込みをブロックする問題に直面した経緯を紹介します。私たちのアプリケーションで一部のユーザーが意図しない動作を経験していることに気づき、サーバーサイドエラーの調査を開始しました。ログ解析を通じて問題を特定し、具体的な解決策を見つけるまでのプロセスを解説します。

importmapを使用したアプリ開発の利点と落とし穴、その回避方法についてお話します。

• Importmapを使ったJavaScriptの 読み込みとブラウザアドオンの影響