活用プロンプト例

エージェント：ドキュメントエージェント

<aside> <img src="notion://custom_emoji/be6005d7-8302-4c8e-93fe-03d0d3d71970/12f3c107-d7a8-8009-8054-007a9b09b0b8" alt="notion://custom_emoji/be6005d7-8302-4c8e-93fe-03d0d3d71970/12f3c107-d7a8-8009-8054-007a9b09b0b8" width="40px" />

@会員情報更新 のユースケースドキュメントを参考に、必要なフロントエンド画面を設計し、 @VB.NET画面設計書テンプレート の様式に沿って出力して。

</aside>

テンプレート

VB.NET画面設計書様式. 基本情報.md

# 1. 基本情報

- 画面ID:
- 画面名:
- 機能概要:

## 2. 画面レイアウト

### 2.1 画面構成

以下の凡例に基づき、各オブジェクト名は具体的なファイル名やフォーム/コントロール名（例：Form1, btnSearch, dgvCustomerなど）で記述してください。

流れは上→下ではなく、左→右とする

```mermaid
%%{init: {'theme': 'neutral', 'themeVariables': { 'fontFamily': 'Meiryo', 'fontSize': '15px'}}}%%
flowchart TD
    A["フォーム/ウィンドウ"]
    B["コントロール(Button/ TextBox/ ComboBox等)"]
    C{"分岐条件"}
    D[["フォーム要素（TextBox, CheckBox等）"]]
    E[("データ表示（ListView, DataGridView等)")]
    F(["アクション（ボタン/イベント）"])
    classDef page fill:#d0d1ff,stroke:#333,stroke-width:2px,color:#000
    classDef component fill:#ffe680,stroke:#333,stroke-width:2px,color:#000
    classDef condition fill:#c2e0c2,stroke:#333,stroke-width:2px,color:#000
    classDef form fill:#ffcce0,stroke:#333,stroke-width:2px,color:#000
    classDef data fill:#c6c6ff,stroke:#333,stroke-width:2px,color:#000
    classDef action fill:#ffb3b3,stroke:#333,stroke-width:2px,color:#000
    class A page
    class B component
    class C condition
    class D form
    class E data
    class F action
    style A text-align:center
    style B text-align:center
    style C text-align:center
    style D text-align:center
    style E text-align:center
    style F text-align:center

3. 入力項目定義

3.1 フォーム項目一覧

3.2 入力規則・バリデーション(VB.NET仕様)

テキスト入力

• 入力可能文字:
• 最小文字数:
• 最大文字数:
• 半角/全角:
• 許可する記号:
• 空白許容:
• 禁則事項:

数値入力

• 入力範囲:
• 小数許可:
• 小数点以下桁数:
• 単位:

選択項目(ComboBox/ListBox等)

• 選択肢一覧:
• 初期選択:
• 選択必須:

4. ボタン・アクション定義

4.1 ボタン一覧

4.2 アクション定義

（サンプル：btnSearch\_Click）

• イベント: クリック時
• 処理内容: 1. 入力チェック 2. データ取得 3. 結果表示

(イベントハンドラはHandles句, Try-Catch句やErrorProvider等の内容を元に記載)

5. エラー・メッセージ定義

5.1 バリデーションエラー

5.2 システムエラー

6. バックエンド連携仕様

6.1 データ送信先定義

• 送信先URL/接続名:
• 方式（REST API/ADO.NET/Entity Framework 等）:
• 備考:

6.2 送信項目一覧

7. その他補足

7.1 画面遷移

• 前画面:
• 次画面:

(ShowDialogやDialogResultなの制御に応じて記載)

## アウトプットイメージ

```markdown
# 1. 基本情報

- 画面ID: MemberInfoUpdate
- 画面名: 会員情報更新画面
- 機能概要: ログイン済み会員がメールアドレス、パスワード、およびプロフィール画像を安全に更新できる画面。バリデーション、本人認証、処理結果通知を統合しユーザー体験を向上。

## 2. 画面レイアウト

### 2.1 画面構成

```mermaid
flowchart TD
    A[会員情報更新画面]
    B[メールアドレス変更フォーム]
    C[パスワード変更フォーム]
    D[プロフィール画像変更フォーム]
    E[保存ボタン]
    F[キャンセルボタン]
    G{バリデーション結果}
    H[処理結果通知枠]

    A --> B
    A --> C
    A --> D
    B --> E -.-> G
    C --> E -.-> G
    D --> E -.-> G
    G --> H
    F --> A

3. 入力項目定義

3.1 フォーム項目一覧

3.2 入力規則・バリデーション(VB.NET仕様)

メール入力

• 入力可能文字: 半角英数記号
• 最大文字数: 255
• 必須: ○
• 禁則事項: 不正フォーマット、重複アドレス

パスワード入力

• 最小文字数: 8
• 最大文字数: 100
• 必須: ○
• 禁則事項: 弱い英数字のみ, 一致しない場合エラー

画像アップロード

• 許可形式: JPEG, PNG
• 最大サイズ: 2MB
• 必須: ○（一部未選択時は既存画像維持）

4. ボタン・アクション定義

4.1 ボタン一覧

4.2 アクション定義

btnSave\_Click

• イベント: クリック時
• 処理内容:
  1. 全項目バリデーション
  2. サーバーへ更新データ送信
  3. 結果通知枠に成功/エラーを表示

btnCancel\_Click

• イベント: クリック時
• 処理内容: 画面初期状態または前画面へ遷移

5. エラー・メッセージ定義

5.1 バリデーションエラー

5.2 システムエラー

6. バックエンド連携仕様

6.1 データ送信先定義

• 送信先URL: /api/member/update
• 方式: REST API
• 備考: 認証トークン必須

6.2 送信項目一覧

7. その他補足

7.1 画面遷移

• 前画面: 会員プロフィール画面
• 次画面: 結果通知または会員プロフィール画面