# 機能設計書 38-カート情報ウィジェット

## 概要

本ドキュメントは、Shopwareストアフロントにおけるヘッダー領域のカートウィジェット表示機能の設計について記述する。

### 本機能の処理概要

本機能は、ページヘッダーに表示されるカートアイコンのバッジ（商品点数）やミニカート情報を更新するためのウィジェットを提供する。カート操作後にAjaxで呼び出され、ヘッダーのカート表示を最新状態に同期する。

**業務上の目的・背景**：ECサイトにおいて、カートの状態をリアルタイムで表示することは顧客体験向上に重要である。商品追加や削除後にページ全体をリロードすることなく、カートアイコンのバッジ数を更新することで、顧客にカートの状態を即座にフィードバックできる。また、カートが空の場合は204 No Contentを返却することで、フロントエンド側で適切なUI表示を制御できる。

**機能の利用シーン**：
- 商品をカートに追加した後のバッジ更新
- カートから商品を削除した後のバッジ更新
- 商品数量を変更した後のバッジ更新
- ページ読み込み後の初期表示同期

**主要な処理内容**：
1. カートデータの取得
2. カートが空かどうかの判定
3. 空の場合は204 No Content返却
4. オフキャンバスカートページローダーの呼び出し
5. カートウィジェットテンプレートのレンダリング

**関連システム・外部連携**：特になし

**権限による制御**：特になし（匿名ユーザーも利用可能）

## 関連画面

| 画面No | 画面名 | 関連種別 | 関連する操作・処理 |
|--------|--------|----------|------------------|
| 8 | オフキャンバスカート | 関連画面 | ヘッダーのカートアイコン更新（CheckoutController::info） |

## 機能種別

データ取得・表示（Read操作 / Ajax通信）

## 入力仕様

### 入力パラメータ

特になし（セッショントークンのみ）

### 入力データソース

- SalesChannelContext（セッショントークン）

## 出力仕様

### 出力データ

| 項目名 | 型 | 説明 |
|--------|-----|------|
| page | OffcanvasCartPage | カートページオブジェクト |
| page.cart | Cart | カートデータ |
| page.cart.lineItems | LineItemCollection | カート内商品一覧 |

または

| 項目名 | 型 | 説明 |
|--------|-----|------|
| (なし) | - | 204 No Content（カート空の場合） |

### 出力先

- HTMLフラグメント（@Storefront/storefront/layout/header/actions/cart-widget.html.twig）
- x-robots-tag: noindex ヘッダーを設定
- カート空の場合は204 No Contentレスポンス

## 処理フロー

### 処理シーケンス

```
1. リクエスト受信（Ajax）
   └─ CheckoutController::info()がXmlHttpRequestを受信
2. カートデータ取得
   └─ CartServiceでカートを取得
3. カート空判定
   └─ lineItemsのcount()が0以下かチェック
4. 空の場合
   └─ 204 No Contentを返却して終了
5. OffcanvasCartPageLoader呼び出し
   └─ オフキャンバスカートページのロードを開始
6. フック実行
   └─ CheckoutInfoWidgetLoadedHookを実行
7. テンプレートレンダリング
   └─ cart-widget.html.twigをレンダリング
8. noindexヘッダー設定
   └─ x-robots-tag: noindexを設定
```

### フローチャート

```mermaid
flowchart TD
    A[開始: info Ajax] --> B[CartService::getCart]
    B --> C{カート空?}
    C -->|Yes| D[204 No Content返却]
    C -->|No| E[OffcanvasCartPageLoader::load]
    E --> F[CheckoutInfoWidgetLoadedHook実行]
    F --> G[cart-widget.html.twigレンダリング]
    G --> H[x-robots-tag: noindex設定]
    H --> I[レスポンス返却]
    I --> J[終了]
    D --> J
```

## ビジネスルール

### 業務ルール

| ルールNo | ルール名 | 内容 | 適用条件 |
|---------|---------|------|---------|
| BR-38-01 | カート空判定 | lineItemsのcount()が0以下の場合は空と判定 | 常時 |
| BR-38-02 | 空カート応答 | カート空の場合は204 No Contentを返却 | カート空時 |
| BR-38-03 | SEOインデックス除外 | x-robots-tag: noindexを設定 | 常時 |
| BR-38-04 | Ajax専用 | XmlHttpRequestのみ対応 | 常時 |

### 計算ロジック

**カート空判定**:
```php
$cart->getLineItems()->count() <= 0
```
- LineItemCollectionのcount()メソッドで商品点数を取得
- 0以下の場合は空カートと判定

## データベース操作仕様

### 操作別データベース影響一覧

| 操作 | 対象テーブル | 操作種別 | 概要 |
|-----|-------------|---------|------|
| カート取得 | cart | SELECT | セッショントークンに紐づくカートを取得 |

### テーブル別操作詳細

#### cart

| 操作 | 項目（カラム名） | 更新値・取得条件 | 備考 |
|-----|-----------------|-----------------|------|
| SELECT | token, payload, line_items | token = {セッショントークン} | Redis使用時はRedisから取得 |

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| (なし) | - | カートが存在しない場合 | 空のカートとして処理、204返却 |

### リトライ仕様

特になし（読み取り専用処理のためリトライ不要）

## トランザクション仕様

読み取り専用処理のため、トランザクション制御なし

## パフォーマンス要件

- レスポンス時間: 100ms以内（ユーザー操作への即時フィードバック）
- カート空の場合は早期リターンで高速応答
- カートデータはRedis等でキャッシュ（設定による）

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

- セッショントークンによるカート分離
- XSS対策としてテンプレート側でエスケープ処理
- ウィジェットはnoindexを設定

## 備考

- 204 No Contentはボディなしのレスポンス
- フロントエンドJavaScriptで204の場合にバッジを非表示にする
- OffcanvasCartPageLoaderを再利用（共通化）

---

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

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

### 推奨読解順序

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

まず、カートウィジェットで使用されるデータ構造を理解することが重要。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | OffcanvasCartPage.php | `src/Storefront/Page/Checkout/Offcanvas/OffcanvasCartPage.php` | ページ構造（オフキャンバスと共通） |
| 1-2 | Cart.php | `src/Core/Checkout/Cart/Cart.php` | カートエンティティの構造 |
| 1-3 | LineItemCollection.php | `src/Core/Checkout/Cart/LineItem/LineItemCollection.php` | カート明細コレクション |

**読解のコツ**: infoメソッドはOffcanvasCartPageLoaderを再利用している。空カート判定はLineItemCollectionのcount()を使用。

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | CheckoutController.php | `src/Storefront/Controller/CheckoutController.php` | infoメソッドがエントリーポイント |

**主要処理フロー**:
1. **255-260行目**: ルート定義（/widgets/checkout/info, XmlHttpRequest専用）
2. **261行目**: infoメソッドの開始
3. **263行目**: CartServiceでカート取得
4. **264-266行目**: カート空判定と204返却
5. **268行目**: OffcanvasCartPageLoaderの呼び出し
6. **270行目**: CheckoutInfoWidgetLoadedHookの実行
7. **272-273行目**: テンプレートレンダリングとnoindexヘッダー設定

#### Step 3: 204 No Contentレスポンスを理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | CheckoutController.php | `src/Storefront/Controller/CheckoutController.php` | 空カート時の処理 |

**読解のコツ**: `new Response(null, Response::HTTP_NO_CONTENT)` で204レスポンスを生成。フロントエンドはこのステータスコードでバッジ表示を制御。

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

```
CheckoutController::info()
    │
    ├─ CartService::getCart() [カート取得]
    │      └─ cart テーブル / Redis
    │
    ├─ cart->getLineItems()->count() [空判定]
    │      └─ 0以下 → Response(null, 204)
    │
    ├─ OffcanvasCartPageLoader::load() [ページロード]
    │      │
    │      ├─ GenericPageLoader::load()
    │      │
    │      ├─ StorefrontCartFacade::get()
    │      │
    │      └─ ShippingMethodRoute::load()
    │
    ├─ hook() [CheckoutInfoWidgetLoadedHook]
    │
    └─ renderStorefront() [テンプレートレンダリング]
           └─ x-robots-tag: noindex
```

### データフロー図

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

セッショントークン ──────▶ CartService::getCart ────────▶ 判定
                              │
                              ▼
                    LineItemCollection.count()
                              │
                    ┌─────────┴─────────┐
                    ▼                   ▼
              count <= 0          count > 0
                    │                   │
                    ▼                   ▼
            Response(204)    OffcanvasCartPageLoader
                    │                   │
                    │                   ▼
                    │        cart-widget.html.twig
                    │                   │
                    │                   ▼
                    │         HTMLフラグメント
                    │        (noindexヘッダー)
                    │                   │
                    └─────────┬─────────┘
                              ▼
                        HTTPレスポンス
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| CheckoutController.php | `src/Storefront/Controller/CheckoutController.php` | コントローラー | HTTPリクエスト処理 |
| CartService.php | `src/Core/Checkout/Cart/SalesChannel/CartService.php` | サービス | カート取得 |
| OffcanvasCartPageLoader.php | `src/Storefront/Page/Checkout/Offcanvas/OffcanvasCartPageLoader.php` | ページローダー | ページデータ取得 |
| OffcanvasCartPage.php | `src/Storefront/Page/Checkout/Offcanvas/OffcanvasCartPage.php` | DTO | ページデータ構造 |
| Cart.php | `src/Core/Checkout/Cart/Cart.php` | エンティティ | カートデータ |
| LineItemCollection.php | `src/Core/Checkout/Cart/LineItem/LineItemCollection.php` | コレクション | カート明細コレクション |
| cart-widget.html.twig | `src/Storefront/Resources/views/storefront/layout/header/actions/cart-widget.html.twig` | テンプレート | カートウィジェットビュー |
| CheckoutInfoWidgetLoadedHook.php | `src/Storefront/Page/Checkout/Offcanvas/CheckoutInfoWidgetLoadedHook.php` | フック | 拡張ポイント |
