# 通知設計書 11-ウィッシュリスト移動通知

## 概要

本ドキュメントは、カート画面からウィッシュリストへ商品を移動した際に表示されるアプリ内通知の設計を定義する。

### 本通知の処理概要

カート画面において、ユーザーがカート内の商品をウィッシュリストに移動する操作を行った際に、その操作結果（成功または失敗）をリアルタイムでユーザーにフィードバックするアプリ内オーバーレイ通知機能である。

**業務上の目的・背景**：ECアプリにおいて、カートに入れた商品を一時的に保存しておきたいケースは多く、ウィッシュリスト機能はその需要に応える。カートからウィッシュリストへの移動操作は重要なユーザーアクションであり、その結果を即座にフィードバックすることで、ユーザーは操作が正常に完了したことを確認でき、安心してショッピングを続けられる。操作失敗時には適切なエラーメッセージを表示することで、ユーザーが次のアクションを判断できる。

**通知の送信タイミング**：ユーザーがカート画面で商品の「ウィッシュリストに移動」ボタンをタップし、APIリクエストの結果が返却された直後に通知が表示される。具体的には`MoveToCartState`がBlocから発行されたタイミングで通知処理が実行される。

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

**通知内容の概要**：成功時は緑色背景の成功通知で「ウィッシュリストに追加しました」というメッセージを表示。失敗時は赤色背景のエラー通知でエラーメッセージを表示する。

**期待されるアクション**：成功時はユーザーが操作完了を認識し、必要に応じてウィッシュリスト画面へ遷移して確認する。失敗時はエラー内容を確認し、再試行または問題解決のアクションを取る。

## 通知種別

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

## 送信仕様

### 基本情報

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

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

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

## 通知テンプレート

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

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

### 本文テンプレート

**成功時**
```
タイトル: Success
メッセージ: ウィッシュリストに追加しました（StringConstants.addedToWishlist）
アイコン: check_circle_outline（白色）
```

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

### 添付ファイル

該当なし

## テンプレート変数

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

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | MoveToCartEvent発行 | MoveToCartState受信時 | カート商品のウィッシュリスト移動ボタンタップ |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| インターネット未接続 | API通信前にネットワークエラー通知が表示される |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[ウィッシュリスト移動ボタンタップ] --> B[MoveToCartEvent発行]
    B --> C[CartScreenBloc処理]
    C --> D[repository.moveToWishlist API呼び出し]
    D --> E{API結果}
    E -->|success=true| F[MoveToCartState.success発行]
    E -->|success=false| G[MoveToCartState.fail発行]
    F --> H[successNotification表示]
    G --> I[errorNotification表示]
    H --> J[通知自動消去]
    I --> J
```

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

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| cart_items | カート商品情報 | 移動対象商品の特定 |
| wishlist | ウィッシュリスト情報 | 移動先の確認 |

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

#### cart_items

| 参照項目（カラム名） | 用途 | 取得条件 |
|-------------------|------|---------|
| id | カート商品ID | event.id で指定 |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| cart_items | DELETE | カートから商品削除 |
| wishlist | INSERT | ウィッシュリストに商品追加 |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| ネットワークエラー | インターネット接続なし | エラー通知表示 |
| APIエラー | サーバー側エラー | エラーメッセージを通知表示 |
| 認証エラー | ログイン必要 | エラー通知表示 |

### リトライ仕様

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

## 配信設定

### レート制限

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

### 配信時間帯

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

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

- ユーザー認証が必要な操作のため、未ログインユーザーはウィッシュリスト移動ができない
- 通知はローカル表示のみで、外部への情報漏洩リスクはない
- エラーメッセージに機密情報が含まれないよう、サーバー側で適切にフィルタリングされる

## 備考

- overlay_supportパッケージを使用してオーバーレイ通知を実装
- 通知はスワイプで手動消去も可能（slideDismissDirection: DismissDirection.up）
- カートから商品が削除され、ウィッシュリストに追加される一連の処理として実行される

---

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

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

### 推奨読解順序

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

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

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

**読解のコツ**: Flutter Blocパターンでは、EventがBlocに送られ、Stateが返却される。状態クラスのstatus、error、responseプロパティに注目する。

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

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

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

**主要処理フロー**:
1. **行99-106**: MoveToCartState受信時の処理
2. **行100-101**: 失敗時のerrorNotification呼び出し
3. **行102-105**: 成功時のsuccessNotification呼び出し

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

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

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

**主要処理フロー**:
- **行83-98**: MoveToCartEventの処理、repository.moveToWishlist呼び出し、成功/失敗状態の発行

#### 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)
    │             │
    │             └─ MoveToCartState処理 (行99-106)
    │                    │
    │                    ├─ ShowMessage.errorNotification (失敗時)
    │                    │
    │                    └─ ShowMessage.successNotification (成功時)
    │
    └─ CartScreenBloc (cart_screen_bloc.dart)
           │
           └─ MoveToCartEvent処理 (行83-98)
                  │
                  └─ repository.moveToWishlist
```

### データフロー図

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

ウィッシュリスト      MoveToCartEvent          MoveToCartState
移動ボタンタップ  ───▶  発行           ───▶    (success/fail)
                           │                         │
                           ▼                         ▼
                    CartScreenBloc            BlocConsumer
                           │                    listener
                           ▼                         │
                    repository                       ▼
                  .moveToWishlist            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` | ソース | 文字列定数定義 |
