Canary Watch — デプロイ後監視

使用シーン

• 本番環境またはステージング環境へのデプロイ後
• リスクの高い PR のマージ後
• 修正が有効であることを検証する必要がある場合
• リリース期間中の継続的な監視
• 依存関係のアップグレード後

動作原理

デプロイされた URL を監視し、回帰問題が存在しないかチェックします。手動で停止されるか、監視ウィンドウが期限切れになるまでループ実行されます。

監視項目

1. HTTP ステータス — ページが 200 を返しているか？
2. コンソールエラー — 以前になかった新しいエラーが発生していないか？
3. ネットワーク障害 — 失敗した API 呼び出し、5xx レスポンスが存在しないか？
4. パフォーマンス — LCP/CLS/INP がベースラインと比較して低下していないか？
5. コンテンツ — 重要な要素が消えていないか？（h1、ナビゲーション、フッター、CTA）
6. API ヘルス — 重要なエンドポイントが SLA 内で応答しているか？

監視モード

クイックチェック（デフォルト）：1 回実行、結果をレポート

/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 status != 200
  - Console error count > 5 (新しいエラーのみ)
  - LCP > 4s
  - API endpoint returns 5xx

warning:   # レポートにフラグ表示
  - LCP increased > 500ms from baseline
  - CLS > 0.1
  - New console warnings
  - Response time > 2x baseline

info:      # ログのみ
  - Minor performance variance
  - New network requests (third-party scripts added?)

通知メカニズム

クリティカル閾値を超えた場合：

• デスクトップ通知（macOS/Linux）
• オプション：Slack/Discord Webhook
• ~/.claude/canary-watch.log にログ記録

出力

## Canary レポート — myapp.com — 2026-03-23 03:15 PST

### ステータス：健全 ✓

| チェック項目 | 結果 | ベースライン | 偏差 |
|-------|--------|----------|-------|
| HTTP | 200 ✓ | 200 | — |
| コンソールエラー | 0 ✓ | 0 | — |
| LCP | 1.8s ✓ | 1.6s | +200ms |
| CLS | 0.01 ✓ | 0.01 | — |
| API /health | 145ms ✓ | 120ms | +25ms |

### 回帰問題は検出されませんでした。デプロイメント状態は良好です。

統合

併用スキル：

• /browser-qa でデプロイ前検証を実施
• フック：git push に PostToolUse フックを追加して、デプロイ後に自動チェック
• CI：GitHub Actions のデプロイメントステップ後に実行