mcpField
E
error-tracking-angular

error-tracking-angular

github.com/posthog開発7691 回インストール今日更新
リポジトリ

error-tracking-angular について

Angular アプリケーションに PostHog のエラートラッキングを追加するスキルです。例外の捕捉、問題の監視、ソースマップの利用に加え、Angular のサービスやコンポーネントの指針を示します。

主な機能

  1. 01例外の自動捕捉と手動捕捉
  2. 02問題の監視と検索
  3. 03アラートと問題の割り当て
  4. 04ソースマップのアップロード
  5. 05シングルトンの PosthogService による SDK のラップ

活用シーン

  1. 01Angular アプリに PostHog のエラートラッキングを追加
  2. 02エラー境界で例外を捕捉
  3. 03問題を調査してチームメンバーに割り当て

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/posthog/skills --skill error-tracking-angular

インストール後、Claude Code で/error-tracking-angularを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
alerts.md
angular.md
assigning-issues.md
fingerprints.md
monitoring.md
upload-source-maps.md

詳細

Angular 向け PostHog エラートラッキング

このスキルでは、Angular アプリケーションに PostHog エラートラッキングを追加する方法を説明します。

参考ファイル

  • references/angular.md - Angular エラートラッキングのインストール - ドキュメント
  • references/fingerprints.md - フィンガープリント - ドキュメント
  • references/alerts.md - エラートラッキングのアラートを送信する - ドキュメント
  • references/monitoring.md - イシューを監視および検索する - ドキュメント
  • references/assigning-issues.md - チームメイトにイシューを割り当てる - ドキュメント
  • references/upload-source-maps.md - ソースマップをアップロードする - ドキュメント

API の詳細とフレームワーク固有のパターンについては、ドキュメントを参照してください。

主な原則

  • 環境変数：PostHog のキーとホスト URL には、常に環境変数を使用してください。ハードコードしないでください。
  • 変更は最小限に：既存のエラー処理にエラートラッキングを追加してください。既存のエラー処理コードを置き換えたり、構造を変更したりしないでください。
  • まず自動キャプチャを有効にする：手動キャプチャを追加する前に、SDK の初期化時に例外の自動キャプチャを有効にしてください。
  • ソースマップ：スタックトレースが圧縮されたバンドルではなく、元のソースコードを参照できるよう、ソースマップをアップロードしてください。
  • 境界では手動でキャプチャする：グローバルハンドラーに伝播しないエラーには、エラー境界や catch ブロックで captureException() を使用してください。

フレームワークのガイドライン

  • コンストラクターインジェクションの代わりに inject() を使用してください。PostHog サービスが必要なコンポーネントやサービスでは、inject() を使って PostHog サービスを注入してください。
  • PostHog SDK をラップする専用の PosthogService を、ルートのシングルトンサービスとして作成してください。
  • NgModules よりも、常にスタンドアロンコンポーネントを使用してください。
  • Angular はこれらの設定ファイルから環境変数を読み取るため、PostHog の認証情報は src/environments/environment.ts ファイルに設定してください

コメント

Markdown 対応