# バッチ設計書 9-build:browser

## 概要

本ドキュメントは、Cakefileに定義された `build:browser` タスクの設計仕様を記述したものです。ビルド済みのCoffeeScriptコンパイラをブラウザ用の単一ファイルにマージします。

### 本バッチの処理概要

`cake build:browser` コマンドは、lib/coffeescript/配下のコンパイラモジュールをブラウザで動作する単一のJavaScriptファイルにバンドルします。レガシーブラウザ向けとモダンブラウザ（ES modules対応）向けの2種類のファイルを生成します。

**業務上の目的・背景**：CoffeeScriptをブラウザ環境で使用するためには、Node.jsのモジュールシステム（CommonJS）に依存しないスタンドアロンのコンパイラが必要です。このタスクは、複数のモジュールファイルを1つのファイルにバンドルし、さらにBabelでトランスパイル・ミニファイすることで、ブラウザで直接実行可能なコンパイラを生成します。レガシー版はAMD/グローバル変数として公開され、モダン版はES modulesとしてexportされます。

**バッチの実行タイミング**：随時（手動実行）。`build` タスク実行後、ブラウザ版が必要な場合に実行します。`release` タスクの一部としても呼び出されます。

**主要な処理内容**：
1. package.jsonを埋め込み用に読み込み
2. 各コンパイラモジュール（helpers, rewriter, lexer等）を連結
3. 簡易的なrequire関数を含むラッパーコードで包む
4. Babelでトランスパイル・ミニファイ
5. レガシー版（IIFE + AMD対応）を生成
6. モダン版（ES modules）を生成
7. docs/vX/ および lib/ 配下に出力

**前後の処理との関連**：`build` タスクの後に実行する必要があります。`release` タスクおよび `build:browser:full` タスクの一部として呼び出されます。

**影響範囲**：以下の4つのディレクトリにcoffeescript.jsを生成します。
- docs/vX/browser-compiler-legacy/
- docs/vX/browser-compiler-modern/
- lib/coffeescript-browser-compiler-legacy/
- lib/coffeescript-browser-compiler-modern/

## バッチ種別

ビルド処理 / バンドル生成

## 実行スケジュール

| 項目 | 内容 |
|-----|------|
| 実行頻度 | 随時 |
| 実行時刻 | なし（手動実行） |
| 実行曜日 | なし |
| 実行日 | なし |
| トリガー | 手動 / releaseタスク / build:browser:fullタスク |

## 実行条件

### 前提条件

| 条件 | 説明 |
|-----|------|
| Node.js 6以上 | ビルド実行に必要なランタイム |
| @babel/coreモジュール | トランスパイルに必要（devDependencies） |
| @babel/preset-envモジュール | トランスパイルに必要（devDependencies） |
| babel-preset-minifyモジュール | ミニファイに必要（devDependencies） |
| ビルド済みコンパイラ | lib/coffeescript/配下のJSファイル |

### 実行可否判定

1. Node.jsランタイムの存在確認
2. Babelモジュールのインストール確認
3. lib/coffeescript/配下のファイル存在確認

## 入力仕様

### 入力パラメータ

| パラメータ名 | 型 | 必須 | デフォルト値 | 説明 |
|-------------|-----|-----|-------------|------|
| なし | - | - | - | cake build:browserは引数を受け付けません |

### 入力データソース

| データソース | 形式 | 説明 |
|-------------|------|------|
| package.json | JSON | バージョン情報等 |
| lib/coffeescript/helpers.js | JavaScript | ヘルパー関数モジュール |
| lib/coffeescript/rewriter.js | JavaScript | トークンリライターモジュール |
| lib/coffeescript/lexer.js | JavaScript | レキサーモジュール |
| lib/coffeescript/parser.js | JavaScript | パーサーモジュール |
| lib/coffeescript/scope.js | JavaScript | スコープ管理モジュール |
| lib/coffeescript/nodes.js | JavaScript | ASTノードモジュール |
| lib/coffeescript/sourcemap.js | JavaScript | ソースマップモジュール |
| lib/coffeescript/coffeescript.js | JavaScript | メインコンパイラモジュール |
| lib/coffeescript/browser.js | JavaScript | ブラウザ向けエントリポイント |

## 出力仕様

### 出力データ

| 出力先 | 形式 | 説明 |
|-------|------|------|
| docs/vX/browser-compiler-legacy/coffeescript.js | JavaScript | レガシーブラウザ向け（IIFE + AMD） |
| docs/vX/browser-compiler-modern/coffeescript.js | JavaScript | モダンブラウザ向け（ES modules） |
| lib/coffeescript-browser-compiler-legacy/coffeescript.js | JavaScript | レガシーブラウザ向け（npm配布用） |
| lib/coffeescript-browser-compiler-modern/coffeescript.js | JavaScript | モダンブラウザ向け（npm配布用） |

### 出力ファイル仕様

| 項目 | 内容 |
|-----|------|
| ファイル名 | coffeescript.js |
| 出力先 | 上記4ディレクトリ |
| 文字コード | UTF-8 |
| 区切り文字 | なし |
| ヘッダー | CoffeeScript Compiler vX.X.X + 著作権表示 |

## 処理フロー

### 処理シーケンス

```
1. cake build:browserコマンド実行
   └─ Cakefileのbuild:browserタスクを呼び出し
2. package.jsonの埋め込み
   └─ require['../../package.json']として登録
3. モジュールの連結
   └─ helpers, rewriter, lexer, parser, scope, nodes, sourcemap, coffeescript, browserの順
   └─ 各モジュールを即時関数でラップ
4. CoffeeScriptオブジェクトの構築
   └─ 簡易require関数を含むラッパーで包む
5. レガシー版の生成
   └─ IIFE形式でroot.CoffeeScriptに代入
   └─ AMDサポート（define関数）
   └─ transpile()でBabelトランスパイル
6. モダン版の生成
   └─ export default CoffeeScript
   └─ 名前付きexport（VERSION, compile, eval, load, run, runScripts）
   └─ transpile()でBabelトランスパイル（sourceType: 'module'）
7. 出力ディレクトリの作成
   └─ fs.mkdirSyncで必要なディレクトリを作成
8. ファイル書き出し
   └─ ヘッダーを付与してcoffeescript.jsを書き出し
```

### フローチャート

```mermaid
flowchart TD
    A[cake build:browser] --> B[package.json読み込み]
    B --> C[モジュール連結]
    C --> D[helpers]
    D --> E[rewriter]
    E --> F[lexer]
    F --> G[parser]
    G --> H[scope]
    H --> I[nodes]
    I --> J[sourcemap]
    J --> K[coffeescript]
    K --> L[browser]
    L --> M[CoffeeScriptオブジェクト構築]
    M --> N[レガシー版生成]
    N --> O[transpile: IIFE + AMD]
    O --> P[モダン版生成]
    P --> Q[transpile: ES modules]
    Q --> R[出力ディレクトリ作成]
    R --> S[docs/vX/browser-compiler-legacy/]
    S --> T[docs/vX/browser-compiler-modern/]
    T --> U[lib/coffeescript-browser-compiler-legacy/]
    U --> V[lib/coffeescript-browser-compiler-modern/]
    V --> W[coffeescript.js書き出し]
```

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

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

本バッチはデータベース操作を行いません。

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

該当なし

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| 1 | 依存エラー | Babelモジュールが未インストール | npm install |
| 1 | ファイルエラー | lib/coffeescript/配下のファイルがない | cake buildを先に実行 |
| 1 | トランスパイルエラー | Babelでの変換に失敗 | ソースコードを確認 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | なし |
| リトライ間隔 | なし |
| リトライ対象エラー | なし |

### 障害時対応

- Babelエラー発生時：Babelの設定と依存関係を確認
- ファイルが存在しない場合：`cake build` を実行してコンパイラをビルド
- 出力ディレクトリエラー：ディレクトリの権限を確認

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

| 項目 | 内容 |
|-----|------|
| トランザクション範囲 | なし |
| コミットタイミング | なし |
| ロールバック条件 | なし |

## パフォーマンス要件

| 項目 | 内容 |
|-----|------|
| 想定処理件数 | 4ファイル出力 |
| 目標処理時間 | 数秒 |
| メモリ使用量上限 | Node.jsデフォルト制限に従う |

## 排他制御

- 同時実行は推奨されない（出力ファイルの競合の可能性）

## ログ出力

| ログ種別 | 出力タイミング | 出力内容 |
|---------|--------------|---------|
| なし | - | build:browserタスク自体はログを出力しない |

## 監視・アラート

| 監視項目 | 閾値 | アラート先 |
|---------|-----|----------|
| なし | なし | なし |

## 備考

- 環境変数でトランスパイル動作を制御可能：
  - `MINIFY=false`: ミニファイを無効化
  - `TRANSFORM=false`: Babelトランスパイルを無効化
- majorVersionはCoffeeScript.VERSIONから動的に取得されます（例：2.7.0 → 2）
- レガシー版はIIFE形式で、グローバル変数`CoffeeScript`またはAMDモジュールとして公開
- モダン版はES modulesとして、default exportとnamed exportsの両方を提供
- 出力ファイルにはヘッダーコメント（バージョン、著作権、ライセンス）が含まれます
- package.jsonのbrowserフィールドはlegacy版を、moduleフィールドはmodern版を参照します
- @babel/preset-envのmodulesオプションはnoに設定（モジュール変換を無効化）
- babel-preset-minifyのmangle, evaluate, removeUndefinedオプションは無効化されています
