feat: タスク見積もり時間超過時の音声・視覚通知

[Copilot]

🔔 タスク見積もり時間超過時のサウンド通知機能

実行中のタスクが見積もり時間を超えたら音が鳴るようにする機能を実装しました。

✅ 実装完了項目

• CurrentTaskFooter コンポーネントに見積もり時間超過チェックロジックを追加
• 見積もり時間を超えた場合にサウンドを再生する機能を実装（Web Audio APIを使用）
• 視覚的インジケーター（経過時間の色変更とアニメーション）を追加
• テストコードを追加して機能を検証（6つのテストケース）
• コードレビューフィードバックに対応（AudioContextの適切なクローズ、タイプセーフティの改善）
• すべてのテストとリントが通過することを確認（58テスト全てパス）
• CodeQL セキュリティチェック完了（アラートなし）
• Vercelビルドエラーを修正（テストファイルをビルドから除外）
• Prettierフォーマット適用

🎯 実装内容

1. サウンド通知

• 見積もり時間を超えた時点で一度だけビープ音を再生
• Web Audio APIを使用して800Hzの正弦波ビープ音を生成
• フェードイン・フェードアウト効果で自然な音響
• 再生後にAudioContextを適切にクローズしてメモリリークを防止

2. 視覚的フィードバック

• 色の変更: 見積もり時間超過時に経過時間の表示色を赤（#dc2626）に変更
• アニメーション: animate-pulse クラスで点滅させて注意を促す
• 見積もり時間の表示: 経過時間の下に「/ XX分」と見積もり時間を表示（例：「経過時間 / 10分」）

3. テスト

以下のテストケースを追加:

• 見積もり時間の計算が正しく行われるか
• 経過時間が見積もり時間を超えているかの判定
• 経過時間が見積もり時間内であることの判定
• 見積もり時間がnullの場合の処理
• AudioContextの正しい初期化
• AudioContextでの音生成

📁 変更ファイル

• ui/src/components/CurrentTaskFooter.tsx: メイン実装（+73行）
• ui/src/components/CurrentTaskFooter.test.tsx: テストコード追加（新規ファイル、93行）
• ui/tsconfig.json: テストファイルをビルドから除外
• ui/eslint.config.js: テストファイルをlintから除外
• ui/package-lock.json: 依存関係の更新

🔧 技術的な詳細

• 使用API: Web Audio API（AudioContext, OscillatorNode, GainNode）
• 音の仕様: 800Hz正弦波、0.5秒間、フェードイン/アウト付き
• 状態管理: hasPlayedSound フラグで重複再生を防止、タスク変更時にリセット
• パフォーマンス: AudioContext を再生後600msでクローズしてリソース管理

🧪 テスト結果

✓ src/reducers/taskReducer.test.ts (10 tests)
✓ src/hooks/useTaskActions.test.ts (3 tests)
✓ src/lib/utils.test.ts (33 tests)
✓ src/components/CurrentTaskFooter.test.tsx (6 tests)
✓ src/lib/formatTasksAsMarkdown.test.ts (6 tests)

Test Files  5 passed (5)
     Tests  58 passed (58)

🔒 セキュリティ

• CodeQL チェック完了: アラートなし
• 適切なエラーハンドリングを実装

🐛 修正した問題

• テストファイルがビルド時に含まれていた問題を修正
• TypeScript の型エラーを修正（global → globalThis + unknown キャスト）
• Vercel デプロイが成功するように設定を調整
• Prettier コードスタイルを適用

---

Note: この機能により、ユーザーはタスクの見積もり時間を超過した際に即座に気づくことができ、時間管理の精度が向上します。

Original prompt

---

This section details on the original issue you should resolve

<issue_title>実行中のタスクの見積もり時間を超えたら、音が鳴るようにしたい</issue_title>
<issue_description></issue_description>

<agent_instructions>日本語でprを作るようにして</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes 実行中のタスクの見積もり時間を超えたら、音が鳴るようにしたい #72

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
tryjunie	Ready	Preview, Comment	Jan 31, 2026 6:57am

[nannany]

@copilot testを通るようにして。
また、vercelへのデプロイが失敗しているので修正して。

src/components/CurrentTaskFooter.test.tsx(31,2): error TS2352: Conversion of type 'typeof globalThis' to type '{ AudioContext: typeof MockAudioContext; }' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.

[Copilot]

@copilot testを通るようにして。
また、vercelへのデプロイが失敗しているので修正して。

...

修正しました（コミット 8061530）

修正内容

1. TypeScript型エラーの修正: global を globalThis に変更し、unknown を経由した安全な型キャストに修正
2. Vercelビルドエラーの修正:
   • tsconfig.json にテストファイルの除外設定を追加
   • eslint.config.js にテストファイルの除外設定を追加

確認結果

✅ 全テストが通過（58テスト）
✅ Lintエラーなし
✅ テストファイルがビルドから除外されていることを確認

[nannany]

@copilot npx prettier --check "ui/**/*.{ts,tsx,js,jsx,json,md,yml}"これが通るように

[Copilot]

@copilot npx prettier --check "ui/**/*.{ts,tsx,js,jsx,json,md,yml}"これが通るように

修正しました（コミット 8630a40）

Prettierフォーマットを適用し、npx prettier --check "ui/**/*.{ts,tsx,js,jsx,json,md,yml}" が正常に通過することを確認しました。

✅ Prettierチェック: 通過
✅ 全テスト: 通過（58テスト）
✅ Lint: 通過