generating-slides

name: generating-slides description: インセプションデッキの Markdown ドキュメントから PowerPoint スライド（.pptx）を生成。pptxgenjs を使用し、テンプレートのスライド構成・テーマに準拠した 12 枚構成のプレゼンテーションを出力。スライド生成やプレゼンテーション作成時に使用。

スライド生成

インセプションデッキの Markdown ドキュメントから、pptxgenjs を使用して PowerPoint スライド（.pptx）を生成します。テンプレート docs/template/インセプションデッキ.pptx のスライド構成に準拠した 12 枚構成のプレゼンテーションを出力します。

Instructions

1. 参照ドキュメント

@docs/template/インセプションデッキ.pptx - スライド構成のリファレンス（15 枚構成、4:3、テーマカラー・フォント）

2. 生成スクリプト

@.claude/scripts/generate-inception-deck.mjs - スライド生成スクリプト（内容の編集は可能）

3. 入力

@docs/analysis/inception-deck.md - インセプションデッキ（analyzing-inception-deck の成果物）
@docs/analysis/business_architecture.md - ビジネスアーキテクチャ分析書（補足情報）

4. 成果物

@docs/analysis/slide/xxxxx_v0.1.0.pptx - 生成された PowerPoint スライド

5. 作業内容

前提条件の確認

Node.js がインストールされていること
pptxgenjs パッケージがインストールされていること（未インストール時は npm install pptxgenjs）

スライド生成の実行

node .claude/scripts/generate-inception-deck.mjs

スライド構成（12 枚）

テンプレートのインセプションデッキ構成に準拠した以下の 12 枚を生成する。

#	スライドタイトル	テンプレート対応	データソース
1	タイトル	Slide 2: プロジェクト名	プロジェクト基本情報
2	我われはなぜここにいるのか	Slide 3: なぜここにいるのか	なぜやるのか？
3	エレベーターピッチ	Slide 4: エレベーターピッチ	どんなビジョンなのか？
4	どんな価値をもたらすのか？	Slide 5: パッケージデザイン	どんな価値をもたらすのか？
5	やらないことリスト	Slide 6: やらないことリスト	スコープの範囲はどこか？
6	プロジェクトコミュニティ	Slide 7: プロジェクトコミュニティ	主なステークホルダーは？
7	技術的な解決策の概要	Slide 8: 技術的な解決策	基本的な解決策
8	夜も眠れなくなるような問題	Slide 9: 夜も眠れない問題	主なリスクは何か？
9	俺たちの "A チーム"	Slide 10: A チーム	どのくらい作業があり費用はいくらか？
10	期間を見極める	Slide 11: 期間を見極める	初回リリースはいつか？
11	トレードオフ・スライダー	Slide 12: トレードオフ	トレードオフにどう向き合うか？
12	初回のリリースに必要なもの	Slide 13: 初回リリース	MVP スコープ・リリース戦略

テーマ設定

テンプレートから抽出したテーマに準拠する。

フォント: Yu Gothic（游ゴシック）— Windows / Mac 両対応の日本語フォント
テーマカラー: ダークブルー #333399、ティール #009999、ライトティール #BBE0E3
スライドサイズ: 4:3（10" x 7.5"）

生成スクリプトの更新

inception-deck.md の内容が更新された場合、生成スクリプトの SLIDE_DATA オブジェクトを更新してから再実行する。

@docs/analysis/inception-deck.md を読み込む
@.claude/scripts/generate-inception-deck.mjs の SLIDE_DATA セクションを更新
node .claude/scripts/generate-inception-deck.mjs で再生成

スクリプト構成

生成スクリプトは以下の 4 セクションで構成されている。

セクション	内容	編集対象
`SLIDE_DATA`	プロジェクト固有のデータ（テキスト・数値）	毎回更新
テーマ設定	カラー・フォント定義	通常変更不要
ヘルパー関数	スライド部品の描画ロジック	通常変更不要
スライド生成	`SLIDE_DATA` を読み取り 12 枚を生成	通常変更不要

SLIDE_DATA の各キーがスライドに対応している。

キー	対応スライド
`meta`	メタ情報（author, title, version, date, outputFileName）
`titleSlide`	Slide 1: タイトル
`whyAreWeHere`	Slide 2: 我われはなぜここにいるのか
`elevatorPitch`	Slide 3: エレベーターピッチ
`values`	Slide 4: どんな価値をもたらすのか？
`scope`	Slide 5: やらないことリスト
`stakeholders`	Slide 6: プロジェクトコミュニティ
`technicalSolution`	Slide 7: 技術的な解決策の概要
`risks`	Slide 8: 夜も眠れなくなるような問題
`team`	Slide 9: 俺たちの "A チーム"
`timeline`	Slide 10: 期間を見極める
`tradeoffs`	Slide 11: トレードオフ・スライダー
`initialRelease`	Slide 12: 初回のリリースに必要なもの

バージョン管理

出力ファイル名は SLIDE_DATA.meta.outputFileName で指定する（例: PROJECT_v0.1.0.pptx）
meta.title と meta.outputFileName を同時に更新すること

6. 注意事項

前提条件: @docs/analysis/inception-deck.md が作成済みであること（analyzing-inception-deck を先に実行）
制限事項: テンプレート @docs/template/インセプションデッキ.pptx は編集しないこと。日本語フォントは Yu Gothic を使用すること（Gill Sans 等の欧文フォントは文字化けする）
推奨事項: 生成後は PowerPoint で開いてレイアウトを目視確認し、必要に応じてスクリプトのレイアウトパラメータを微調整する

Examples

インセプションデッキのスライドを新規生成

npm install pptxgenjs（初回のみ）
@docs/analysis/inception-deck.md の内容を確認
@.claude/scripts/generate-inception-deck.mjs の SLIDE_DATA をプロジェクト固有の内容に書き換える
node .claude/scripts/generate-inception-deck.mjs を実行
@docs/analysis/slide/ に .pptx が生成されたことを確認

インセプションデッキ更新後のスライド再生成

@docs/analysis/inception-deck.md の更新内容を確認
@.claude/scripts/generate-inception-deck.mjs の SLIDE_DATA を更新
node .claude/scripts/generate-inception-deck.mjs を実行