Dependency Dashboard: MVP フロントエンド機能 (#305–#321)

[shogun-aki-tweak]

目的

MVP フロントエンド機能（gap 分析由来の issue #305–#321、および後続機能）の依存関係を一望するダッシュボード。GitHub の issue dependencies（blocked_by / blocking）で構造化した関係を mermaid で可視化する。矢印 A --> B は「A が B をブロック（A が前提）」を表す。

依存グラフ

flowchart TD
  n305["#305 テナントスイッチャー ✅"] --> n306["#306 プロジェクトナビ ✅"]
  n306 --> n307["#307 タスク一覧 ✅"]
  n306 --> n317["#317 メンバー管理 (G-18)"]
  n307 --> n308["#308 タスク詳細 ✅"]
  n307 --> n309["#309 タスク CRUD ✅"]
  n307 --> n310["#310 ステータス ✅"]
  n307 --> n311["#311 ラベル (G-12)"]
  n307 --> n312["#312 マイルストーン (G-13)"]
  n307 --> n316["#316 検索 ✅"]
  n307 --> n320["#320 スプリント (G-22)"]
  n307 --> n341["#341 Gantt ビュー (koyori-arc)"]
  n308 --> n309
  n308 --> n313["#313 コメント (G-14)"]
  n308 --> n314["#314 アクティビティ (G-15)"]
  n308 --> n315["#315 通知 (G-16)"]
  n308 --> n321["#321 工数追跡 (G-23)"]
  n310 --> n318["#318 カンバン (G-20)"]
  n316 --> n319["#319 保存ビュー (G-21)"]

Loading

✅ = マージ済み（クローズ）。MVP Must 幹（#305–#310）＝全完遂、優先された #316 検索も完遂。#341 Gantt と #318 カンバンは同列のビュー機能。

新規クラスタ: プロジェクト設定・CRUD（次の frontend 山）

テナント作成 UI はあるがテナント内にプロジェクトを作る導線が無い（#365）。これを埋める新規クラスタ。#365 を umbrella に、設定ページをフェーズ分割で実装する（依存はタイトル・Phase 表記からの推定・実 blocked_by 設定は各 issue に付与要）。

flowchart TD
  m306["#306 プロジェクトナビ ✅"] --> m365["#365 プロジェクト CRUD (umbrella) ✅"]
  m365 --> m369["#369 P1 作成/設定ページ (Details + Danger zone) ✅"]
  m369 --> m370["#370 P2 Workflow statuses エディタ ✅"]
  m369 --> m371["#371 P3 Members セクション"]
  m369 --> m373["#373 Labels / Custom fields / Integrations"]
  m368["#368 backend 既定statuses seed ✅"] -.土台.-> m370
  m371 -.関連/実装候補.-> m317b["#317 メンバー管理 (G-18)"]
  m373 -.関連/実装候補.-> m311b["#311 ラベル (G-12)"]
  m370 -.関連.-> m310b["#310 ステータス ✅"]

Loading

状態（2026-07-23 更新）

MVP Must 幹（#305/#306/#307/#308/#309/#310）＝全クローズ、優先された #316 検索も CLOSED。task の中核フロント（テナント/プロジェクトナビ・タスク CRUD・詳細ハブ・ステータス・検索）が一通り動く状態に到達。周辺の CI ガード・掃討・flaky（#362/#374/#378/#375）も 2026-07-18 にマージ済み。残る frontend 山＝設定クラスタの #371（Members）と #373（Labels）（#365 / #369 / #370 は完遂）。Could-tier（既存 #318/#319/#320/#321/#341）は棚上げ継続。

Must（依存連鎖の幹）— ✅ 全完遂

• feat(frontend): テナントスイッチャーを API 接続する(サンプルデータ除去) #305 テナントスイッチャー (G-01) — ✅ feat(frontend): connect tenant switcher to API #332 マージ（クローズ）
• feat(frontend): プロジェクト一覧ナビを API 接続する #306 プロジェクトナビ (G-02) — ✅ feat(frontend): connect project nav to the projects API #349 マージ（クローズ）
• feat(frontend): プロジェクトタスク一覧を API 接続する(モックデータ除去) #307 タスク一覧 (G-03) — ✅ feat(frontend): タスク詳細ハブ（増分1: 詳細表示・一覧遷移・状態変更） #337 マージ（クローズ）
• feat(frontend): タスク詳細ページを実装する(/tasks/{id}) #308 タスク詳細 (G-04) — ✅ feat(frontend): タスク詳細ハブ（増分1: 詳細表示・一覧遷移・状態変更） #337 マージ（クローズ）
• feat(frontend): タスク作成・更新・削除 UI をプロジェクトスコープで実装する #309 タスク CRUD (G-05) — ✅ feat(frontend): create tasks from the project view #350（create）＋feat(frontend): edit and delete tasks from the detail hub #351（update+delete）マージ（クローズ）
• feat(frontend): カスタムステータス表示・変更 UI を実装する #310 ステータス表示・変更 (G-06) — ✅ feat(frontend): タスク詳細ハブ（増分1: 詳細表示・一覧遷移・状態変更） #337 マージ（クローズ）

Should

• feat(frontend): サーバー側タスク検索 UI を接続する #316 検索 (G-17) — ✅ feat(frontend): connect server-side task search UI #355 マージ（クローズ）
• feat(frontend): プロジェクトメンバー管理 UI を実装する #317 メンバー管理 (G-18) — ⬜ 未着手（新 feat(frontend): プロジェクト設定に Members セクションを追加 Phase 3 #371「Members セクション」で実装見込み）
• feat(frontend): ラベル CRUD UI を拡充する #311 ラベル CRUD (G-12) — ⬜ 未着手（新 feat(frontend): プロジェクト設定に Labels / Custom fields / Integrations セクションを追加 #373「Labels セクション」で一部カバー見込み）
• feat(frontend): マイルストーン一覧・管理 UI を実装する #312 マイルストーン (G-13) / feat(frontend): コメント・スレッド UI を実装する #313 コメント (G-14) / feat(frontend): アクティビティ(変更履歴)表示 UI を実装する #314 アクティビティ (G-15) / feat(frontend): in-app 通知一覧・既読 UI を実装する #315 通知 (G-16) — ⬜ 未着手

新規: プロジェクト設定・CRUD クラスタ（#365 / #369 / #370 完遂・残 #371 / #373）

• feat(frontend): プロジェクトの作成・編集・削除を可能にする #365 プロジェクトの作成・編集・削除（umbrella） — ✅ feat(frontend): プロジェクトの作成・編集・削除（デザイン準拠のページ + サイドバー導線） #366 マージ（クローズ）
• feat(frontend): プロジェクト作成/設定のページ化 Phase 1（Details + Danger zone） #369 P1: 作成/設定ページ化（Details + Danger zone） — ✅ feat(frontend): プロジェクトの作成・編集・削除（デザイン準拠のページ + サイドバー導線） #366 マージ（クローズ）
• feat(frontend): プロジェクト設定に Workflow statuses エディタを追加 Phase 2 #370 P2: Workflow statuses エディタ — ✅ feat: add workflow statuses editor to project settings (v1) #388 マージ（クローズ・2026-07-21）。不変条件（Default / Done の一意性、completed_at 整合）を backend で全 write 経路（create / update / delete）と並行作成で強制。follow-up は refactor(backend): reorder_statuses をトランザクションと行ロックで直列化し N+1 を解消する #442（reorder リファクタ）と UX(frontend): 編集中の未保存 draft が別 mutation の refetch で巻き戻りうる #443（draft UX）へ分離。
• feat(frontend): プロジェクト設定に Members セクションを追加 Phase 3 #371 P3: Members セクション — ⬜ 未着手（次の候補・feat(frontend): プロジェクトメンバー管理 UI を実装する #317 と関連）
• feat(frontend): プロジェクト設定に Labels / Custom fields / Integrations セクションを追加 #373: Labels / Custom fields / Integrations セクション — ⬜ 未着手（feat(frontend): ラベル CRUD UI を拡充する #311 と関連）

Could（棚上げ・MVP core ＋ 設定クラスタ後に着手）

• feat(frontend): カンバンボード・ビュー切替 UI を実装する #318 カンバン (G-20) / feat(frontend): 保存ビュー(task-views) UI を実装する #319 保存ビュー (G-21) / feat(frontend): スプリント UI を実装する #320 スプリント (G-22) / feat(frontend): 作業時間追跡 UI を実装する #321 工数追跡 (G-23) — ⬜ 棚上げ
• feat(frontend): ガントチャートビューを実装する（koyori-arc 使用） #341 Gantt ビュー（koyori-arc・feat(frontend): カンバンボード・ビュー切替 UI を実装する #318 と同列のビュー機能） — ⬜ 棚上げ（backlog）

周辺（マージ済み・幹の外）

• ✅ MyTaskを廃止もしくは自分に割り当てられてる作業を表示するページにする #359 My Tasks を「割り当てられた作業」ビューへ転換 — feat(frontend): focus My Tasks on assigned tasks #360 マージ（クローズ）
• ✅ refactor(backend): quick-capture API（POST /v1/tenants/{tenant_id}/users/me/tasks）の撤去 #363 quick-capture API 撤去 — refactor(backend): quick-capture API を撤去 #364 マージ（クローズ・CLI my add も撤去で完結）
• ✅ fix(backend): create_project で既定ステータスを seed する #368 create_project で既定ステータス seed — fix(backend): create_project で既定ワークフローステータスを seed する #372 マージ（クローズ・feat(frontend): プロジェクト設定に Workflow statuses エディタを追加 Phase 2 #370 の backend 土台）
• ✅ test(cli): apps/cli に vitest テスト基盤を導入する #352 apps/cli に vitest 基盤 — test(cli): add vitest test foundation for apps/cli #353 マージ（クローズ）
• ✅ ci(frontend): guard against raw route/display id in API path params (grep + oxlint) #362 path-param CI ガード（display_id 直渡し検知） — マージ（2026-07-18）
• ✅ ci: gate CLI consumer contract on openapi.json changes #374 openapi 消費者契約 CI ガード — マージ（2026-07-18）
• ✅ refactor(frontend): migrate CreateTenantDialog to shadcn-vue dialog wrapper #378 CreateTenantDialog を shadcn-vue ラッパー化（reka-ui 直用一掃） — マージ（2026-07-18）
• ✅ test(frontend): CreateTaskDialog「always invalidates the task list」が flaky（フルスイート実行時のみ稀に fail） #358 CreateTaskDialog flaky 根絶 — test(frontend): deflake CreateTaskDialog invalidate assertion with vi.waitFor #375 マージ（クローズ・2026-07-18）

ロードマップ（Gantt・状態=2026-07-23 実績）

⚠️ 日程は暫定（工数見積り前・未着手分は均一 5d の仮置き・目的は依存順序の可視化）。状態は 2026-07-23 実績: done=マージ済み、無印=未着手。Could-tier（既存 #318/#319/#320/#321/#341）は棚上げ（設定クラスタの後ろ）。

gantt
  title MVP フロントエンド機能ロードマップ（依存順・状態=2026-07-23 実績）
  dateFormat YYYY-MM-DD
  axisFormat %m/%d
  section Must（幹）✅ 完遂
  305 テナントスイッチャー :done, t305, 2026-07-14, 2026-07-15
  306 プロジェクトナビ     :done, t306, 2026-07-15, 2026-07-16
  307 タスク一覧           :done, t307, 2026-07-15, 2026-07-16
  308 タスク詳細           :done, t308, 2026-07-15, 2026-07-16
  310 ステータス           :done, t310, 2026-07-15, 2026-07-16
  309 タスクCRUD           :done, t309, 2026-07-16, 2026-07-18
  section Should
  316 検索                 :done, t316, 2026-07-16, 2026-07-18
  317 メンバー管理(→371)    :t317, after t306, 5d
  311 ラベル(→373)          :t311, after t307, 5d
  312 マイルストーン       :t312, after t307, 5d
  313 コメント             :t313, after t308, 5d
  314 アクティビティ       :t314, after t308, 5d
  315 通知                 :t315, after t308, 5d
  section プロジェクト設定・CRUD（次の山）
  365 プロジェクトCRUD(umbrella) :done, m365, 2026-07-16, 2026-07-17
  369 P1 作成/設定ページ    :done, m369, 2026-07-16, 2026-07-17
  370 P2 Workflow statuses  :done, m370, 2026-07-19, 2026-07-21
  371 P3 Members            :m371, after m369, 5d
  373 Labels/CustomFields   :m373, after m369, 5d
  section Could（棚上げ・設定クラスタ後）
  318 カンバン             :t318, after m373, 5d
  319 保存ビュー           :t319, after m373, 5d
  320 スプリント           :t320, after m373, 5d
  321 工数追跡             :t321, after m373, 5d
  341 Ganttビュー(arc)     :t341, after m373, 5d

Loading

関連（本図の依存チェーン外で作成した issue）

• fix(backend): tenant/project CRUD の OpenAPI レスポンスに 400 (BadRequest) を宣言する #339 tenant/project CRUD の OpenAPI に 400 (BadRequest) を宣言する（backend 契約・別軸）
• feat(frontend): テナントアイコンを Drive ルート由来にする（icon_url 自由入力を廃止） #335 テナントアイコンを Drive ルート由来にする（Drive feat(backend): ドライブの実装 #28 / feat(backend): ファイルのアップロードをサポート #27 に blocked_by）
• feat(backend): ユーザーの居住国固有の設定を追加する #367 ユーザーの居住国固有の設定を追加する（backend feature・別軸）
• refactor(frontend): env を arkenv 一元 schema に集約する #354 env を arkenv 一元 schema に集約する（frontend refactor・別軸）
• Gistのような機能が欲しい #356 Gist のような機能（要件未定・backlog）
• feat: 設定・状態を永続化する多層レジストリ機能（ユーザー設定・検索履歴・テーブルソート状態 等） #385 設定・状態を永続化する多層レジストリ機能（ユーザー設定/検索履歴/テーブルソート状態 等・feat(backend): ユーザーの居住国固有の設定を追加する #367 が消費者例）— NEW
• CI 品質ツール・follow-up（2026-07-18）:
  • ✅ ci(frontend): PR ごとのバンドルサイズ診断（before/after 差分を PR コメント）を追加する #381 PR ごとのバンドルサイズ診断（before/after 差分を PR コメント） — ci(frontend): add per-PR bundle size diagnostics (raw/gzip/brotli/zstd) #387 マージ（2026-07-19）
  • ci(frontend): path-param gate に routeParams 源流側ルールを追加して #357 形状を塞ぐ #379 path-param gate の routeParams 源流側ルール（fix(frontend): マイタスクページで tenant display_id を UUID に解決する #357 形状の真の防止）— NEW
  • refactor(cli): 手書き paths.ts を openapi 生成型へ直結して shape drift を恒久解決する #380 手書き paths.ts を openapi 生成型へ直結（shape drift 恒久解）— NEW
• VRT インフラ（2026-07-21〜23・幹の外）:
  • ✅ ci(frontend): add Argos visual testing alongside Chromatic (toggleable) #433 Argos VRT を Chromatic と並立で追加 — マージ（2026-07-21・test-runner + argos.yml）
  • ci(vrt): Argos が全 story を毎 build 撮影して月次スクショ枠を超過する問題への対処 #449 Argos が全 story を毎 build 撮影して月次スクショ枠を超過する問題への対処（Chromatic も枯渇のため VRT が実質停止。長期解は koyori-vrt 自作 self-host VRT・正式合意）
• feat: add workflow statuses editor to project settings (v1) #388（feat(frontend): プロジェクト設定に Workflow statuses エディタを追加 Phase 2 #370）の follow-up（範囲外・レビュー低指摘）:
  • refactor(backend): reorder_statuses をトランザクションと行ロックで直列化し N+1 を解消する #442 reorder_statuses をトランザクションと行ロックで直列化し N+1 を解消する
  • UX(frontend): 編集中の未保存 draft が別 mutation の refetch で巻き戻りうる #443 編集中の未保存 draft が別 mutation の refetch で巻き戻りうる（UX・軽微）

備考

• 各 issue には GitHub issue dependencies（blocked_by）を設定済み。本ダッシュボードはその俯瞰図。
• 新規クラスタ（feat(frontend): プロジェクトの作成・編集・削除を可能にする #365/feat(frontend): プロジェクト作成/設定のページ化 Phase 1（Details + Danger zone） #369/feat(frontend): プロジェクト設定に Workflow statuses エディタを追加 Phase 2 #370/feat(frontend): プロジェクト設定に Members セクションを追加 Phase 3 #371/feat(frontend): プロジェクト設定に Labels / Custom fields / Integrations セクションを追加 #373）の依存はタイトル・Phase 表記からの推定。実 blocked_by を各 issue に設定すれば図が正となる。
• Could-tier（feat(frontend): カンバンボード・ビュー切替 UI を実装する #318/feat(frontend): 保存ビュー(task-views) UI を実装する #319/feat(frontend): スプリント UI を実装する #320/feat(frontend): 作業時間追跡 UI を実装する #321/feat(frontend): ガントチャートビューを実装する（koyori-arc 使用） #341）は棚上げ（backlog）。MVP core ＋ プロジェクト設定クラスタ完了後に再評価。
• 既存 issue との依存（G-11 アカウント登録: email enumeration 対応後の成功表示と導線を調整する #135 / G-19 feat(backend): 外部を用いたログインのサポート #31 → G-07 認証(フロント) #8 等）は本図では未収録。
• 出典: gap 分析 task-mvp-gap-analysis.md。状態は手動更新（Renovate と異なり自動同期はしない）。