# 通知設計書 22-ウィッシュリスト削除成功/失敗通知

## 概要

本ドキュメントは、商品詳細画面においてウィッシュリストから商品を削除した際に表示される成功/失敗通知の設計について記載する。

### 本通知の処理概要

本通知は、ユーザーが商品詳細画面でウィッシュリストに登録済みの商品からウィッシュリストを解除する操作を行った際に、その操作結果をユーザーにフィードバックするためのアプリ内通知機能である。

**業務上の目的・背景**：ウィッシュリストに追加済みの商品を管理するために、ユーザーは不要になった商品をウィッシュリストから削除できる必要がある。削除操作が成功したか失敗したかをユーザーに即座にフィードバックすることで、ウィッシュリストの状態を正確に把握でき、ユーザー体験を向上させる。商品詳細画面ではハートアイコンのトグル操作により追加/削除が切り替わる。

**通知の送信タイミング**：ユーザーが商品詳細画面でウィッシュリスト解除ボタン（塗りつぶしハートアイコン）をタップし、BLoCがRemoveFromWishlistEventを処理してAPIレスポンスを受信した直後に通知が表示される。

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

**通知内容の概要**：成功時は緑色の背景でチェックマークアイコン付きの成功通知、失敗時は赤色の背景でキャンセルアイコン付きのエラー通知が表示される。

**期待されるアクション**：成功通知を受け取った場合、ユーザーは商品がウィッシュリストから削除されたことを確認できる。失敗通知を受け取った場合、ユーザーはネットワーク接続を確認し、再度操作を試みることが期待される。

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（API応答後即時表示） |
| 優先度 | 中 |
| リトライ | なし |

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

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

## 通知テンプレート

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

| 項目 | 内容 |
|-----|------|
| タイトル（成功時） | "Success"（ローカライズ対応） |
| タイトル（失敗時） | "Failed"（ローカライズ対応） |
| 背景色（成功時） | Colors.green.shade400 |
| 背景色（失敗時） | Colors.red |
| アイコン（成功時） | Icons.check_circle_outline |
| アイコン（失敗時） | Icons.cancel_outlined |

### 本文テンプレート

```
成功時: {APIレスポンスのmessageフィールド}
失敗時: {APIレスポンスのerrorフィールド}
```

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| successMsg | 成功時のメッセージ | AddToCartModel.message | Yes |
| error | 失敗時のメッセージ | RemoveFromWishlistState.error | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | RemoveFromWishlistEvent発行 | API処理完了後 | ユーザーがウィッシュリスト解除ボタンをタップ |
| BLoC状態変化 | RemoveFromWishlistState.success | status == ProductStatus.success | API成功時 |
| BLoC状態変化 | RemoveFromWishlistState.fail | status == ProductStatus.fail | API失敗時 |

### 送信抑止条件

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

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[ユーザーがウィッシュリスト解除ボタンをタップ] --> B[RemoveFromWishlistEvent発行]
    B --> C[ProductScreenBLoC処理]
    C --> D[repository.removeItemFromWishlist API呼び出し]
    D --> E{APIレスポンス}
    E -->|status == true| F[RemoveFromWishlistState.success発行]
    E -->|status == false| G[RemoveFromWishlistState.fail発行]
    F --> H[isInWishlistフラグをfalseに更新]
    H --> I[ShowMessage.successNotification表示]
    G --> J[ShowMessage.errorNotification表示]
    I --> K[終了]
    J --> K
```

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

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| wishlist_items | ウィッシュリストアイテム | サーバー側で管理 |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| wishlist_items | DELETE | ウィッシュリストから商品を削除 |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| ネットワークエラー | インターネット接続なし | インターネット接続エラー通知を表示 |
| API失敗 | サーバーエラー等 | エラー通知を表示 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | なし |
| リトライ間隔 | - |
| リトライ対象エラー | - |

## 配信設定

### レート制限

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

### 配信時間帯

24時間対応

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

- ユーザー認証状態の確認必須
- API通信はHTTPSで暗号化

## 備考

- RemoveFromWishlistEventはAddToWishListProductEventとは別のイベントとして定義されている
- isInWishlistフラグがfalseに更新され、ハートアイコンの表示が変更される

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | product_page_state.dart | `lib/screens/product_screen/bloc/product_page_state.dart` | RemoveFromWishlistStateクラス（行65-75）の構造 |

**読解のコツ**: RemoveFromWishlistStateはAddToCartModelをresponseとして使用している点に注目。

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | product_screen.dart | `lib/screens/product_screen/view/product_screen.dart` | BlocConsumerのlistener部分（行176-181）でRemoveFromWishlistState処理を確認 |

**主要処理フロー**:
1. **行176**: `else if (state is RemoveFromWishlistState)` - 状態判定
2. **行177-178**: 失敗時のエラー通知表示
3. **行179-181**: 成功時の成功通知表示

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | product_page_bloc.dart | `lib/screens/product_screen/bloc/product_page_bloc.dart` | RemoveFromWishlistEvent処理（行104-128）のロジック |

**主要処理フロー**:
- **行104-128**: repository.removeItemFromWishlist呼び出し、isInWishlistフラグ更新

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

```
ProductScreen (product_screen.dart)
    │
    ├─ BlocConsumer listener (行154-196)
    │      │
    │      └─ RemoveFromWishlistState判定 (行176)
    │             ├─ ProductStatus.fail → ShowMessage.errorNotification
    │             └─ ProductStatus.success → ShowMessage.successNotification
    │
    └─ ProductScreenBLoc (product_page_bloc.dart)
           │
           └─ RemoveFromWishlistEvent処理 (行104-128)
                  │
                  └─ repository.removeItemFromWishlist
```

### データフロー図

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

ユーザー操作 ───▶ RemoveFromWishlistEvent ───▶ ProductScreenBLoc
(ハートタップ)              │                         │
                           │                         ▼
                           │              repository.removeItemFromWishlist
                           │                         │
                           │                         ▼
                           │              AddToCartModel (API Response)
                           │                         │
                           │                         ▼
                           │              RemoveFromWishlistState
                           │                         │
                           ▼                         ▼
              ShowMessage.successNotification / errorNotification
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| product_screen.dart | `lib/screens/product_screen/view/product_screen.dart` | ソース | 通知トリガー |
| product_page_bloc.dart | `lib/screens/product_screen/bloc/product_page_bloc.dart` | ソース | BLoC処理 |
| product_page_state.dart | `lib/screens/product_screen/bloc/product_page_state.dart` | ソース | 状態定義 |
| product_page_event.dart | `lib/screens/product_screen/bloc/product_page_event.dart` | ソース | イベント定義 |
| show_message.dart | `lib/widgets/show_message.dart` | ソース | 通知表示 |
