食べログフロントエンドのエラー管理方法

by endo shiki

Slide 1

Slide 1 text

⾷べログフロントエンドのエラー管理⽅法 2023. 08. 30 Endo Shiki

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

１. ⾷べログの現状

Slide 5

Slide 5 text

Copyright (c) Kakaku.com, Inc. All Rights Reserved. ⾷べログには⼤量アクセス ※月間利用者数の計測方法について：サイトを訪れた人をブラウザベースで数えた利用者数です（特定のブラウザ、OS等によっては一定期間経過後に再訪した利用者を重複計測する場合があります）。モバイル端末のウェブページ高速表示に伴う利用者数の重複や、第三者による自動収集プログラムなどの機械的なアクセスについては可能な限り排除して計測しています。なお、食べログにおいては、2022年２月をもって AMP（Accelerated Mobile Pages）対応を終了いたしました。 https://corporate.kakaku.com/company/service

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

2. エラーの切り分け⽅法

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

3. エラーを確認するタイミング

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

4. まとめ

Slide 19

Slide 19 text

Copyright (c) Kakaku.com, Inc. All Rights Reserved. まとめ q 食べログでは様々な環境から大量のアクセスがある q 環境依存によるエラーが混在する多くのエラーの中から、優先して対応すべきエラーとそうでないエラーを切り分けるのが難しいが運用でカバーしている q 多くのユーザーに影響を与えているエラーを見つけて当たりをつけ、エラー詳細の項目を見て総合的に分析することでエラーを切り分けている q アラート通知・毎日の新規エラーチェック・月次の既存エラーチェックの3つのタイミングでエラーを確認することで漏れがなくエラーを検知している q 対応すべきエラーをいち早く見つけ、ユーザーによりよりサービスを提供できる状態になっている

Slide 20

Slide 20 text

Copyright (c) Kakaku.com, Inc. All Rights Reserved. 今後の Sentry でやりたいこと n エラーを送信するブラウザを User Agent で制限しているが、それでもサポート外のブラウザからエラーが届いているので、他の⽅法も使って制限したい n 現状は Sentry の活⽤法がフロントエンドのエラートラッキングなのでパフォーマンスや他の機能も活⽤したい

Slide 21

Slide 21 text

Slide 22

Slide 22 text