2026年7月4日(土)
今日やったこと
- TSUMOO-53 タスク管理画面のNext.js責務整理を本格的に進めた
- タスク一覧まわりに集まっていた責務を、小さな単位に分けて整理した
- 日付、ページャー、表示セクション、CSS、API変換、取得処理、更新処理を段階的に分けた
- 画面の見た目や使い方を大きく変えず、保守しやすい構造へ寄せた
- タスク一覧の足場を整理した
- 今日の日付や日付なしタスクの扱いを、画面部品から切り離して扱いやすくした
- ページャーの表示条件や一覧セクションの描画を整理した
- タスク一覧のCSSを、表示部品の責務に合わせて分けた
useTaskListの大きな責務を少しずつ分解した- API取得の実行処理を切り出し、どの条件でどの一覧を取得するか追いやすくした
- タスク更新、削除、完了、完了取消まわりの処理を整理した
- 完了時のアニメーションや再取得の流れを、あとから読み返しやすくした
- タスク管理画面の周辺部品も整理した
- 今日の達成状況の表示データ生成を分けた
- クイック登録フォームの状態管理と表示部品を分けた
- タスク管理画面コンテナが、画面全体のつなぎ役に寄るように整理した
- Laravel側の小さな補正とテスト補強も行った
- 日付なしタスクや後日完了タスクの表示条件を確認した
- 今日の達成状況の件数がずれないように集計を補正した
- いろいろな日付・状態のタスクを確認しやすい検証データを追加した
- 今後のリファクタリング課題も整理した
- タスク管理、カテゴリ、一括管理、振り返り、共通UI、認証、設定画面などを機能単位で分ける方針にした
- Next.jsだけでなく、必要に応じてLaravel側も同じ文脈で確認する方針にした
- 横断的な責務整理は、フロント横断・Laravel横断・API契約整理として別枠で扱うことにした
ロードマップ
フェーズ1: タスク管理MVP
進捗: 45 / 48件
今日対応したタスク
- 進行中 TSUMOO-53 タスク管理画面のNext.js責務整理
次に取り組むタスク
useTaskListに残っている責務を、さらに分けるべきか確認する- タスク管理画面の仕上げ確認を行い、後続課題へ渡す内容を整理する
- タスク管理のLaravel側について、仕様とテスト観点を別メモにまとめる
考えたこと
今日は、機能を増やすというより、増やしてきた機能を長く育てられる形に整える日でした。
タスク管理画面はTsumooの中心なので、ここを一気に作り替えるのではなく、小さく分けて確認しながら進めることに意味があると感じました。
決めたこと
- TSUMOO-53 はタスク管理画面の Next.js 責務整理を主対象にする
- ただし、表示条件や集計に関わる Laravel 側の小さな補正やテスト補強は同じ流れで扱う
- 大きなリファクタリングは、PRとコミットを小さく分けて進める
- フロント横断、Laravel横断、API契約整理は、それぞれ別課題として後続で扱う
次にやること
- TSUMOO-53 の残り作業として、タスク管理画面の仕上げ確認を行う
useTaskListの返却値やUI stateに、まだ分ける価値があるか確認する- Laravel側のタスク管理仕様整理メモを作り、カテゴリ機能前に確認すべき点をまとめる