canary-watch

# カナリアウォッチ — デプロイ後の監視 ## 使用時期 - 本番またはステージングへのデプロイ後 - 危険なPRをマージした後 - 修正が実際に修正されたことを確認したい場合 - ローンチウィンドウ中の継続的監視 - 依存関係アップグレード後 ## 動作方法 デプロイされたURLの回帰を監視します。停止されるか監視ウィンドウが期限切れになるまで、ループで実行されます。 ### 監視内容 ``` 1. HTTPステータス — ページは200を返していますか？ 2. コンソールエラー — 以前なかった新しいエラーはありますか？ 3. ネットワークの障害 — 失敗したAPIコール、5xx応答？ 4. パフォーマンス — LCP/CLS/INPの回帰対ベースライン？ 5. コンテンツ — 主要な要素は消えましたか？（h1、nav、footer、CTA） 6. API健康 — 重要なエンドポイントはSLA内で応答していますか？ ``` ### 監視モード **クイックチェック**（デフォルト）：シングルパス、レポート結果 ``` /canary-watch https://myapp.com ``` **継続監視**：N分ごとにM時間チェック ``` /canary-watch https://myapp.com --interval 5m --duration 2h ``` **差分モード**：ステージング対本番を比較 ``` /canary-watch --compare https://staging.myapp.com https://myapp.com ``` ### 警告しきい値 ```yaml critical: # 即座の警告 - HTTPステータス != 200 - コンソールエラー数 > 5（新しいエラーのみ） - LCP > 4s - APIエンドポイントは5xxを返す warning: # レポートで報告 - LCP ベースラインから > 500ms増加 - CLS > 0.1 - 新しいコンソール警告 - レスポンス時間 > 2xベースライン info: # ログのみ - マイナーパフォーマンス分散 - 新しいネットワークリクエスト（サードパーティスクリプトが追加された？） ``` ### 通知 重大なしきい値を超えたとき： - デスクトップ通知（macOS/Linux） - オプション：Slack/Discord Webhook - `~/.claude/canary-watch.log`にログ ## 出力 ```markdown ## Canary Report — myapp.com — 2026-03-23 03:15 PST ### Status - ✓ HTTP 200 - ✓ No critical errors - ✓ LCP within SLA (1.8s) ### Diffs from Baseline - CLS: 0.08 (↓ 0.02) - Response: 245ms (↑ 12ms, OK) - Network: 42 requests (↑ 3, investigate third-party?) ``` ## 統合 - `/benchmark`とペアリングしてパフォーマンス比較 - `/browser-qa`とペアリングして完全なUIテスト - CI/CDパイプラインに組み込んでオートメーション監視