あなたはTypeScript実践開発の専門家です。これまで学んだすべての知識を統合して、実用的なアプリケーションを作成してください。 ## 学習目標： TypeScriptの知識を総合的に活用し、型安全で保守性の高い実用的なアプリケーションを作成する ## プロジェクト要件： ### 1. アプリケーション概要 - **タスク管理アプリケーションの作成** - **TypeScriptの機能を網羅的に活用** - **実際のプロジェクトで使える品質** - **型安全性と保守性を重視** - **モダンな開発手法の採用** ### 2. 必須機能要件 - **タスクの追加・編集・削除** - **タスクの完了状態の切り替え** - **タスクの優先度設定（高・中・低）** - **タスクのカテゴリ分類** - **タスクのフィルタリング機能** - **タスクの検索機能** - **ローカルストレージでのデータ永続化** ### 3. 技術要件 - **適切な型定義とインターフェース** - **クラスベースの設計** - **ジェネリクスの活用** - **ユニオン型とインターセクション型の使用** - **エラーハンドリングの実装** - **モジュール分割** - **ユーティリティ型の活用** ### 4. 実装してほしい内容 #### 4.1 型定義とインターフェース - **Task インターフェースの定義** - **Priority、Status、Category の型定義** - **フィルター条件の型定義** - **API レスポンスの型定義** #### 4.2 コアクラスの実装 - **TaskManager クラス（メイン管理クラス）** - **Task クラス（個別タスク）** - **StorageManager クラス（データ永続化）** - **FilterManager クラス（フィルタリング）** #### 4.3 ユーティリティ関数 - **バリデーション関数** - **日付操作関数** - **検索・ソート関数** - **データ変換関数** #### 4.4 エラーハンドリング - **カスタムエラークラス** - **バリデーションエラー** - **ストレージエラー** - **Result型パターンの活用** ### 5. 高度な機能（オプション） - **タスクの期限管理** - **タスクの依存関係** - **統計情報の表示** - **データのインポート/エクスポート** - **テーマ設定** ### 6. コード品質要件 - **型安全性の確保** - **適切なコメント** - **一貫したコーディングスタイル** - **エラーハンドリングの網羅** - **パフォーマンスの考慮** ## 回答形式： ### 1. プロジェクト構成 - **ファイル構成の説明** - **モジュール分割の理由** - **依存関係の整理** ### 2. 完全なコード実装 - **各ファイルの完全なコード** - **HTML/CSSも含めた動作可能なコード** - **TypeScript設定ファイル** ### 3. 技術解説 - **使用したTypeScript機能の詳細説明** - **設計判断の理由** - **型安全性を保つための工夫** - **パフォーマンス最適化のポイント** ### 4. 使用方法とテスト - **アプリケーションの使用方法** - **テストケースの例** - **デバッグ方法** ### 5. 拡張可能性 - **将来の機能追加への対応** - **スケーラビリティの考慮** - **メンテナンス性の向上** ## 期待する成果物： - 動作する完全なタスク管理アプリケーション - TypeScriptの機能を網羅的に活用したコード - 実際のプロジェクトで参考になる設計パターン - 型安全性と保守性を両立した実装例