# 通知設計書 14-ウェビナー招待

## 概要

本ドキュメントは、ウェビナーイベントへの招待メールの設計仕様を定義する。

### 本通知の処理概要

この通知は、Giselleが主催するウェビナー（オンラインセミナー）にユーザーを招待するマーケティングメールを送信する処理である。

**業務上の目的・背景**：ウェビナーを通じてユーザーにプロダクトの活用方法を教育し、エンゲージメントを高めることを目的としている。ウェビナーはユーザーとの直接的なコミュニケーションの機会であり、AIエージェントの設計・デプロイ・スケールの方法を学ぶことで、ユーザーの成功を支援する。また、質疑応答セッションを通じて、ユーザーの疑問を直接解決する機会を提供する。

**通知の送信タイミング**：ウェビナー開催日の数日〜1週間前に、マーケティングチームがキャンペーンを実行した際に送信される。リマインダーとして開催日前日に再送信することもある。

**通知の受信者**：Giselleにサインアップ済みの全ユーザー、または特定のセグメント（アクティブユーザー、特定の機能に興味を示したユーザー等）に送信される。

**通知内容の概要**：ウェビナーのタイトル、開催日時、概要説明、参加リンク（CTA）が含まれる。

**期待されるアクション**：受信者がメール内の「Join Event」ボタンをクリックしてウェビナーに参加登録、または当日参加すること。

## 通知種別

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

## 送信仕様

### 基本情報

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

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

マーケティングプラットフォームで管理されるメーリングリストに基づき送信。ウェビナーのテーマに関心があると思われるセグメントを優先的にターゲティングする。

## 通知テンプレート

### メール通知の場合

| 項目 | 内容 |
|-----|------|
| 送信元アドレス | noreply@giselles.ai（想定） |
| 送信元名称 | Giselle |
| 件名 | Join us for Building AI Agents with Giselle |
| 形式 | HTML |

### 本文テンプレート

```
[Giselleロゴ]

Let's grow together.
Become a Giselle Ambassador.

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

Hi {userName},

We're hosting a live webinar: "Building AI Agents with Giselle."

🗓️ Date: {webinarDate}
⏰ Time: {webinarTime}

Learn how to design, deploy, and scale AI agents — and get your
questions answered directly by our team.

[Join Event]

—
The Giselle Team
https://giselles.ai

[フッター]
```

### 添付ファイル

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

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| userName | ユーザー名（デフォルト: "there"） | ユーザーDB | No |
| webinarDate | ウェビナー開催日 | キャンペーン設定 | Yes |
| webinarTime | ウェビナー開催時間 | キャンペーン設定 | Yes |
| joinUrl | ウェビナー参加URL | キャンペーン設定 | 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 | 送信先メールアドレス | - |
| name | ユーザー名（パーソナライズ用） | - |

### 更新テーブル一覧

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

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

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

## エラー処理

### エラーケース一覧

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

### リトライ仕様

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

## 配信設定

### レート制限

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

### 配信時間帯

ウェビナー開催日の1週間前〜前日に送信。受信者のタイムゾーンを考慮し、業務時間内の送信を推奨。

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

- 配信停止リンクをフッターに含める
- TLS暗号化通信
- joinUrlは有効期限付きまたは認証付きリンクを推奨

## 備考

- EmailHeaderコンポーネントで「Let's grow together. Become a Giselle Ambassador.」という見出しを表示
- ウェビナーのテーマは"Building AI Agents with Giselle"として固定されているが、実際の運用では動的に設定可能
- 日時表示はAmerican English形式（例：January 15, 2025, 2:00 PM EST）

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | webinar-invitation.tsx | `apps/studio.giselles.ai/emails/marketing/campaigns/webinar-invitation.tsx` | 28-33行目：`WebinarInvitationEmailProps`インターフェースの定義 |

**読解のコツ**: webinarDate, webinarTimeが必須の日時情報であることに注目。

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

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

**主要処理フロー**:
1. **35-40行目**: Props受け取りとデフォルト値設定
2. **49-52行目**: EmailHeaderコンポーネントで見出し・サブ見出し設定
3. **57-80行目**: メール本文セクション
4. **70-72行目**: 「Join Event」CTAボタン

#### Step 3: CTAボタンを理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | webinar-invitation.tsx | `apps/studio.giselles.ai/emails/marketing/campaigns/webinar-invitation.tsx` | 70-72行目：Buttonコンポーネントの使用 |

**主要処理フロー**:
- **70行目**: `<Button href={joinUrl} style={button}>`でCTAボタンを実装

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

```
WebinarInvitationEmail (メインコンポーネント)
    │
    ├─ EmailHeader
    │      ├─ heading: "Let's grow together."
    │      └─ subheading: "Become a Giselle Ambassador."
    │
    ├─ Section (コンテンツ)
    │      ├─ Text ─── 挨拶（Hi {userName}）
    │      ├─ Text ─── ウェビナー説明
    │      ├─ Text ─── 日時表示（Date, Time）
    │      ├─ Text ─── 学習内容説明
    │      ├─ Button ─── Join Event CTA
    │      └─ Text ─── 署名
    │
    └─ EmailFooter ─── フッター部品
```

### データフロー図

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

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

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| webinar-invitation.tsx | `apps/studio.giselles.ai/emails/marketing/campaigns/webinar-invitation.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` | ソース | 共通スタイル・コンポーネントのエクスポート |
