🎬 AI を活用した PPT 作成ワークフローの共有 ビデオ スクリプトから NanoBanana イメージ、高品質の Slidev プレゼンテーションまで、すべて 4 つのステップで完了します。 これは私がBibiGPT AIコースを作成する際にまとめた手法で、効率が10倍向上します👇
📋 コアプロセスの概要: 1️⃣ 脚本執筆 - Bilibiliスタイルの逐語的トランスクリプトの作成 2️⃣ ビジュアルアウトライン - AI が各 PPT スライドの説明を生成します。 3️⃣ 画像生成 - Nano Banana を使ったバッチ画像生成 4️⃣ スライドを組み立てる - テンプレート + コンポーネント、ワンクリックセットアップ
✏️ ステップ1: 視覚的なアウトラインを作成する プロンプト テンプレートを使用して、ビデオ スクリプトを PPT の各スライドの視覚的な説明に変換します。 スタイルキーワード: • 遊び心のある手描きのイラスト • ウォームベージュ • 落書き（グラフィティスタイル） この3つの単語により、AIが生成した画像はスタイルに一貫性があり、興味深いものになります🎨
🖼️ ステップ2: 画像を一括生成する アウトラインの // VISUAL の説明に従って、16:9 のイラストを一括で生成します。 命名規則は重要です: • すべてのファイルは slides/zh/ ディレクトリに配置してください。• フォーマット: 0.x-01-cover.png • 混乱を避けるためにセクション番号のプレフィックスを追加します。 一度に数十枚の画像を生成し、時間と労力を節約します⚡
📄ステップ3：httpsslides.mdます Slidev の Frontmatter 構成: • テーマ: セリフ • トランジション: 左にスライド • フルスクリーンの背景画像 + 透明なレイアウト 重要なポイント: 最後にスタイル修正を加える .slidev-layout { 背景: 透明 !重要 } こうすることで、背景画像をフルスクリーンで完璧に表示できます。✨
🚀 ステップ4：ワンクリックプレビュー cd スライド/zh && slidev httpslides.mdウザを開くとホットアップデートの効果を確認でき、変更を加えながら表示できます。 全体のプロセスは次のとおりです。 • 執筆時間 30分 • AI生成画像（10分） • 組み立て時間: 10分 わずか 1 時間でプロ仕様のコース PPT を作成しましょう 🎯
💡 追加のヒント: `` コンポーネントを使用します: `mode="cover"` - 最初のページの雰囲気を暗くします。`mode="normal"` - コンテンツ ページの隅に進行状況バーを表示します。 あるいは、コンテンツ ページではコンポーネントを表示せず、純粋な全画面画像でより没入感のあるエクスペリエンスを提供することもできます。 このワークフローにより、私の経験は「PPT の作成は苦痛」から「創造的なプロセスを楽しむ」へと変わりました 🙌
📂 ディレクトリ構造のガイドライン: モジュールx/ ├── videos/zh/xx-topic.md (トランスクリプト) └── スライドslides.mdM2CjBR58PC (エントリーポイント) ├── コンポーネント/ └── *.png（AI生成画像） 構造が明確で、チームのコラボレーションが容易です。
この AI PPT ワークフローの中核を要約すると次のようになります。 ✅ スクリプト駆動、コンテンツが重要✅ AI生成画像、一貫したスタイル✅ Slidevアセンブリ、コードがドキュメント✅ ホットアップデートプレビュー、迅速なイテレーション コースやプレゼンテーションも作成する場合は、この方法を試してみてください。 ご質問がありましたらお気軽にコメントを残してください👋
編集されていない写真を提供してくれた @dotey に特に感謝します!