# 機能設計書 67-言語切替

## 概要

本ドキュメントは、言語切替機能の設計仕様を定義する。ユーザーがアプリの表示言語を変更し、選択した言語でUI全体を再表示する機能を提供する。

### 本機能の処理概要

**業務上の目的・背景**：グローバルなECサイトでは、多言語対応が顧客満足度とコンバージョン率向上に直結する。ユーザーは母国語でアプリを使用したいというニーズがあり、本機能により複数の言語オプションからユーザーが希望する言語を選択できる。

**機能の利用シーン**：
- 初回起動時にユーザーが希望する言語を設定したい場合
- 旅行先や移住により使用言語を変更したい場合
- 設定画面から言語オプションを変更する場合

**主要な処理内容**：
1. グローバルデータから利用可能な言語リストを取得
2. ユーザーが言語を選択するとSharedPreferencesに保存
3. Hiveキャッシュをクリア（カテゴリ、最近閲覧商品等）
4. アプリを再起動して新しい言語設定を反映

**関連システム・外部連携**：
- SharedPreferences（言語設定の永続化）
- Hive（キャッシュクリア）
- RestartWidget（アプリ再起動）

**権限による制御**：認証状態に関わらず、すべてのユーザーが利用可能。

## 関連画面

| 画面No | 画面名 | 関連種別 | 関連する操作・処理 |
|--------|--------|----------|------------------|
| 30 | 言語選択画面 | 主画面 | アプリの表示言語切替処理（選択後アプリ再起動） |

## 機能種別

設定変更処理（UPDATE操作）

## 入力仕様

### 入力パラメータ

| パラメータ名 | 型 | 必須 | 説明 | バリデーション |
|-------------|-----|-----|------|---------------|
| code | String | Yes | 言語コード（例: "en", "ja", "fr"） | 利用可能な言語リストに存在すること |
| name | String | Yes | 言語名（表示用） | - |

### 入力データソース

- GlobalData.languageData.localesから取得した言語リスト
- ユーザーによるリスト項目タップ

## 出力仕様

### 出力データ

| 項目名 | 型 | 説明 |
|--------|-----|------|
| selectedCode | String | 選択された言語コード |

### 出力先

- SharedPreferences（CustomerLanguage, LanguageName）
- GlobalData.locale
- アプリ再起動後のUI全体に反映

## 処理フロー

### 処理シーケンス

```
1. 画面初期化（initState）
   └─ GlobalData.languageData.localesから言語リストを取得
   └─ getCode()で現在の選択言語コードを取得
2. 言語リスト表示
   └─ ListView.builderで言語オプションを一覧表示
3. 言語選択（リスト項目タップ）
   └─ GlobalData.localeを更新
   └─ appStoragePref.setCustomerLanguageで言語コードを保存
   └─ appStoragePref.setLanguageNameで言語名を保存
4. キャッシュクリア
   └─ Hive.deleteBoxFromDisk("getCategoriesDrawerData")
   └─ Hive.deleteBoxFromDisk("recentProducts")
5. アプリ再起動
   └─ RestartWidget.restartApp(context)
   └─ スプラッシュ画面へ遷移
```

### フローチャート

```mermaid
flowchart TD
    A[画面表示] --> B[言語リスト取得]
    B --> C[現在選択言語の取得]
    C --> D[ListView.builder表示]
    D --> E[言語項目タップ]
    E --> F[GlobalData.locale更新]
    F --> G[SharedPreferences保存]
    G --> H[Hiveキャッシュクリア]
    H --> I[RestartWidget.restartApp]
    I --> J[スプラッシュ画面へ遷移]
    J --> K[新言語でアプリ再起動]
```

## ビジネスルール

### 業務ルール

| ルールNo | ルール名 | 内容 | 適用条件 |
|---------|---------|------|---------|
| BR-67-01 | デフォルト言語 | 未設定時は言語リストの最初の言語をデフォルトとする | 初回起動時 |
| BR-67-02 | キャッシュクリア | 言語変更時はカテゴリと最近閲覧商品のキャッシュをクリア | 言語選択時 |
| BR-67-03 | 即時反映 | 言語変更はアプリ再起動により即時反映 | 言語選択時 |
| BR-67-04 | ラジオボタン表示 | 現在選択中の言語はチェック済みラジオボタンで表示 | 常時 |

### 計算ロジック

該当なし

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

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

本機能はローカルストレージ（SharedPreferences、Hive）のみ操作する。バックエンドへのAPI呼び出しは行わない。

| 操作 | 対象ストレージ | 操作種別 | 概要 |
|-----|---------------|---------|------|
| 言語コード保存 | SharedPreferences | UPDATE | CustomerLanguageキーに言語コードを保存 |
| 言語名保存 | SharedPreferences | UPDATE | LanguageNameキーに言語名を保存 |
| キャッシュクリア | Hive | DELETE | getCategoriesDrawerData, recentProductsボックスを削除 |

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

該当なし（ローカルストレージのみ）

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| - | データ不存在 | GlobalData.languageDataがnull | 空のリスト表示 |
| - | ストレージエラー | SharedPreferences書き込み失敗 | エラーログ出力（UI通知なし） |
| - | キャッシュエラー | Hive削除失敗 | 処理継続（非クリティカル） |

### リトライ仕様

自動リトライは実装されていない。エラー発生時も処理は継続される。

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

ローカルストレージ操作のみのため、トランザクション制御は不要。

## パフォーマンス要件

- 言語リスト表示: 即時（キャッシュ済みデータ使用）
- 言語切替後の再起動: 2秒以内

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

- 認証不要で利用可能
- 言語設定はローカルに保存され、外部に送信されない
- APIリクエストのヘッダーにx-localeとして言語コードが含まれる

## 備考

- 言語リストはアプリ起動時にAPIから取得してGlobalDataに保存されている
- 言語変更後はスプラッシュ画面経由でホーム画面に戻る

---

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

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

### 推奨読解順序

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

言語データの構造を理解。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | currency_language_model.dart | `lib/data_model/currency_language_model.dart` | Localesクラスのcode、nameフィールド |

**読解のコツ**:
- CurrencyLanguageListがlocalesリストを保持
- 各LocalesにはcodeとnameがString型で格納

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

処理の起点となる画面ファイルを確認。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | language_view.dart | `lib/screens/language/language_view.dart` | Languageウィジェット、言語選択処理 |

**主要処理フロー**:
1. **14-15行目**: 状態変数（selectedCode、languages）の定義
2. **18-21行目**: initStateでGlobalData.languageData.localesから言語リストを取得
3. **31-81行目**: ListView.builderで言語リストを表示
4. **37-53行目**: onTapで言語選択処理（設定保存、キャッシュクリア、アプリ再起動）
5. **86-95行目**: getCodeで現在の選択言語コードを取得

#### Step 3: 設定保存処理を理解する

SharedPreferencesへの保存処理を確認。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | language_view.dart | `lib/screens/language/language_view.dart` | appStoragePref経由の設定保存 |

**主要処理フロー**:
- **38行目**: GlobalData.localeを更新
- **39行目**: appStoragePref.setCustomerLanguageで言語コードを保存
- **40行目**: GlobalData.localeを再取得（確認用）
- **41-42行目**: appStoragePref.setLanguageNameで言語名を保存

#### Step 4: アプリ再起動処理を理解する

アプリ再起動とキャッシュクリアの処理を確認。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 4-1 | language_view.dart | `lib/screens/language/language_view.dart` | Hiveキャッシュクリアとアプリ再起動 |

**主要処理フロー**:
- **46-47行目**: Hiveのキャッシュボックスを削除
- **50行目**: RestartWidget.restartApp(context)でアプリ再起動
- **51-52行目**: スプラッシュ画面へナビゲート

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

```
Language (language_view.dart)
    │
    ├─ initState
    │      ├─ GlobalData.languageData.locales取得
    │      └─ getCode()
    │
    └─ ListView.builder
           │
           └─ GestureDetector.onTap
                  │
                  ├─ GlobalData.locale = code
                  ├─ appStoragePref.setCustomerLanguage(code)
                  ├─ appStoragePref.setLanguageName(name)
                  │
                  ├─ Hive.deleteBoxFromDisk("getCategoriesDrawerData")
                  ├─ Hive.deleteBoxFromDisk("recentProducts")
                  │
                  └─ RestartWidget.restartApp(context)
                         │
                         └─ Navigator.pushNamedAndRemoveUntil(splash)
```

### データフロー図

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

GlobalData.languageData ───▶ 言語リスト取得 ───▶ ListView表示
        │
        ▼
言語項目タップ ───────────▶ GlobalData.locale更新
                                    │
                                    ▼
                          SharedPreferences保存
                                    │
                                    ▼
                          Hiveキャッシュクリア
                                    │
                                    ▼
                          RestartWidget.restartApp
                                    │
                                    ▼
                          スプラッシュ画面 ───▶ 新言語でアプリ表示
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| language_view.dart | `lib/screens/language/language_view.dart` | ソース | 言語選択画面 |
| currency_language_model.dart | `lib/data_model/currency_language_model.dart` | ソース | 言語・通貨データモデル |
| app_global_data.dart | `lib/utils/app_global_data.dart` | ソース | グローバルデータ管理 |
| app_storage_pref.dart | `lib/utils/app_storage_pref.dart` | ソース | SharedPreferencesラッパー |
| main.dart | `lib/main.dart` | ソース | RestartWidgetの定義 |
| splash_screen.dart | `lib/screens/splash_screen/view/splash_screen.dart` | ソース | 再起動後の遷移先 |
