フロントエンドカンファレンス北海道2025
LT(5分)

Source Mapを活用したフロントエンドログ収集の戦略

fujiyamaorange Kaito Fujimura fujiyamaorange
2

フロントエンドのログ収集においては、多くの開発者がこのような課題に直面します。

  • minify後のエラーログがわかりづらい
  • ブラウザ拡張機能による大量のログがノイズになる
  • Source Map公開によるコード流出のリスクがある

この発表では、Source Mapを安全に活用しながら効率的なログ収集を実現するアプローチを以下に注目して紹介します。

  • CircleCIを使ったRollbarへのSource Mapの安全な配信
  • ALBでのリクエストハンドリング

実際の実装では、CI/CDパイプラインと連携したSource Map管理フローを構築し、本番環境でのセキュリティを保ちながら開発者が読みやすいエラーログを実現します。

最後に、導入後の変化と今後の展望について紹介します。
この発表が、より安全で効率的なフロントエンド開発環境の構築に向けた一歩となれば幸いです。