Sentry
https://gyazo.com/23af39986bbc9b46a3adb91b4472f468 https://sentry.io
docs
リンクが多すぎて読むのが大変mrsekut.icon
SentryのBreadcrumbs
SentryのPricing
sentry-cli
SDKなど
@sentry/nextjs
@sentry/react
@sentry/react-native
❌sentry-expo
他にもたくさん用意されている
珍しいので言えばElixir向けのものなどもある
#WIP
clientで生じたエラーを収集し、管理してくれるサービス
異なるuserであっても、似たようなerrorはグループ化して表示してくれる
stack traceやclientの環境をかなり詳細に表示してくれる
OSとか時間とかdevicde idとかアプリのversionとか色々
用語 ref
event
errorとtransactionの総称
ここで言うtransactionは、
例えば、page load、page navigationなど
transaction
Sentryに送信する操作の単位
e.g. アプリの起動、画面遷移
0個以上のSpanからなる
https://docs.sentry.io/product/performance/transaction-summary/#what-is-a-transaction
Span ref
transactionの実態
Span自体も、Spanの入れ子(ツリー構造)で構成される
1つの関数が内部で複数の関数を呼ぶのと同じイメージ
e.g. APIリクエスト、関数呼び出し、Reactのmount
開始時刻と終了時刻を持ちます
管理画面の方の使い方
https://docs.sentry.io/product/issues/
どのcommitからバグが入ったかを特定する
https://note.com/tabelog_frontend/n/n02888dbf7c20#:~:text=whitelistUrl%2C%C2%A0%20releaseの設定
https://docs.sentry.io/product/releases/setup/
https://tech.smartshopping.co.jp/Sentry?utm_source=pocket_mylist#:~:text=Add%20user%20context-,リリース%EF%BC%88リビジョン%EF%BC%89管理とソースマップ連携,-エラーの原因
github actionsで設定できるっぽい
アラート
瞬間的に増えたエラーのみをアラートする
https://note.com/tabelog_frontend/n/n02888dbf7c20#:~:text=で通知させる-,Sentryにはアラート,-機能を使用
https://tech.smartshopping.co.jp/Sentry?utm_source=pocket_mylist#:~:text=Upload%20source%20maps-,アラート設定,-まずは%E3%80%81自分の
本番のsorce map設定
どこで確認できる？
https://zenn.dev/koki_tech/articles/fd4afb8ac5c863
https://note.com/tabelog_frontend/n/n7f6822ae0c0d#:~:text=課題⑥-,本番環境,-でもソースマップ
https://docs.sentry.io/platforms/javascript/guides/nextjs/sourcemaps/
configureScopeとは
https://docs.sentry.io/platforms/javascript/enriching-events/scopes/
@sentry/tracingとは
performance計測したい
https://docs.sentry.io/product/sentry-basics/tracing/distributed-tracing/
https://zenn.dev/standfm/articles/a192751bf1935d
Sentry.initのConfiguration
DSN
Data Source Name
https://docs.sentry.io/product/sentry-basics/dsn-explainer/
#??
snetry.initの
integrations: [new Integrations.BrowserTracing()],とは
docsを読む
めちゃくちゃ入れ子があるので、↓の量よりもかなり多くなる
PRODUCT
https://docs.sentry.io/product/
Sentry Basics
Key Terms
docs内で使われる用語の説明
Data Source Name (DSN)
Environments
Metrics
Frontend Tutorial
Backend Tutorial
Search
Grouping Issues
Event Data
Tracing
Moving to SaaS
Issues
Projects
Alerts
Performance Monitoring
Releases
Discover Queries
Dashboards
Stats
User Feedback
Security Policy Reporting
DATA MANAGEMENT
Issue Grouping
Data Forwarding
Inbound Filters
Data Scrubbing
Restricting Data Display
ACCOUNT MANAGEMENT
Set Up Your Sentry Account
Organization and User Management
Single Sign-On (SSO)
Require 2FA
Account Preferences
Pricing & Billing
Quota Management
RELAY
Getting Started
Relay Modes
Configuration Options
Monitoring
Project Configuration
Operating Guidelines
SENTRY-CLI
Installation
Configuration and Authentication
Release Management
Debug Information Files
Sending Events
SECURITY AND LEGAL
Legal and Compliance Documents
SOC2 Report & ISO 27001 Certificate
IP Ranges
SSL Protocols and Ciphers
Data Privacy for Mobile
INTEGRATIONS
Integration Platform
Notification & Incidents
Source Code Management
Issue Tracking
Deployment
Data & Visualization
Session Replay
Debugging
Feature Flag
Cloud Monitoring
ADDITIONAL RESOURCES
Support
Platforms
Legacy SDKs
API Reference
Contributing to Docs
Developer Documentation
Self-Hosting Sentry
/shokai/Sentry
rrwebとintegrationすることで、操作の録画と再生ができる
https://docs.sentry.io/platforms/javascript/guides/react/configuration/integrations/rrweb/