# 通知設計書 12-変更履歴告知

## 概要

本ドキュメントは、Giselleプロダクトの変更履歴（Changelog）をユーザーに通知するメールの設計仕様を定義する。

### 本通知の処理概要

この通知は、Giselleに複数の改善や修正がリリースされた際に、ユーザーに対してプロダクトの変更内容をまとめて告知するマーケティングメールを送信する処理である。

**業務上の目的・背景**：定期的なプロダクト改善をユーザーに周知することで、プロダクトの継続的な進化を伝え、ユーザーの信頼とエンゲージメントを維持することを目的としている。新機能リリースとは異なり、改善・バグ修正・UI調整など複数の小規模な変更をまとめて伝えることで、プロダクトチームの継続的な努力をアピールできる。

**通知の送信タイミング**：週次または月次のスケジュール、または重要な改善がまとまった時点でマーケティングチームがキャンペーンを実行した際に送信される。

**通知の受信者**：Giselleにサインアップ済みの全ユーザー、またはアクティブユーザーセグメントに送信される。

**通知内容の概要**：最近のプロダクト変更点（パフォーマンス改善、安定性向上、UIポリッシュなど）のサマリーと、詳細なChangelogへのリンクが含まれる。「Giselle Times」新聞スタイルのデザインを採用。

**期待されるアクション**：受信者がChangelogページを閲覧し、プロダクトの改善内容を理解すること。フィードバックの提供も歓迎される。

## 通知種別

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

## 送信仕様

### 基本情報

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

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

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

## 通知テンプレート

### メール通知の場合

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

### 本文テンプレート

```
[Giselle Timesヘッダーバナー]

©️2025 Giselle | PRODUCT UPDATE | {date}

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

Performance Up, Latency Down.

This week's rollout brings a faster, cleaner, more stable
Giselle Studio.

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

We've just shipped a new round of improvements and fixes
across Giselle Studio:

• Faster agent deployment and improved queue management
• Enhanced model connection stability
• UI polish in Node Builder (dark mode + better tooltips)

[オプション: スクリーンショット画像]

Read the full changelog → [View Updates]

As always, your feedback helps us refine Giselle.

—
The Giselle Team
https://giselles.ai

[フッター]
```

### 添付ファイル

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

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| userName | ユーザー名（未使用、デフォルト: "there"） | ユーザーDB | No |
| date | 更新日 | キャンペーン設定または自動生成 | Yes |
| screenshotUrl | スクリーンショット画像URL | キャンペーン設定 | No |
| viewChangelogUrl | ChangelogページURL | 固定値（デフォルト: https://giselles.ai/changelog） | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 手動操作 | マーケティングキャンペーン実行 | Changelogにまとまった変更がある | 週次/月次のまとめ送信 |
| スケジュール | 定期送信設定 | 前回送信から一定期間経過 | 定期的なプロダクトアップデート告知 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 配信停止済みユーザー | マーケティングメールの配信停止ユーザーには送信しない |
| 直近で同様のメール受信 | 過去7日以内にプロダクトアップデートメールを受信したユーザーには送信しない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[キャンペーン開始/スケジュール実行] --> B[対象ユーザーリスト取得]
    B --> C[配信抑止条件チェック]
    C --> D[テンプレート変数セット]
    D --> E[スクリーンショット有無確認]
    E -->|有| F[画像付きテンプレート]
    E -->|無| G[テキストのみテンプレート]
    F --> H[Reactメールコンポーネントレンダリング]
    G --> H
    H --> I[メール送信サービスへ送信]
    I --> J{送信結果}
    J -->|成功| K[送信ログ記録]
    J -->|失敗| L[リトライ処理]
    K --> M[終了]
    L --> M
```

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

### 参照テーブル一覧

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

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

#### users

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

### 更新テーブル一覧

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

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

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

## エラー処理

### エラーケース一覧

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

### リトライ仕様

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

## 配信設定

### レート制限

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

### 配信時間帯

定期送信の場合、平日の業務時間帯（受信者のタイムゾーン考慮）に送信することを推奨。

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

- 配信停止リンクをフッターに含める
- 個人情報を本文に含めない設計
- TLS暗号化通信

## 備考

- screenshotUrlはオプショナルで、条件付きレンダリングで対応
- Giselle Timesの新聞スタイルデザインで統一感を確保

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | changelog-announcement.tsx | `apps/studio.giselles.ai/emails/marketing/product-updates/changelog-announcement.tsx` | 31-36行目：`ChangelogAnnouncementEmailProps`インターフェースの定義 |

**読解のコツ**: screenshotUrlがオプショナルプロパティであることに注目。条件付きレンダリングの判断基準となる。

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | changelog-announcement.tsx | `apps/studio.giselles.ai/emails/marketing/product-updates/changelog-announcement.tsx` | 38-140行目：メインコンポーネントの構造 |

**主要処理フロー**:
1. **38-47行目**: Props受け取りとデフォルト値設定
2. **48行目**: ヘッダーバナー画像URL取得
3. **104-113行目**: screenshotUrlの条件付きレンダリング

#### Step 3: 条件付きレンダリングを理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | changelog-announcement.tsx | `apps/studio.giselles.ai/emails/marketing/product-updates/changelog-announcement.tsx` | 104-113行目：スクリーンショット画像の条件表示 |

**主要処理フロー**:
- **104行目**: `{screenshotUrl && (...)}` で画像の条件付きレンダリング

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

```
ChangelogAnnouncementEmail (メインコンポーネント)
    │
    ├─ getEmailAssetUrl() ─── ヘッダーバナー画像URL生成
    │
    ├─ EmailHeader ─── ヘッダー部品（ロゴのみ）
    │
    ├─ Section (条件付き)
    │      └─ Img ─── スクリーンショット画像（オプション）
    │
    └─ EmailFooter ─── フッター部品
```

### データフロー図

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

キャンペーン設定  ───▶  ChangelogAnnouncementEmail  ───▶  HTMLメール
├── date                     コンポーネント                    │
├── screenshotUrl                  │                          │
│   (optional)                     ▼                          │
└── viewChangelogUrl    条件付きレンダリング   ───────────────┘
                        (screenshotUrlの有無)
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| changelog-announcement.tsx | `apps/studio.giselles.ai/emails/marketing/product-updates/changelog-announcement.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` | ソース | 共通フッターコンポーネント |
| giselletimes.png | `（アセットディレクトリ）` | 画像 | Giselle Timesヘッダーバナー |
