カナリアウォッチ — デプロイ後の監視

使用時期

• 本番またはステージングへのデプロイ後
• 危険な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

警告しきい値

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にログ

出力

## 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パイプラインに組み込んでオートメーション監視