Merged
Conversation
タスクテーブルに進捗列の表示と編集を追加し、step=5のcommit正規化を実装する。 opt-in表示を維持し、READMEとexampleの利用例を更新する。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
依存関係変更がないためpackage-lockの更新を取り消し、差分を最小化する。 実装内容と無関係な生成物がPRに混在しないように調整する。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
visibleFieldsのベース列と数値系コミット処理を共通化し、重複を削減する。 挙動は変更せず、サンプルの可読性と保守性を高める。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
進捗表示テストの意図が明確になるよう値を揃え、サンプルの基準列用途を補足した。 機能挙動は維持しつつレビュー指摘への対応を行う。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
VISIBLE_FIELDS_WITH_PROGRESSの構築時にprogress重複を避けるよう除外条件を補強する。 将来DEFAULT_VISIBLE_FIELDSに変更があっても意図した表示順を維持する。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
progress正規化の型前提に合わせてチェックを簡素化し、READMEの丸め表現を明確化する。 サンプルのコメント表現も進捗列の構成に合わせて整理する。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
サンプルの基準列コメントを自然な表現に整え、不要な進捗除外条件を削除する。 仕様には影響しないが、読みやすさを維持する。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
基準列コメントをより自然な表現に整え、サンプルの可読性を高める。 機能の挙動は変更しない。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
Copilot
AI
changed the title
[WIP] Implement progress input column for task table
feat: タスクテーブル進捗列の追加
Mar 11, 2026
Contributor
There was a problem hiding this comment.
Pull request overview
TaskList に progress(進捗)列を opt-in で追加し、編集時に step=5 正規化 + 0〜100 クランプを行った上で onCellCommit に文字列で通知できるようにする実装PRです。
Changes:
VisibleFieldに"progress"を追加し、TaskList の表示/ヘッダ/編集対象として progress 列を追加- progress 入力のパース/正規化ロジック(丸め・クランプ・無効判定)を実装し、commit 時に適用
- progress の opt-in 表示、commit 正規化、入力制約の回帰テストと README/example の利用例を追加
Reviewed changes
Copilot reviewed 12 out of 12 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| README.md | progress 列が opt-in であることと commit 仕様(5刻み・文字列通知)を追記 |
| example/src/App.tsx | visibleFields の例を progress 列 opt-in 構成に更新 |
| src/types/public-types.ts | VisibleField に progress を追加 |
| src/helpers/task-helper.ts | progress の normalize/format/parse を追加 |
| src/components/task-list/task-list.tsx | progress commit の正規化・無効入力時のエラー表示を追加 |
| src/components/task-list/task-list-table.tsx | progress 列の表示と編集対象化を追加 |
| src/components/task-list/task-list-header.tsx | progress のヘッダラベルを追加 |
| src/components/task-list/overlay-editor.tsx | progress 入力の min/max/step 制約を追加 |
| src/test/task-helper.test.tsx | progress helper のユニットテストを追加 |
| src/test/task-list-table-editing.test.tsx | progress 列表示と opt-in 非表示の回帰テストを追加 |
| src/test/task-list-commit.test.tsx | progress commit 正規化/無効入力のテストを追加 |
| src/test/overlay-editor.test.tsx | progress の number input 制約のテストを追加 |
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Owner
|
@copilot apply changes based on the comments in this thread PR本文は維持。既存本文の削除/置換は禁止。必要情報はPR本文末尾の |
進捗列の表示は実値(クランプのみ)にし、ガント表示との不整合を解消する。 関連テストの期待値も実値に合わせて更新する。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
進捗列の表示はformatProgressに統一し、表示側はクランプのみでガント表示と整合させる。 補足コメントをJSDoc化して意図を明確化する。 Co-authored-by: LevelCapTech <99854263+LevelCapTech@users.noreply.github.com>
Contributor
Author
進捗表示の丸めを解除し、表示はクランプのみ・commit時の5刻み丸めは維持するよう更新しました。関連テストも実値表示に合わせて調整しています。対応コミット: f27358c, 88158b2。スクリーンショット: https://github.com/user-attachments/assets/0200f9b8-3e6c-417c-bbc3-d5280817f442 |
LevelCapTech
approved these changes
Mar 12, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概要(Summary)
このプルリクエストは .github/copilot/plans/133-task-table-progress-column-design.md に沿った実装変更です。
TaskList に progress の opt-in 列を追加し、step=5 の正規化と
onCellCommit通知を実装しました。背景・経緯(Context / Facts)
変更のインデックス(どのファイルをどう変えたか)
diffの目次(ファイル×変更概要)を下記のテーブルに記載します。
実装の要点(Diffから読み取りづらい“事実”)
progress追加(既存 Task.progress を利用)適用後に観測できる結果(観測ログ/確認ログ)
確認ログ(何を実行/何を目視したか)
テストの実行状況(事実ログ)
エラーハンドリング・境界値の考慮事項(Error Handling / Boundary Conditions)
影響範囲(どこに影響する/しないと言える根拠)
依存関係とコストへの影響(Dependencies / Cost Impact)
マイグレーション/ロールアウト(必要な場合のみ)
スコープ境界(触っていい/ダメ、非目標)
推論せず“質問に落とす”ための質問票(ADR/確認事項)
セキュリティ自己確認(Security Self-Check)
実装と確認のログ(何を触って、何を確認したか)
実行区分(AIが実行したこと/人間が追加で行うこと)
補足(Notes)
コードレビューフィードバック対応(Review Feedback Response)
このセクションは「追記」で管理します。
追記(今回分)
既存ログ(前回まで)
Original prompt
>
> ----
>
> This section details on the original issue you should resolve
>
> <filter_complete></filter_complete>
><issue_description># [IMPLEMENT] タスクテーブル progress 入力列の実装
>
> ## ゴール
> タスクテーブルに progress 入力列を追加する機能を、確定した設計 plan に従って実装する。
> CI品質ゲート(lint / typecheck / test / security)をすべて通過させる。
>
> ---
>
> ## 入力(確定plan)
>
> - 設計plan
> .github/copilot/plans/133-task-table-progress-column-design.md
>
> - 設計Issue
> #133
>
> - 設計Pull Request
> #134
>
> ---
>
> ## 実装対象の要点
>
> DESIGNで確定した仕様に従い、TaskList テーブルに progress 編集機能を追加する。
>
> 主な設計決定事項:
>
> - progress 列は opt-in
> - 列は 終了日列の直後に挿入
> - 列幅は 終了日列と同一
> - 入力粒度 step=5
> - commitイベント onCellCommit のみ
> - commit value は "0"〜"100" の文字列
> - progress データは 既存 Task.progress を利用
> - 新しい progress 概念は追加しない
>
> ---
>
> ## スコープ
>
> ### In Scope
>
> - TaskList テーブルへの progress 列追加
> - progress 値の表示
> - progress 値の編集
> - onCellCommit による変更通知
> - opt-in 表示制御
> - README / example 更新
>
> ### Out of Scope
>
> - progress データモデル変更
> - 新しいイベント追加
> - API / backend / persistence
> - ガント側 progress 更新ロジックの変更
>
> ---
>
> ## 変更許容範囲
>
> planからの逸脱は禁止。
>
> 以下の場合は DESIGN Issue に差し戻すこと
>
> - API変更が必要
> - progress 概念変更が必要
> - 新しいイベント追加が必要
> - public interface 変更が必要
>
> ---
>
> ## 受入条件
>
> DESIGN Issue で定義された受入条件を満たすこと。
>
> ### 機能
>
> Given progress列が存在しない現在のTaskList
> When progress列をopt-inで表示する
> Then TaskList に progress 編集可能な列が表示される
>
> Given progress列が表示されている
> When progress値を編集する
> Then step=5 の粒度で値が確定する
>
> Given progress値が変更された
> When commitが発生する
> Then onCellCommit が発火し value は "0"〜"100" の文字列で通知される
>
> ### 互換性
>
> Given 既存ユーザーが progress列を使用していない
> When 新バージョンを使用する
> Then デフォルトUIは変更されない
>
> ### UI整合性
>
> Given TaskList と Gantt 表示が存在する
> When TaskList 側で progress を更新する
> Then host の tasks 更新により Gantt 表示と整合する
>
> ---
>
> ## 実装タスク
>
> ### 実装
>
> - TaskList に progress 列追加
> - progress 値表示ロジック実装
> - progress 編集UI実装
> - step=5 入力制御実装
> - onCellCommit 通知接続
>
> ### 互換性
>
> - visibleFields opt-in制御
> - DEFAULT_VISIBLE_FIELDS 非変更
>
> ### ドキュメント
>
> - README 更新
> - example 更新
>
> ### テスト
>
> - progress 表示
> - progress 編集
> - commit通知
> - opt-in表示
>
> ---
>
> ## 必読
>
> - .github/copilot-instructions.md
> - .github/instructions/**/.instructions.md
> - .github/copilot/30-coding-standards.md
> - .github/copilot/50-security.md
> - .github/copilot/60-ci-quality-gates.md
>
> ---
>
> ## 参照(仕様SSOT)
>
> - .github/copilot/00-index.md
> - .github/copilot/10-requirements.md
> - .github/copilot/20-architecture.md
> - .github/copilot/40-testing-strategy.md
> - .github/copilot/60-ci-quality-gates.md
> - .github/copilot/80-templates/
>
> ---
>
> ## Done
>
> - CI品質ゲートがすべて緑
> - format
> - lint
> - typecheck
> - test
> - security
>
> - DESIGNで定義された受入条件をテストで担保
>
> - progress列が opt-in で動作
>
> - onCellCommit が仕様通り発火
>
> - README / example が更新されている
></issue_description>
>
> ## Comments on the Issue (you are @copilot in this section)
>
>
>
>
Original prompt
💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.