2026年6月7日（日）

今日やったこと

• TSUMOO-37 振り返り画面コーディングを完了
• 振り返り画面の「今日の達成サマリー」下部を、参照画像に近い3分割メトリクス表示へ調整
  • 完了したタスク数
  • 今日の目標数
  • 連続達成日数
• 今日の達成サマリーの円形リングを少し大きくし、下部メトリクスの位置を「過去7日間の完了数」カード下部のメッセージ位置に近づけた
• 振り返り画面の上段2カラム表示で、棒グラフが見切れる幅があることを確認
• 上段カードの折り返し条件を調整し、1301px前後では縦並びになるようにした
  • 1301px幅では縦並び
  • 1440px幅では横並びを維持
• ダッシュボードのクイック登録UIを整理
  • タイトル入力欄と追加ボタンを同じ行に配置
  • 種別とステータスのラベルをフォーム上部に配置
  • PCの広い幅でタイトル入力欄が長くなりすぎないよう最大幅を調整
  • 画面幅が狭くなった時は、ステータス欄を自然に折り返すようにした
  • ステータスが折り返された時は、種別欄が横幅いっぱいに広がるようにした
• クイック登録と一括登録の文言を整理
  • チェック型選択時のステータス欄の説明を ステータス型を選択すると設定できます に変更
  • クイック登録と一括登録で同じ意味の文言になるようにした
• 一括登録画面の種別 / ステータス周りの配置を、クイック登録と見比べながら調整
• ダッシュボードのタスク一覧フィルターの崩れを確認
  • すべて / 未完了 / 完了 のセグメントが、幅やCSS読み込み順によって詰まって見える可能性を確認
  • タスク一覧側でセグメントの最小幅とボタンの伸び方を明示し、安定して3分割表示されるようにした
• タスク一覧のスクロール表示量を調整
  • これまで高いディスプレイでも約10件ぶんで頭打ちになっていた
  • 100dvh による画面高連動は残しつつ、上限を約14件ぶんに拡張
  • 縦解像度が高いPCでは、より多くのタスクが見えるようにした
• ダッシュボードの編集フォームを開いた時の見え方を確認
  • 情報量は多いが、多く見えすぎない状態を目指して、余白、線、色の強弱が自然に見えるか確認
  • タスク一覧内で詳細がそのまま広がる感覚を重視した
• npm run lint と next build を確認
• PC幅、中間幅、縦に広いディスプレイ想定のスクリーンショットで表示を確認
• 振り返り画面は、フェーズ1の実装として完了扱いにした

ロードマップ

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

進捗: 18 / 38件

今日対応したタスク

• 完了 TSUMOO-37 振り返り画面コーディング
• 完了 振り返り画面の達成サマリー表示調整
• 完了 ダッシュボードのクイック登録UI調整
• 完了 タスク一覧の表示密度とレスポンシブ調整

完了したタスク

• TSUMOO-37 振り返り画面コーディング
• TSUMOO-36 タスク編集画面コーディング
• TSUMOO-35 タスク一括登録画面コーディング
• 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構想整理

次に取り組むタスク

• TSUMOO-38 設定画面コーディング
• 設定画面に入る前に、ダッシュボードと振り返り画面の現在の見た目を設計書やPR文へ反映する
• 共通化した今日の達成サマリーとセグメントUIの影響範囲を確認する

考えたこと

今日は、機能を増やすというより、すでにある画面を実際に使いたくなる状態まで磨き込む日でした。

特にダッシュボードは、最初は画面高さが固定気味で、広いPCでもタスクが少ししか見えない状態でした。そこから、クイック登録、タスク一覧、右側サマリー、インライン編集フォームの関係を少しずつ整理し、広い画面では広い画面の価値が出るUIに近づきました。

編集フォームは、タイトル、ステータス、日付、メモまで含むため情報量は多いので、情報量がごちゃごちゃしないよう、フォームの配置を見直すことで、少し見やすい形になったと思います。

決めたこと

• 振り返り画面の今日の達成サマリー下部は、3分割のメトリクス表示にする
• 今日の達成サマリーの円形リングは、振り返り画面では少し大きめにする
• 振り返り画面の上段2カラムは、1320px以下で縦並びにする
• クイック登録では、タイトル入力欄と追加ボタンを同じ行に置く
• 種別とステータスのラベルは、フォーム上部に置く
• チェック型選択時のステータス説明は ステータス型を選択すると設定できます とする
• クイック登録と一括登録の同じ概念は、できるだけ同じ文言と見た目にそろえる
• タスク一覧フィルターは、共通セグメント部品を使いつつ、タスク一覧側で必要な最小幅を明示する
• タスク一覧のスクロール領域は、縦に広い画面では約14件ぶんまで広がるようにする
• ダッシュボードは、現時点の見た目を一度ベスト版として扱う

次にやること

• ダッシュボードと振り返り画面の現在の見た目を、必要に応じて設計書やPR文へ反映する
• 設定画面に進む前に、共通部品化した達成サマリーとセグメントUIの影響範囲を確認する
• TSUMOO-38 設定画面コーディングへ進む