# 通知設計書 23-バリエーション未選択警告

## 概要

本ドキュメントは、設定可能商品（Configurable Product）においてバリエーション（サイズ、色など）が未選択のままカート追加を試みた際に表示される警告通知の設計について記載する。

### 本通知の処理概要

本通知は、ユーザーが商品詳細画面で設定可能商品をカートに追加しようとした際に、必要なバリエーション属性がすべて選択されていない場合に警告を表示するアプリ内通知機能である。

**業務上の目的・背景**：設定可能商品（Configurable Product）は、サイズ、色、素材などの複数のバリエーション属性を持つ商品タイプである。ユーザーがカートに商品を追加する前に、すべての必須バリエーションを選択する必要がある。未選択の状態でカート追加を許可すると、注文処理で問題が発生するため、事前にユーザーに警告して選択を促す必要がある。

**通知の送信タイミング**：ユーザーが「カートに追加」ボタンをタップした際に、_addToCartメソッド内でバリエーション選択状態をチェックし、未選択または不足がある場合に即座に警告通知を表示する。

**通知の受信者**：操作を実行したユーザー本人のみがアプリ内通知を受信する。

**通知内容の概要**：黄色（amber）の背景で警告アイコン付きの警告通知が表示される。メッセージは「バリエーションを選択してください」のローカライズされた文字列。

**期待されるアクション**：ユーザーは警告通知を確認後、商品詳細画面に戻り、すべての必須バリエーション（サイズ、色など）を選択してから再度カート追加を試みることが期待される。

## 通知種別

アプリ内通知（オーバーレイ警告通知）

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（バリデーション時即時表示） |
| 優先度 | 高 |
| リトライ | なし |

### 送信先決定ロジック

操作を実行したユーザーのデバイス上のみに表示される。

## 通知テンプレート

### アプリ内通知の場合

| 項目 | 内容 |
|-----|------|
| タイトル | "Warning"（ローカライズ対応） |
| 背景色 | Colors.amber |
| アイコン | Icons.warning_amber |

### 本文テンプレート

```
{StringConstants.pleaseSelectVariants}（ローカライズ対応）
例: "Please select variants" / "バリエーションを選択してください"
```

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| pleaseSelectVariants | 警告メッセージ | StringConstants.pleaseSelectVariants | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | カートに追加ボタンタップ | productData.type == "configurable" かつ バリエーション未選択/不足 | ユーザーがカート追加を試みる |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| バリエーション選択完了 | すべての必須バリエーションが選択されている場合は警告なし |
| 商品タイプが異なる | configurable以外の商品タイプでは本警告は表示されない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[ユーザーがカート追加ボタンをタップ] --> B{商品タイプ判定}
    B -->|configurable| C{バリエーション選択チェック}
    B -->|その他| D[別の処理へ]
    C -->|未選択または不足| E[ShowMessage.warningNotification表示]
    C -->|選択完了| F[AddToCartProductEvent発行]
    E --> G[OnClickProductLoaderEvent発行 isReqToShowLoader: false]
    G --> H[処理終了 return]
    F --> I[カート追加処理継続]
```

## データベース参照・更新仕様

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| なし | クライアント側バリデーション | サーバー通信なし |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| なし | なし | バリデーションエラーのため更新なし |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| バリデーションエラー | バリエーション未選択 | 警告通知を表示、処理中断 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | なし（ユーザーが選択後に再試行） |
| リトライ間隔 | - |
| リトライ対象エラー | - |

## 配信設定

### レート制限

| 項目 | 内容 |
|-----|------|
| 1分あたり上限 | 制限なし |
| 1日あたり上限 | 制限なし |

### 配信時間帯

24時間対応

## セキュリティ考慮事項

- クライアント側バリデーションのため特別なセキュリティ考慮は不要
- サーバー側でも同様のバリデーションが実施される

## 備考

- チェック条件: `configurableParams.isEmpty || configurableProductId == null || configurableParams.length < productData.configurableData.attributes.length`
- ローダー表示をfalseに戻してから警告を表示
- warningNotificationはamber色で表示される

---

## コードリーディングガイド

本通知を理解するために参照すべきファイルと、推奨する読み解き順序を以下に示す。

### 推奨読解順序

#### Step 1: データ構造を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | string_constants.dart | `lib/utils/string_constants.dart` | pleaseSelectVariants定数（行259）の定義 |
| 1-2 | product_details_model.dart | `lib/screens/product_screen/data_model/product_details_model.dart` | ConfigurableDataクラスの構造、attributes配列 |

**読解のコツ**: configurableDataは商品の設定可能な属性（サイズ、色など）の情報を保持。attributesの長さがすべての選択が完了したかの判定基準となる。

#### Step 2: エントリーポイントを理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | product_screen.dart | `lib/screens/product_screen/view/product_screen.dart` | _addToCartメソッド（行340-581）のconfigurable商品処理部分 |

**主要処理フロー**:
1. **行474**: `else if (productData?.type == StringConstants.configurable)` - 商品タイプ判定
2. **行477-479**: バリエーション選択状態チェック条件
3. **行480-481**: ShowMessage.warningNotification呼び出し
4. **行483-484**: ローダー非表示化とreturn

#### Step 3: 通知表示処理を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | show_message.dart | `lib/widgets/show_message.dart` | warningNotificationメソッド（行58-77）の実装 |

**主要処理フロー**:
- **行58-77**: amber色背景、warning_amberアイコンで警告通知を表示

### プログラム呼び出し階層図

```
ProductScreen (product_screen.dart)
    │
    ├─ MaterialButton onPressed (行303-318)
    │      │
    │      └─ _addToCart(context) 呼び出し (行311)
    │
    └─ _addToCart メソッド (行340-581)
           │
           ├─ 商品タイプ判定
           │      └─ configurable (行474)
           │
           ├─ バリデーションチェック (行477-479)
           │      ├─ configurableParams.isEmpty
           │      ├─ configurableProductId == null
           │      └─ configurableParams.length < attributes.length
           │
           └─ 警告表示 (行480-484)
                  ├─ ShowMessage.warningNotification
                  ├─ OnClickProductLoaderEvent(false)
                  └─ return
```

### データフロー図

```
[入力]               [処理]                    [出力]

カート追加 ───▶ _addToCart メソッド ───▶ バリエーション検証
ボタンタップ            │                         │
                       │                         ▼
                       │               configurableParams チェック
                       │                         │
                       │        ┌────────────────┴────────────────┐
                       │        ▼                                 ▼
                       │   未選択/不足                        選択完了
                       │        │                                 │
                       ▼        ▼                                 ▼
              warningNotification表示               AddToCartProductEvent発行
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| product_screen.dart | `lib/screens/product_screen/view/product_screen.dart` | ソース | バリデーションと通知トリガー |
| show_message.dart | `lib/widgets/show_message.dart` | ソース | 警告通知表示 |
| string_constants.dart | `lib/utils/string_constants.dart` | ソース | メッセージ定数 |
| product_details_model.dart | `lib/screens/product_screen/data_model/product_details_model.dart` | ソース | 商品データモデル |
