error-tracking-react-native について
React Native アプリに PostHog のエラー追跡を追加するためのスキルです。SDK の設定、例外捕捉、ソースマップのアップロードなどを案内します。
主な機能
- 01React Native SDK の設定ガイド
- 02例外の自動・手動捕捉
- 03ソースマップのアップロードガイド
- 04問題の監視とアラート
- 05環境変数の設定
活用シーン
- 01React Native アプリに PostHog の追跡を追加
- 02グローバルハンドラーを通らないエラーを捕捉
- 03スタックトレースを元のソースに対応
- 04問題を監視してチームに通知
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ posthog/ skills --skill error-tracking-react-nativeインストール後、Claude Code で/error-tracking-react-nativeを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/alerts.mdassigning-issues.mdfingerprints.mdmonitoring.mdreact-native.mdupload-source-maps.md詳細
React Native 向け PostHog エラートラッキング
このスキルは、React Native アプリケーションに PostHog エラートラッキングを追加するのに役立ちます。
参照ファイル
references/react-native.md- React Native エラートラッキングのインストール - ドキュメントreferences/fingerprints.md- フィンガープリント - ドキュメントreferences/alerts.md- エラートラッキングのアラートを送信 - ドキュメントreferences/monitoring.md- イシューを監視、検索 - ドキュメントreferences/assigning-issues.md- チームメイトにイシューを割り当て - ドキュメントreferences/upload-source-maps.md- ソースマップをアップロード - ドキュメント
API の詳細とフレームワーク固有のパターンについては、ドキュメントを参照してください。
主な原則
- 環境変数:PostHog のキーとホスト URL には、必ず環境変数を使用してください。ハードコードしないでください。
- 最小限の変更:既存のエラー処理にエラートラッキングを追加してください。既存のエラー処理コードを置き換えたり、再構成したりしないでください。
- 自動キャプチャを優先:手動キャプチャを追加する前に、SDK の初期化時に例外の自動キャプチャを有効にしてください。
- ソースマップ:スタックトレースが圧縮されたバンドルではなく、元のソースコードを参照するように、ソースマップをアップロードしてください。
- 境界での手動キャプチャ:グローバルハンドラーに伝播しないエラーについては、エラーバウンダリーや catch ブロックで
captureException()を使用してください。
フレームワークのガイドライン
posthog-react-nativeは React Native SDK パッケージ名です。react-native-configを使用して、.envからPOSTHOG_PROJECT_TOKENとPOSTHOG_HOSTを読み込んでください(変数は実行時ではなく、ビルド時に埋め込まれます)。react-native-svgはposthog-react-nativeの必須ピア依存関係です(アンケート機能で使用されます)。posthog-react-nativeと一緒にインストールする必要があります。- React Navigation v7 との互換性を確保するため、PostHogProvider は NavigationContainer の内側に配置してください。
コメント
Markdown 対応