🖥️ 画面詳細仕様書

🧭 概要

このページでは、各画面のレイアウトやUI要素、操作の流れなどを詳しく説明します。

📑 画面目次

📝 G001 フォーム画面

  • 機能概要：タスクカテゴリプルダウンからタスクカテゴリを選択して、内容とともに送信する機能を提供する画面
  • 主要UI要素：
    • 「タスクカテゴリ選択」(プルダウン、テキストフィールド)
    • 「内容」テキストフィールド
    • 「送信する」ボタン
    • 「タスク一覧表示」リンク
    • 「タスクカテゴリ登録フォーム」リンク
    • 「Topページ」リンク
    • 「タスクカテゴリ削除フォーム」

      実際の画面

  • 通常時
  • プルダウン + 内容入力時
  • 送信成功時

📝 G002 タスク一覧表示画面

  • 機能概要：過去に送信したタスクを一覧と編集,削除を機能を提供
  • 主要UI要素：
    • 表形式でタスクを表示
      • 項目
        • 状態(完了、未完了)
        • タスクカテゴリ
      • 「削除」ボタン
      • 「編集」ボタン
    • 「フォームに戻る」ボタン

実際の画面

  • 通常時
  • 削除ボタン降下後

　※ 通常画面から削除降下後の画像です。

📝 G003 編集画面

  • 機能概要:任意の投稿IDに対して、タスクカテゴリおよび内容の編集機能を提供する
  • 主要UI要素：
    • 「タスクカテゴリ編集」テキストフィールド
    • 「内容編集」テキストフィールド
    • 「更新する」ボタン
    • 「戻る」ボタン

実際の画面

  • 通常時
  • 文字入力時
  • 編集完了時

📝 G004 タスクカテゴリ登録画面

  • 機能概要：任意の名前のタスクカテゴリを機能を提供する画面。
  • 主要UI要素：
    • 「新しく登録するタスクカテゴリ名を入力する」テキストフィールド
    • 「送信する」ボタン
    • 「戻る」ボタン

実際の画面

  • 通常時
  • 文字入力時
  • 登録完了時
  • 登録成功時

📝 G005 タスクカテゴリ削除画面

  • 機能概要：タスクカテゴリをプルダウンで選択し、削除する機能を提供する画面
  • 主要UI要素：
    • 「タスクカテゴリ選択」プルダウン
    • 「削除する」ボタン
    • 「戻る」ボタン

      実際の画面

  • 通常時
  • プルダウン展開時
  • 削除成功時