# 通知設計書 12-カート更新成功通知

## 概要

本ドキュメントは、カート画面において商品の数量変更などの更新操作を行った際に表示されるアプリ内通知の設計を定義する。

### 本通知の処理概要

カート画面においてユーザーが商品の数量を変更し、更新ボタンをタップした際に、その更新操作の結果（成功または失敗）をリアルタイムでユーザーにフィードバックするアプリ内オーバーレイ通知機能である。

**業務上の目的・背景**：ECアプリにおいてカート内商品の数量変更は頻繁に行われる操作であり、ユーザーが意図した通りに数量が更新されたことを即座に確認できることは、購買プロセスの信頼性向上に直結する。更新成功時には安心感を与え、失敗時には問題を認識させて適切な対処を促すことで、スムーズなショッピング体験を提供する。

**通知の送信タイミング**：ユーザーがカート画面で商品数量を変更し、更新処理のAPIリクエスト結果が返却された直後に通知が表示される。具体的には`UpdateCartState`がBlocから発行されたタイミングで通知処理が実行される。

**通知の受信者**：操作を実行したユーザー本人のみ。デバイス上で即座に表示されるローカル通知のため、他のユーザーには影響しない。

**通知内容の概要**：成功時は緑色背景の成功通知で「カートが正常に更新されました」というメッセージを表示。失敗時は赤色背景のエラー通知でエラーメッセージを表示する。

**期待されるアクション**：成功時はユーザーが更新完了を認識し、そのまま購買プロセスを継続する。失敗時はエラー内容を確認し、数量の再入力や再試行を行う。

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（API応答後即時表示） |
| 優先度 | 中 |
| リトライ | 無（表示は1回のみ） |

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

操作を実行したユーザーのデバイス画面に直接表示される。特定のユーザー抽出ロジックは不要。

## 通知テンプレート

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

| 項目 | 内容 |
|-----|------|
| 表示位置 | 画面上部オーバーレイ |
| 表示時間 | 約3秒（自動消去） |
| 背景色（成功時） | 緑色（Colors.green.shade400） |
| 背景色（失敗時） | 赤色（Colors.red） |

### 本文テンプレート

**成功時**
```
タイトル: Success
メッセージ: カートが正常に更新されました（StringConstants.updateCartSuccess）
アイコン: check_circle_outline（白色）
```

**失敗時**
```
タイトル: Failed
メッセージ: {エラーメッセージ}
アイコン: cancel_outlined（白色）
```

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| error | エラーメッセージ | UpdateCartState.error | No（失敗時のみ） |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | UpdateCartEvent発行 | UpdateCartState受信時 | カート商品の数量変更後、更新操作実行 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 数量変更なし | quantityChangedがfalseの場合は更新操作自体が行われない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[商品数量変更] --> B[更新ボタンタップ]
    B --> C[UpdateCartEvent発行]
    C --> D[CartScreenBloc処理]
    D --> E[repository.updateItemToCart API呼び出し]
    E --> F{API結果}
    F -->|成功| G[UpdateCartState.success発行]
    F -->|失敗| H[UpdateCartState.fail発行]
    G --> I[quantityChanged = false設定]
    I --> J[successNotification表示]
    H --> K[errorNotification表示]
    J --> L[通知自動消去]
    K --> L
```

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

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| cart_items | カート商品情報 | 更新対象商品の特定 |

### テーブル別参照項目詳細

#### cart_items

| 参照項目（カラム名） | 用途 | 取得条件 |
|-------------------|------|---------|
| id | カート商品ID | イベントで指定 |
| quantity | 現在の数量 | 更新前の値 |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| cart_items | UPDATE | 商品数量の更新 |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| ネットワークエラー | インターネット接続なし | エラー通知表示 |
| APIエラー | サーバー側エラー | エラーメッセージを通知表示 |
| 在庫不足 | 指定数量が在庫を超過 | エラーメッセージを通知表示 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 0回（自動リトライなし） |
| リトライ間隔 | 該当なし |
| リトライ対象エラー | 該当なし |

## 配信設定

### レート制限

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

### 配信時間帯

制限なし（ユーザー操作に応じて即時表示）

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

- カート情報はユーザーセッションに紐づいており、認証済みユーザーのみが更新可能
- 通知はローカル表示のみで、外部への情報漏洩リスクはない
- 数量の不正値（負数や異常に大きな値）はサーバー側でバリデーションされる

## 備考

- overlay_supportパッケージを使用してオーバーレイ通知を実装
- 通知はスワイプで手動消去も可能（slideDismissDirection: DismissDirection.up）
- 更新成功後にカートデータが自動再取得される（fetchCartData呼び出し）
- quantityChangedフラグで更新状態を管理し、UIの整合性を保つ

---

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

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

### 推奨読解順序

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

まず、通知表示に関わるデータモデルと状態クラスを理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | cart_screen_state.dart | `lib/screens/cart_screen/bloc/cart_screen_state.dart` | UpdateCartStateの構造、成功/失敗状態の定義を確認 |
| 1-2 | cart_screen_event.dart | `lib/screens/cart_screen/bloc/cart_screen_event.dart` | UpdateCartEventの定義、itemリストパラメータの役割を確認 |

**読解のコツ**: UpdateCartEventのitemパラメータはList<Map<dynamic, String>>型で、カート商品IDと新しい数量のマッピングを含む。

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

処理の起点となるカート画面のUIコードを確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | cart_screen.dart | `lib/screens/cart_screen/cart_screen.dart` | BlocConsumerのlistener内でUpdateCartStateの処理を確認 |

**主要処理フロー**:
1. **行107-115**: UpdateCartState受信時の処理
2. **行108-109**: 失敗時のerrorNotification呼び出し
3. **行110-113**: 成功時のquantityChangedリセットとsuccessNotification呼び出し

#### Step 3: Bloc処理層を理解する

ビジネスロジックを処理するBlocの実装を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | cart_screen_bloc.dart | `lib/screens/cart_screen/bloc/cart_screen_bloc.dart` | UpdateCartEventのハンドリング処理を確認 |

**主要処理フロー**:
- **行29-37**: UpdateCartEventの処理、repository.updateItemToCart呼び出し、成功/失敗状態の発行

#### Step 4: 通知表示層を理解する

通知の実際の表示処理を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 4-1 | show_message.dart | `lib/widgets/show_message.dart` | successNotification、errorNotificationメソッドの実装を確認 |

**主要処理フロー**:
- **行18-36**: successNotificationメソッドの実装
- **行38-56**: errorNotificationメソッドの実装

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

```
CartScreen (cart_screen.dart)
    │
    ├─ BlocConsumer<CartScreenBloc, CartScreenBaseState>
    │      │
    │      └─ listener (行62-116)
    │             │
    │             └─ UpdateCartState処理 (行107-115)
    │                    │
    │                    ├─ quantityChanged = false (成功時)
    │                    │
    │                    ├─ ShowMessage.errorNotification (失敗時)
    │                    │
    │                    └─ ShowMessage.successNotification (成功時)
    │
    └─ CartScreenBloc (cart_screen_bloc.dart)
           │
           └─ UpdateCartEvent処理 (行29-37)
                  │
                  └─ repository.updateItemToCart
```

### データフロー図

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

商品数量変更         UpdateCartEvent           UpdateCartState
 + 更新タップ   ───▶   発行           ───▶    (success/fail)
                           │                         │
                           ▼                         ▼
                    CartScreenBloc            BlocConsumer
                           │                    listener
                           ▼                         │
                    repository                       ▼
                  .updateItemToCart           ShowMessage
                           │               .successNotification
                           ▼               .errorNotification
                      API Response                   │
                                                     ▼
                                              オーバーレイ通知表示
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| cart_screen.dart | `lib/screens/cart_screen/cart_screen.dart` | ソース | カート画面UI、通知表示トリガー |
| cart_screen_bloc.dart | `lib/screens/cart_screen/bloc/cart_screen_bloc.dart` | ソース | カート画面のビジネスロジック |
| cart_screen_event.dart | `lib/screens/cart_screen/bloc/cart_screen_event.dart` | ソース | カート画面イベント定義 |
| cart_screen_state.dart | `lib/screens/cart_screen/bloc/cart_screen_state.dart` | ソース | カート画面状態定義 |
| cart_screen_repository.dart | `lib/screens/cart_screen/bloc/cart_screen_repository.dart` | ソース | API通信処理 |
| show_message.dart | `lib/widgets/show_message.dart` | ソース | 通知表示ウィジェット |
| string_constants.dart | `lib/utils/string_constants.dart` | ソース | 文字列定数定義（updateCartSuccess） |
