画面遷移と入力項目

一覧・登録・編集の3画面を説明します。URLはタスク管理アプリを実装するときの想定です。 :id はタスクIDを表し、IDが1なら /tasks/1 になります。

画面遷移

flowchart TD
    L[タスク一覧<br/>/tasks] -->|新規登録| N[タスク登録<br/>/tasks/new]
    N -->|登録成功| L
    L -->|行をクリック| E[タスク編集<br/>/tasks/:id]
    E -->|更新| S[変更を保存]
    E -->|削除| C[確認ダイアログ]

登録に成功すると一覧へ戻ります。更新後の遷移先と、削除確認で確定・キャンセルした後の動きは要確認です。

タスク一覧

URL: /tasks

項目	表示内容・操作
一覧の列	タイトル、担当者、期限、ステータス、優先度
行クリック	対象タスクの編集画面へ移動
新規登録ボタン	タスク登録画面へ移動
ステータスフィルタ	未着手・進行中・完了で絞り込み
担当者フィルタ	担当者を指定して絞り込み
検索窓	タイトルの部分一致検索
ソート	詳細条件は要確認の仕様を参照
ページ切替	表示上限100件。超過時はページネーション

次の表は一覧に表示するデータの例です。デザインや列幅を指定するものではありません。

タイトル	担当者	期限	ステータス	優先度
仕様書レビュー	ユーザー10	2026-02-15	進行中	高
画面仕様の確認	ユーザー11	未設定	未着手	中

タスク登録

URL: /tasks/new

入力項目	必須	入力方法・制約	初期値
タイトル	必須	文字列。最大100文字	未定義
担当者	必須	ユーザーを選択	未定義
期限	任意	日付	未定義
優先度	任意	高・中・低から選択	中

「登録」を押し、保存に成功すると一覧へ戻ります。画面の入力項目とAPIのフィールドの対応は登録APIを参照してください。

登録時の要確認事項

必須項目の未入力や文字数超過を知らせる方法は未定義です。送信中・失敗時に操作できる範囲も未定義です。新規タスクのステータス初期値も、実装前に決めてください。

タスク編集

URL: /tasks/:id

登録時と同じ項目に加え、ステータスを変更できます。

項目・操作	仕様	要確認事項
タイトル・担当者・期限・優先度	登録済みの内容を表示し、変更可能	入力制約は登録画面を参照
ステータス	未着手・進行中・完了から選択	状態変更の制約
更新	変更を保存する	保存後の遷移先・通知・失敗時の表示
削除	確認ダイアログを表示する	確認文言・確定後の遷移先・キャンセル時の動作

次は API仕様で、一覧取得と登録のデータ形式を確認します。