Skip to content

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側のタスク管理仕様整理メモを作り、カテゴリ機能前に確認すべき点をまとめる

Tsumoo の公開用開発ログと技術メモ。