Skip to content

2026年6月6日(土)

今日やったこと

  • TSUMOO-37 振り返り画面コーディングに着手
  • TSUMOO-37の開始メモを作成し、振り返り画面でフェーズ1に入れる範囲を整理
  • 振り返り画面のフェーズ1は、まず最小構成で早く画面として成立させる方針にした
    • 今日の達成サマリー
    • 過去7日間の完了数グラフ
    • 日別のふり返りリスト
  • GitHubの草のような継続可視化は、面白い案として残しつつ、フェーズ1では入れすぎない方針に整理
  • 今日の達成サマリーは、ダッシュボードで使っている達成状況表示と共通化する方向にした
  • PCの振り返り画面では、今日の達成サマリーを円形リング中心で表示する方針にした
  • 直近7日間グラフは、完了数の流れを見る画面として整理
    • 棒グラフはオレンジ基調
    • その日の達成率や完了状態が伝わる部分には、必要に応じてグリーンも使う
    • 完了率だけではなく、完了数そのものも見えるようにした
  • 日別リストでは、数値だけでなく短い状態テキストも入れる方針にした
    • 素晴らしい!
    • 順調です
    • あと一歩
    • あと少し
    • もう少し頑張ろう
  • モックにあった文章の雰囲気を参考にしつつ、Tsumooらしい軽い声かけに調整
  • 振り返り画面の配置を整理
    • 上段左: 今日の達成サマリー
    • 上段右: 過去7日間の完了数
    • 下段: 日別のふり返りリスト
  • 右側の補助サマリーカードは、フェーズ1では置かず、主要3要素に絞る方針にした
  • /app/review の画面実装を開始
  • サイドバーの 振り返り から画面へ遷移できるようにした
  • ダッシュボードへ戻るリンクは、アプリ内ナビゲーションがあるため不要として外した
  • 今日の達成サマリーを共通コンポーネントとして切り出し、ダッシュボードと振り返り画面で使える形に整理
  • ダッシュボードにも、今日の達成状況の横バー版を表示するように調整
  • 今日の達成状況の円形リング表示で動きが不自然になっていた箇所を確認し、表示状態に合わせて調整
  • PC / SPの表示を確認しながら、振り返り画面の初回実装を進めた
  • npm run lintgit diff --checknext build を確認しながら作業

ロードマップ

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

進捗: 17 / 38件

今日対応したタスク

  • 進行中 TSUMOO-37 振り返り画面コーディング
  • 進行中 振り返り画面のフェーズ1範囲整理
  • 進行中 今日の達成サマリー共通化
  • 進行中 過去7日間グラフと日別リストの初回実装

完了したタスク

  • 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-37 振り返り画面コーディングの続き
  • 振り返り画面のPC / SP表示をさらに確認する
  • 今日の達成サマリー、7日間グラフ、日別リストの幅や余白を調整する
  • ダッシュボード側の共通コンポーネント利用に崩れがないか確認する
  • TSUMOO-38 設定画面コーディングへ進む準備をする

考えたこと

今日は、振り返り画面をどこまで入れるかをかなり丁寧に整理しました。

草を生やすような継続可視化はTsumooに合いそうで、見ていて楽しい機能になりそうです。一方で、フェーズ1の目的はまず最小限の機能を早くリリースすることなので、最初から盛り込みすぎると画面実装も体験確認も重くなります。

そのため、フェーズ1では「今日どうだったか」「直近7日でどれくらい積み上がったか」「日ごとの状態を軽く見返せるか」に絞る方がよさそうだと感じました。

決めたこと

  • 振り返り画面は、フェーズ1では主要3要素に絞る
  • 主要3要素は、今日の達成サマリー、過去7日間の完了数、日別のふり返りリストとする
  • 右側の補助サマリーカードは、フェーズ1では置かない
  • GitHubの草のような継続可視化は、フェーズ2以降の候補として残す
  • 今日の達成サマリーは、ダッシュボードと振り返り画面で共通化する
  • PCの振り返り画面では、今日の達成サマリーは円形リング中心で表示する
  • ダッシュボードには、今日の達成状況の横バー版も表示する
  • 日別リストには、数値だけでなく短い状態テキストを表示する
  • ←ダッシュボードへ戻る は、振り返り画面には置かない

次にやること

  • TSUMOO-37の画面実装を続ける
  • 振り返り画面のPC幅、SP幅、タブレット幅を確認する
  • 共通化した今日の達成サマリーが、ダッシュボードと振り返り画面の両方で自然に見えるように調整する
  • 過去7日間グラフと日別リストの余白、幅、色を調整する
  • TSUMOO-37の実装が固まったら、設計書とPR文へ反映する

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