# 通知設計書 19-マイルストーン祝福

## 概要

本ドキュメントは、ユーザーのマイルストーン達成を祝うメールの設計仕様を定義する。

### 本通知の処理概要

この通知は、Giselleコミュニティ全体のマイルストーン達成をユーザーに祝福し、感謝を伝えるスペシャルメールを送信する処理である。

**業務上の目的・背景**：コミュニティの成長と達成をユーザーと共有することで、ユーザーの帰属意識とエンゲージメントを高めることを目的としている。マイルストーン（例：10,000エージェント作成、1,200チーム参加など）は、プロダクトの成功とコミュニティの活性化を示す重要な指標であり、これを祝うことでユーザーがプロダクトの成功に貢献していることを実感させる。

**通知の送信タイミング**：特定のマイルストーンを達成した際に、マーケティングチームがキャンペーンを実行して送信される。定期的なイベントではなく、重要な節目のみ送信される。

**通知の受信者**：Giselleにサインアップ済みの全ユーザーに送信される。全員がマイルストーン達成に貢献したという感謝のメッセージとなる。

**通知内容の概要**：マイルストーンの数値、感謝のメッセージ、今後のビジョン、継続利用への誘導CTAが含まれる。視覚的に印象的なヒーロー画像を含む。

**期待されるアクション**：受信者がGiselleへの帰属意識を感じ、継続的な利用を続けること。「See What's Next」ボタンから最新情報を確認すること。

## 通知種別

メール（マーケティングメール / スペシャルメール）

## 送信仕様

### 基本情報

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

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

マーケティングプラットフォームで管理される全ユーザーリストに基づき送信。マイルストーン達成は全コミュニティの成果であるため、全員に送信。

## 通知テンプレート

### メール通知の場合

| 項目 | 内容 |
|-----|------|
| 送信元アドレス | noreply@giselles.ai（想定） |
| 送信元名称 | Giselle |
| 件名 | We've reached a new milestone - thanks to you |
| 形式 | HTML |

### 本文テンプレート

```
[Giselleロゴ]

[マイルストーン祝福ヒーロー画像]

We've Reached a New Milestone — Thanks to You.

10,000 agents created. 1,200 teams building.

What started as an idea became a growing movement — and you're
part of it.

Let's keep building the future of AI orchestration together.

[See What's Next →]

[フッター]
```

### 添付ファイル

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

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| seeWhatsNextUrl | 次のステップへのURL | 固定値（デフォルト: https://studio.giselles.ai） | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 手動操作 | マーケティングキャンペーン実行 | マイルストーン達成 | 特別な節目での送信 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 配信停止済みユーザー | マーケティングメールの配信停止ユーザーには送信しない |

## 処理フロー

### 送信フロー

```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 | 配信設定確認 | マーケティングメール配信可否 |

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

#### users

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

### 更新テーブル一覧

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

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

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

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| 送信失敗 | メールサーバー接続エラー | リトライ処理 |
| 画像読み込みエラー | ヒーロー画像URL無効 | フォールバック処理 |
| テンプレートエラー | 必須変数の欠落 | エラーログ記録 |

### リトライ仕様

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

## 配信設定

### レート制限

| 項目 | 内容 |
|-----|------|
| 1分あたり上限 | メールサービスプロバイダーの制限に準拠 |
| 1日あたり上限 | 全ユーザー数（一斉送信） |

### 配信時間帯

特別な祝賀メールのため、受信者のタイムゾーンを考慮した最適な時間帯に送信。週末や祝日を避けることを推奨。

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

- 配信停止リンクをフッターに含める
- TLS暗号化通信

## 備考

- ヒーロー画像（milestone-celebration-1.jpg）で視覚的なインパクトを提供
- h1スタイルで祝福メッセージを強調
- 具体的な数値（10,000 agents, 1,200 teams）をハードコードしているが、実運用では動的に設定可能にすることを検討
- 署名なし（シンプルな構成）

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | milestone-celebration.tsx | `apps/studio.giselles.ai/emails/marketing/special/milestone-celebration.tsx` | 29-31行目：`MilestoneCelebrationEmailProps`インターフェースの定義 |

**読解のコツ**: 最小限の1プロパティ構成（seeWhatsNextUrl）で、マイルストーン数値がテンプレート内にハードコードされていることに注目。

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | milestone-celebration.tsx | `apps/studio.giselles.ai/emails/marketing/special/milestone-celebration.tsx` | 33-79行目：メインコンポーネントの構造 |

**主要処理フロー**:
1. **33-35行目**: Props受け取りとデフォルト値設定
2. **36行目**: ヒーロー画像URL取得
3. **46-53行目**: ヒーロー画像セクション
4. **54-71行目**: コンテンツセクション
5. **68-70行目**: 「See What's Next」CTAボタン

#### Step 3: メッセージ構造を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | milestone-celebration.tsx | `apps/studio.giselles.ai/emails/marketing/special/milestone-celebration.tsx` | 55-67行目：祝福メッセージの構成 |

**主要処理フロー**:
- **55-57行目**: h1スタイルで祝福見出し
- **58-60行目**: 具体的なマイルストーン数値
- **61-63行目**: コミュニティへの感謝メッセージ
- **64-66行目**: 今後のビジョン

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

```
MilestoneCelebrationEmail (メインコンポーネント)
    │
    ├─ getEmailAssetUrl() ─── ヒーロー画像URL生成
    │
    ├─ EmailHeader ─── ヘッダー部品（ロゴのみ）
    │
    ├─ Section (imageSection)
    │      └─ Img ─── マイルストーン祝福ヒーロー画像
    │
    ├─ Section (コンテンツ)
    │      ├─ Heading (h1) ─── 祝福見出し
    │      ├─ Text ─── マイルストーン数値
    │      ├─ Text ─── 感謝メッセージ
    │      ├─ Text ─── 今後のビジョン
    │      └─ Button ─── See What's Next CTA
    │
    └─ EmailFooter ─── フッター部品
```

### データフロー図

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

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

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| milestone-celebration.tsx | `apps/studio.giselles.ai/emails/marketing/special/milestone-celebration.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` | ソース | 共通スタイル・コンポーネントのエクスポート |
| milestone-celebration-1.jpg | `（アセットディレクトリ）` | 画像 | マイルストーン祝福ヒーロー画像 |
