implementing-real-user-monitoring
リアルユーザーモニタリング(RUM)を実装して、Core Web Vitalsやページロードタイムなどの実際のユーザーパフォーマンスデータを取得します。ユーザーエクスペリエンスの監視やカスタムパフォーマンスイベントの追跡をセットアップする際に利用します。「RUMのセットアップ」「Core Web Vitalsの追跡」「リアルユーザーパフォーマンスの監視」といったフレーズで実行できます。
description の原文を見る
Implement Real User Monitoring (RUM) to capture actual user performance data including Core Web Vitals and page load times. Use when setting up user experience monitoring or tracking custom performance events. Trigger with phrases like "setup RUM", "track Core Web Vitals", or "monitor real user performance".
SKILL.md 本文
リアルユーザーモニタリング
このスキルはリアルユーザーモニタリングタスクの自動化支援を提供します。
概要
このスキルは、ウェブアプリケーションのリアルユーザーモニタリング(RUM)のセットアップ プロセスを簡素化します。プラットフォームの選択、メトリクスの定義、ユーザー体験データを取得するためのトラッキングコード実装に関する基本的なステップをガイドします。
動作方法
- プラットフォーム選択: 利用可能なRUMプラットフォーム(Google Analytics、Datadog RUM、New Relicなど)を検討する際に支援します。
- インストルメンテーション設計: Core Web Vitalsおよびカスタムイベントを含む、トラッキング対象となる主要パフォーマンスメトリクスの定義をガイドします。
- トラッキングコード実装: パフォーマンスデータを収集して送信するための必要なJavaScriptコード実装を支援します。
このスキルを使用する場合
このスキルは以下の場合に有効化されます:
- ウェブサイトまたはウェブアプリケーションにリアルユーザーモニタリングを実装する必要がある場合。
- Core Web Vitals(LCP、FID、CLS)をトラッキングしてユーザー体験を改善する場合。
- ページロード時間(FCP、TTI、TTFB)をモニタリングしてパフォーマンス最適化を行う場合。
例
例1: 新しいウェブサイトのRUMセットアップ
ユーザーリクエスト: 「新しいウェブサイトのRUMをセットアップしたい」
このスキルは以下を実行します:
- RUMプラットフォムの選択をユーザーにガイドします。
- 基本的なトラッキング実装用のコードスニペットを提供します。
例2: カスタムパフォーマンスメトリクスのトラッキング
ユーザーリクエスト: 「ユーザーが購入を完了するまでにかかる時間をトラッキングしたい」
このスキルは以下を実行します:
- 購入完了時間のカスタムパフォーマンスメトリクスの定義を支援します。
- メトリクスをトラッキングするJavaScriptコードを生成します。
ベストプラクティス
- プライバシーコンプライアンス: ユーザーデータを収集する際に、プライバシー規制(GDPR、CCPAなど)への準拠を確認してください。
- サンプリング: データ量を削減し、パフォーマンスへの影響を最小化するためにサンプリングを実装してください。
- エラーハンドリング: トラッキングコードがウェブサイトを破損しないようにするために、堅牢なエラーハンドリングを実装してください。
インテグレーション
このスキルは他のモニタリングおよび分析ツールと組み合わせて使用することで、アプリケーションパフォーマンスの包括的なビューを提供できます。
前提条件
- {baseDir}/内のウェブアプリケーションフロントエンドコードへのアクセス
- RUMプラットフォームアカウント(Google Analytics、Datadog、New Relic)
- Core Web Vitalsメトリクスの理解
- プライバシーコンプライアンスドキュメント(GDPR、CCPA)
手順
- 要件に適したRUMプラットフォームを選択する
- トラッキング対象となる主要メトリクスを定義する(Core Web Vitals、カスタムイベント)
- アプリケーションフロントエンドにトラッキングコードを実装する
- データサンプリングとプライバシー設定を構成する
- メトリクス可視化用のダッシュボードをセットアップする
- パフォーマンス低下に対するアラートを定義する
出力
- RUM実装コードスニペット
- プラットフォーム構成ドキュメント
- カスタムイベントトラッキング例
- 主要メトリクス用のダッシュボード定義
- プライバシーコンプライアンスチェックリスト
エラーハンドリング
RUM実装が失敗した場合:
- プラットフォームAPIの認証情報を確認する
- JavaScriptバンドルの統合を確認する
- メトリクス収集の権限を検証する
- プライバシーコンセント構成を確認する
- データ送信のためのネットワーク接続を確認する
リソース
- Core Web Vitals測定ガイド
- RUMプラットフォームドキュメント
- プライバシーコンプライアンスベストプラクティス
- パフォーマンスモニタリング戦略
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- Brmbobo
- リポジトリ
- Brmbobo/Web2podcast
- ライセンス
- MIT
- 最終更新
- 2026/1/26
Source: https://github.com/Brmbobo/Web2podcast / ライセンス: MIT
関連スキル
superpowers-streamer-cli
SuperPowers デスクトップストリーマーの npm パッケージをインストール、ログイン、実行、トラブルシューティングできます。ユーザーが npm から `superpowers-ai` をセットアップしたい場合、メールまたは電話でサインインもしくはアカウント作成を行いたい場合、ストリーマーを起動したい場合、表示されたコントロールリンクを開きたい場合、後で停止したい場合、またはソースコードへのアクセスなしに npm やランタイムの一般的な問題から復旧したい場合に使用します。
catc-client-ops
Catalyst Centerのクライアント操作・監視機能 - 有線・無線クライアントのリスト表示・フィルタリング、MACアドレスによる詳細なクライアント検索、クライアント数分析、時間軸での分析、SSIDおよび周波数帯によるフィルタリング、無線トラブルシューティング機能を提供します。MACアドレスやIPアドレスでのクライアント検索、サイト別やSSID別のクライアント数集計、無線周波数帯の分布分析、Wi-Fi信号の問題調査が必要な場合に活用できます。
ci-cd-and-automation
CI/CDパイプラインの設定を自動化します。ビルドおよびデプロイメントパイプラインの構築または変更時に使用できます。品質ゲートの自動化、CI内のテストランナー設定、またはデプロイメント戦略の確立が必要な場合に活用します。
shipping-and-launch
本番環境へのリリース準備を行います。本番環境へのデプロイ準備が必要な場合、リリース前チェックリストが必要な場合、監視機能の設定を行う場合、段階的なロールアウトを計画する場合、またはロールバック戦略が必要な場合に使用します。
linear-release-setup
Linear Releaseに向けたCI/CD設定を生成します。リリース追跡の設定、LinearのCIパイプライン構築、またはLinearリリースとのデプロイメント連携を実施する際に利用できます。GitHub Actions、GitLab CI、CircleCIなど複数のプラットフォームに対応しています。
tracking-application-response-times
API エンドポイント、データベースクエリ、サービスコール全体にわたるアプリケーションのレスポンスタイムを追跡・最適化できます。パフォーマンス監視やボトルネック特定の際に活用してください。「レスポンスタイムを追跡する」「API パフォーマンスを監視する」「遅延を分析する」といった表現で呼び出せます。