# バッチ設計書 8-build:esm

## 概要

本ドキュメントは、Decap CMSプロジェクトにおけるbuild:esmバッチのバッチ設計書である。package.jsonのscripts.build:esmで定義された、全パッケージのESM（ES Modules）形式ビルドを実行するバッチ処理について記述する。

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

本バッチは、Decap CMSモノレポ内の全パッケージに対して、ESM（ES Modules）形式のビルドをNx経由で実行するバッチである。`nx run-many -t build:esm`コマンドにより、全パッケージのbuild:esmタスクを依存関係順に実行する。

**業務上の目的・背景**：モダンなJavaScriptエコシステムでは、ESM形式がモジュールの標準的な配布形式となっている。Decap CMSの各パッケージをESM形式でビルドすることにより、webpack/rollup/vite等のバンドラーがツリーシェイキング（未使用コードの除去）を効果的に行えるようになり、最終的なバンドルサイズの削減に貢献する。本バッチはNo.7（build）の前段処理として呼び出される。

**バッチの実行タイミング**：No.7（build）の一部として自動実行される。単独で手動実行（npm run build:esm）も可能である。

**主要な処理内容**：
1. Nxによる全パッケージの依存関係解決
2. 各パッケージのbuild:esmタスクを依存順に実行
3. ESM形式のモジュールファイルをdist/esm/に出力

**前後の処理との関連**：No.7（build）の前段処理として呼び出される。Nxのキャッシュ設定（dependsOn: ["^build:esm"]）により、依存パッケージが先にビルドされる。後続のUMDビルド（nx run-many -t build）はESMビルドの完了後に実行される。

**影響範囲**：packages/配下の全パッケージのdist/esm/ディレクトリにESM形式のモジュールファイルが生成される。

## バッチ種別

ビルド（パッケージビルド - ESM出力）

## 実行スケジュール

| 項目 | 内容 |
|-----|------|
| 実行頻度 | 随時（手動またはbuildバッチから呼び出し） |
| 実行時刻 | 該当なし |
| 実行曜日 | 該当なし |
| 実行日 | 該当なし |
| トリガー | npm run build:esm（手動）/ npm run build（No.7から呼び出し）/ CI/CDワークフロー内ステップ |

## 実行条件

### 前提条件

| 条件 | 説明 |
|-----|------|
| Node.js実行環境 | Node.js（22.x以上推奨）がインストールされていること |
| npm依存関係 | npm ciまたはnpm installが完了していること |
| Nxの利用可能性 | nxコマンドが利用可能であること |
| ソースコードの存在 | packages/配下の各パッケージにsrcディレクトリが存在すること |

### 実行可否判定

特別な実行可否判定ロジックは存在しない。npm run build:esmコマンドの実行により即座にビルドが開始される。Nxのキャッシュが有効な場合、変更のないパッケージはキャッシュからの復元によりスキップされる。

## 入力仕様

### 入力パラメータ

| パラメータ名 | 型 | 必須 | デフォルト値 | 説明 |
|-------------|-----|-----|-------------|------|
| 該当なし | - | - | - | build:esmスクリプトには明示的なパラメータはない |

### 入力データソース

| データソース | 形式 | 説明 |
|-------------|------|------|
| packages/*/src/ | TypeScript/JavaScript | 各パッケージのソースコード |
| packages/*/package.json | JSON | 各パッケージのメタ情報 |
| nx.json | JSON | Nxの設定（キャッシュ、依存関係グラフ） |
| babel.config.js | JavaScript | Babel変換設定（ESMトランスパイル用） |

## 出力仕様

### 出力データ

| 出力先 | 形式 | 説明 |
|-------|------|------|
| packages/*/dist/esm/ | JavaScript（ESM） | ESM形式のモジュールファイル |

### 出力ファイル仕様

| 項目 | 内容 |
|-----|------|
| ファイル名 | ソースファイルに対応するESMモジュールファイル |
| 出力先 | packages/*/dist/esm/ |
| 文字コード | UTF-8 |
| 区切り文字 | 該当なし（JavaScriptファイル） |

## 処理フロー

### 処理シーケンス

```
1. npm run build:esm
   └─ nx run-many -t build:esm
2. Nxが全パッケージの依存関係を解析
   └─ dependsOn: ["^build:esm"]に基づく依存順の決定
3. 各パッケージのbuild:esmタスクを実行
   ├─ キャッシュヒットの場合はスキップ
   └─ キャッシュミスの場合はESMビルドを実行
4. ビルド成果物をdist/esm/に出力
```

### フローチャート

```mermaid
flowchart TD
    A[npm run build:esm] --> B[nx run-many -t build:esm]
    B --> C[全パッケージの依存関係解析]
    C --> D[依存順にビルドタスクを実行]
    D --> E{キャッシュヒット?}
    E -->|はい| F[キャッシュから復元]
    E -->|いいえ| G[ESMビルド実行]
    F --> H{全パッケージ完了?}
    G --> H
    H -->|いいえ| D
    H -->|はい| I{全ビルド成功?}
    I -->|成功| J[ビルド完了]
    I -->|失敗| K[ビルドエラー]
```

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

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

本バッチではデータベース操作は行わない。

| 処理 | 対象テーブル | 操作種別 | 概要 |
|-----|-------------|---------|------|
| 該当なし | 該当なし | 該当なし | 該当なし |

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

該当なし

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| - | コンパイルエラー | TypeScript/Babelの構文・型エラー | ソースコードを修正する |
| - | モジュール解決エラー | importパスが不正な場合 | インポートパスを修正する |
| - | 依存関係エラー | 依存パッケージのビルドが失敗した場合 | 先に依存パッケージのビルドエラーを修正する |

### リトライ仕様

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

### 障害時対応

ビルド失敗時は以下の手順で対応する：
1. Nxのビルドログでどのパッケージでエラーが発生したかを確認する
2. 依存パッケージのビルドエラーが原因の場合は、先にそのパッケージのエラーを修正する
3. npm run cleanでビルドキャッシュをクリアしてから再実行する

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

| 項目 | 内容 |
|-----|------|
| トランザクション範囲 | 該当なし（ファイルシステム操作のみ） |
| コミットタイミング | 該当なし |
| ロールバック条件 | npm run cleanで全ビルド成果物を削除可能 |

## パフォーマンス要件

| 項目 | 内容 |
|-----|------|
| 想定処理件数 | 全パッケージ（約30パッケージ）のESMビルド |
| 目標処理時間 | 明示的な上限なし（通常2-8分程度、キャッシュ利用時は短縮） |
| メモリ使用量上限 | 明示的な上限なし（デフォルトのNode.jsヒープサイズ） |

## 排他制御

明示的な排他制御は設定されていない。Nxがタスクの実行順序を管理し、依存関係に基づいて並列・直列実行を制御する。

## ログ出力

| ログ種別 | 出力タイミング | 出力内容 |
|---------|--------------|---------|
| タスク開始ログ | 各パッケージビルド開始時 | Nxのタスク実行状況 |
| キャッシュヒットログ | キャッシュ利用時 | キャッシュからの復元メッセージ |
| エラーログ | ビルドエラー時 | コンパイルエラーの詳細 |
| 完了ログ | 全パッケージビルド完了時 | Nxのタスク完了サマリー |

## 監視・アラート

| 監視項目 | 閾値 | アラート先 |
|---------|-----|----------|
| ビルド成功/失敗 | 失敗時 | コンソール出力 / CI/CDログ |

## 備考

- nx.jsonのtargetDefaultsでbuild:esmにcache: trueが設定されており、キャッシュが有効化されている
- dependsOn: ["^build:esm"]により、依存パッケージのESMビルドが先に実行される
- ESMビルドの具体的なツール（Babel CLI等）は各パッケージのpackage.jsonのbuild:esmスクリプトで定義される
- 本バッチはNo.7（build）の`npm run build:esm`部分に相当する
- Nxのキャッシュは.nx/cacheディレクトリに保存される
