2026年6月3日（水）

今日やったこと

• TSUMOO-33 ダッシュボード画面コーディングと TSUMOO-34 タスク一覧画面コーディングの仕上げ確認を実施
• ダッシュボード画面で固まった実装内容と設計書の差分を確認し、設計書側を現在のUI方針に合わせて更新
• APP-001 ダッシュボードの詳細設計を、実装後の見た目と操作方針に合わせて整理
  • クイック作成 を クイック登録 に統一
  • PC の主操作を タスクを追加 ではなく 一括登録 として整理
  • 今日 を日付選択、開始予定 / 終了予定 / 期限 を条件メニューとして整理
  • PC / SP / タブレットでの今日の達成状況の配置方針を整理
• TSUMOO-33 / TSUMOO-34 のタスク開始シートを、実装後の方針に合わせて更新
• SP / タブレットのタスク一覧の文字サイズを調整
  • 600px以下では少し大きめの 0.9rem
  • 601px〜900pxではタブレットでも小さく見えすぎないサイズ
• SP / タブレット版の今日の達成状況カードにも、達成率に応じた通常 / 銅 / 銀 / 金の色変化を反映
• ダッシュボードの見出し表現を微調整
  • クイック登録
  • タスク一覧
  • 見出しの文字サイズやフォントの差をなくす方向で調整
• ダッシュボード内のフォーム、ボタン、セグメント、ステータスバッジ、タスクカードなど、今後共通化できそうなUIを整理
• 次スレッドで共通化作業へ入れるように、引き継ぎ内容をまとめた

ロードマップ

フェーズ1: タスク管理MVP

進捗: 15 / 38件

今日対応したタスク

• 完了 TSUMOO-33 ダッシュボード画面コーディングの設計書反映
• 完了 TSUMOO-34 タスク一覧画面コーディングの設計書反映
• 整理中 ダッシュボードUIの共通化候補整理

完了したタスク

• TSUMOO-34 タスク一覧画面コーディング
• TSUMOO-33 ダッシュボード画面コーディング
• TSUMOO-32 パスワードリセット画面コーディング
• TSUMOO-31 新規登録画面コーディング
• TSUMOO-30 認証画面コーディング
• TSUMOO-10 公開トップページ実装
• TSUMOO-9 開発環境・基本設定整備
• TSUMOO-8 アプリケーション初期構築
• TSUMOO-7 API設計
• TSUMOO-6 DB設計
• TSUMOO-5 画面詳細設計
• TSUMOO-4 UI方針整理
• TSUMOO-3 フェーズ1基本設計
• TSUMOO-2 フェーズ1要件定義
• TSUMOO-1 Tsumoo構想整理

次に取り組むタスク

• ダッシュボードで整えたUIパーツの共通化
• TSUMOO-35 タスク作成画面コーディング
• TSUMOO-36 タスク編集画面コーディング
• TSUMOO-37 振り返り画面コーディング
• TSUMOO-38 設定画面コーディング

考えたこと

今日は、ダッシュボードとタスク一覧の画面コーディングを進めるというより、AIとここまで対話しながら固めたUIを設計書と次の実装へつなげるための整理を行いました。

画面を作りながら完了したときに緑が左から右へ広がる動きや、達成状況カードが通常 / 銅 / 銀 / 金へ変化する表現の調整を加え、完了時の体験をより良いものにするようにしました。

一方で、ダッシュボード内にはボタン、フォーム、カード、ステータスバッジ、セグメントコントロールなど、今後のアプリ画面でも使いそうな要素がかなり増えてきました。このまま次の画面へ進むと、似たCSSや似たコンポーネントが増えそうなので、タスク作成画面へ入る前に一度共通化する価値がありそうです。

決めたこと

• ダッシュボードとタスク一覧の実装内容に合わせて、設計書側を更新する
• クイック作成 ではなく クイック登録 を正式な表示名にする
• PC の主操作は 一括登録 とし、ダッシュボード上の軽量登録とは役割を分ける
• タスク一覧の 今日 は一覧名ではなく日付条件として扱う
• SPでは直近7日間などの補助サマリーを置かず、今日の達成状況とタスク一覧に集中する
• SP / タブレットの今日の達成状況にも、達成率に応じた色変化を反映する
• アプリ画面のフォームは、認証画面フォームとは別系統として整理する
• 次は、ダッシュボードでできたUIを壊さない範囲で共通化候補を整理する

次にやること

• ダッシュボード内のコンポーネントとCSSを確認し、共通化候補を洗い出す
• すぐ共通化するものと、まだ feature 配下に残すものを分ける
• セクション見出し、アプリ画面用ボタン、セグメント、ステータスバッジ、タスク完了ボタンあたりから小さく整理する
• 共通化後に PC / SP / タブレットの見た目が変わっていないか確認する
• 共通化が落ち着いたら、TSUMOO-35 タスク作成画面コーディングへ進む