# 通知設計書 16-フィードバック調査

## 概要

本ドキュメントは、ユーザーフィードバックを収集するための調査メールの設計仕様を定義する。

### 本通知の処理概要

この通知は、ユーザーからフィードバックを収集し、プロダクト改善に活用するためのマーケティングメールを送信する処理である。

**業務上の目的・背景**：ユーザーの声を直接収集することで、プロダクトの改善点を特定し、次のリリースに反映させることを目的としている。ユーザーの満足度、機能要望、不満点などを把握することで、プロダクトの方向性を適切に調整できる。また、フィードバックを求めることでユーザーとの関係性を強化し、プロダクト開発への参加意識を醸成する。

**通知の送信タイミング**：定期的なフィードバック収集（月次/四半期）、または特定のリリース後にマーケティングチームがキャンペーンを実行した際に送信される。

**通知の受信者**：Giselleをアクティブに利用しているユーザーに送信される。新規ユーザーよりも一定期間の利用経験があるユーザーを優先することが推奨される。

**通知内容の概要**：フィードバックの重要性の説明、所要時間（30秒）の明示、フィードバックフォームへのCTAが含まれる。

**期待されるアクション**：受信者が「Share Feedback」ボタンをクリックしてフィードバックフォームに回答すること。

## 通知種別

メール（マーケティングメール）

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 非同期（バッチ送信） |
| 優先度 | 低〜中 |
| リトライ | 有・3回 |

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

マーケティングプラットフォームで管理されるメーリングリストに基づき送信。アクティブユーザーを優先的にターゲティングする。

## 通知テンプレート

### メール通知の場合

| 項目 | 内容 |
|-----|------|
| 送信元アドレス | noreply@giselles.ai（想定） |
| 送信元名称 | Giselle |
| 件名 | We'd love your feedback |
| 形式 | HTML |

### 本文テンプレート

```
[Giselleロゴ]

We'd love your feedback.
Your thoughts help us make Giselle better.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Hi {userName},

We're collecting quick feedback from builders like you.

It only takes 30 seconds — and helps shape our next release.

[Share Feedback]

Thanks for being part of the journey.
—
The Giselle Team

[フッター]
```

### 添付ファイル

| ファイル名 | 形式 | 条件 | 説明 |
|----------|------|------|------|
| なし | - | - | 添付ファイルなし |

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| userName | ユーザー名（デフォルト: "there"） | ユーザーDB | No |
| surveyUrl | フィードバックフォームURL | 固定値（デフォルト: https://giselles.ai/feedback） | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 手動操作 | マーケティングキャンペーン実行 | 対象ユーザーリストが存在 | フィードバック調査送信 |
| スケジュール | 月次/四半期の定期タイミング | 事前設定されたスケジュール | 定期フィードバック収集 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 配信停止済みユーザー | マーケティングメールの配信停止ユーザーには送信しない |
| 直近でフィードバック依頼済み | 過去30日以内にフィードバック依頼を受信したユーザーには送信しない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[フィードバック調査キャンペーン開始] --> B[対象ユーザーリスト取得]
    B --> C[配信停止・直近送信済みユーザー除外]
    C --> D[テンプレート変数セット]
    D --> E[Reactメールコンポーネントレンダリング]
    E --> F[メール送信サービスへ送信]
    F --> G{送信結果}
    G -->|成功| H[送信ログ記録]
    G -->|失敗| I[リトライ処理]
    H --> J[終了]
    I --> J
```

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

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| users | ユーザー情報取得 | メールアドレス、名前 |
| email_preferences | 配信設定確認 | マーケティングメール配信可否 |
| email_send_logs | 直近送信確認 | 重複送信防止 |

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

#### users

| 参照項目（カラム名） | 用途 | 取得条件 |
|-------------------|------|---------|
| email | 送信先メールアドレス | アクティブユーザー |
| name | ユーザー名（パーソナライズ用） | - |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| email_send_logs | INSERT | 送信履歴の記録 |

#### 送信ログテーブル

| 操作 | 項目（カラム名） | 更新値 | 備考 |
|-----|-----------------|-------|------|
| INSERT | email_type | 'feedback_survey' | 通知種別 |
| INSERT | recipient_email | {送信先} | 受信者メール |
| INSERT | sent_at | CURRENT_TIMESTAMP | 送信日時 |
| INSERT | status | 'sent' / 'failed' | 送信結果 |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| 送信失敗 | メールサーバー接続エラー | リトライ処理 |
| テンプレートエラー | 必須変数の欠落 | エラーログ記録 |
| 宛先不正 | 無効なメールアドレス | スキップしてログ記録 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 3回 |
| リトライ間隔 | 指数バックオフ |
| リトライ対象エラー | 一時的なサーバーエラー |

## 配信設定

### レート制限

| 項目 | 内容 |
|-----|------|
| 1分あたり上限 | メールサービスプロバイダーの制限に準拠 |
| 1日あたり上限 | キャンペーン設定による |

### 配信時間帯

ユーザーの回答率が高いとされる平日の業務時間内に送信することを推奨。

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

- 配信停止リンクをフッターに含める
- TLS暗号化通信
- フィードバックデータは適切に保護・管理

## 備考

- 「30 seconds」という所要時間を明示して回答のハードルを下げる
- シンプルな構成で、フィードバック収集に集中させる設計
- 署名が他のメールと異なり「Thanks for being part of the journey.」で始まる

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | feedback-survey.tsx | `apps/studio.giselles.ai/emails/marketing/campaigns/feedback-survey.tsx` | 26-29行目：`FeedbackSurveyEmailProps`インターフェースの定義 |

**読解のコツ**: 最小限の2プロパティ構成（userName, surveyUrl）で、シンプルさを重視していることに注目。

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | feedback-survey.tsx | `apps/studio.giselles.ai/emails/marketing/campaigns/feedback-survey.tsx` | 31-76行目：メインコンポーネントの構造 |

**主要処理フロー**:
1. **31-34行目**: Props受け取りとデフォルト値設定
2. **43-46行目**: EmailHeaderコンポーネントでheading/subheading設定
3. **50-58行目**: メール本文（所要時間30秒を強調）
4. **59-61行目**: 「Share Feedback」CTAボタン

#### Step 3: EmailHeaderの活用を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | feedback-survey.tsx | `apps/studio.giselles.ai/emails/marketing/campaigns/feedback-survey.tsx` | 43-46行目：heading/subheadingの設定 |
| 3-2 | email-header.tsx | `apps/studio.giselles.ai/emails/components/email-header.tsx` | EmailHeaderPropsの構造 |

**主要処理フロー**:
- **43-44行目**: `heading="We'd love your feedback."`
- **45行目**: `subheading="Your thoughts help us make Giselle better."`

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

```
FeedbackSurveyEmail (メインコンポーネント)
    │
    ├─ EmailHeader
    │      ├─ heading: "We'd love your feedback."
    │      └─ subheading: "Your thoughts help us make Giselle better."
    │
    ├─ Section (コンテンツ)
    │      ├─ Text ─── 挨拶・説明（Hi {userName}, 30 seconds）
    │      ├─ Button ─── Share Feedback CTA
    │      └─ Text ─── 署名（Thanks for being part of the journey.）
    │
    └─ EmailFooter ─── フッター部品
```

### データフロー図

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

キャンペーン設定  ───▶  FeedbackSurveyEmail        ───▶  HTMLメール
├── userName                 コンポーネント                    │
└── surveyUrl                      │                          │
                                   ▼                          │
                          React Email レンダリング ────────────┘
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| feedback-survey.tsx | `apps/studio.giselles.ai/emails/marketing/campaigns/feedback-survey.tsx` | ソース | メインテンプレートコンポーネント |
| email-header.tsx | `apps/studio.giselles.ai/emails/components/email-header.tsx` | ソース | 共通ヘッダーコンポーネント |
| email-footer.tsx | `apps/studio.giselles.ai/emails/components/email-footer.tsx` | ソース | 共通フッターコンポーネント |
| index.ts | `apps/studio.giselles.ai/emails/components/index.ts` | ソース | 共通スタイル・コンポーネントのエクスポート |
