こんにちは、エンジニアの Bugfire です。
自分の前の記事 でも Rollbar について書きましたが、今回はフロントエンド編です。
無法地帯
バックエンド(Rails)では、Rollbar による通知は便利に活用されており、対応したりみなかったことにしていたわけですが、フロントエンドでは以下の状況にありました。
- あまりにもエラーが多い
- エラーが多すぎて課金がすごいことになるのでかなり厳しめの RateLimit をかけていた
- エラーが多すぎて slack 通知していない
- 結局エラーを誰もみていない
- SourceMap が登録されていないので、いざ登録されたエラーをみても分析が難しい
問題は、エラーが多すぎる件と SourceMap がないの二点です。それぞれ対応していきます。
目次
- 無法地帯
- Rollbar の設定
- SourceMap
- Webpacker 編
- webpack の設定変更
- AssetSync の設定変更
- Rollbar へのアップロード
- Source linking
- Sprockets 編
- SourceMap 生成部分の追加
- lib/sprockets/uglifier_compressor.rb
- uglify_with_source_maps
- Rollbar へのアップロード
- 問題点
- SourceMap 生成部分の追加
- Webpacker 編
- 「エラーが多すぎる件」対策
- 最後に
- We Are Hiring!