AIでスライドを作る技術

AIでスライドを作る技術 山本一将 | 焚き火を愛するエンジニア / MOSH株式会社

山本 一将 | 焚き火を愛するエンジニア MOSH株式会社 Engineering Manager kyamamoto9120 LAE LINE API Expert Yokohama North Meetup #14 略歴 鉄道システム開発、SNSマーケティングツール開発を経て、2025年より MOSH株式会社に参画。 実績 2015年 世界コンピュータ将棋選手権 9位 2024年 LINE API Expert 認定 趣味 ヤクルトスワローズ、将棋、キャンプ、DQウォーク、旅行、謎解きなど EM Oasis 運営 © MOSH Inc.

スライド、まだ手で作ってますか？ 2

資料作成ロードマップ Design 手書き / テキスト シンプルに整える 効果的に魅せる Contents 情報の羅列 カテゴリ分け 流れ / ストーリー 構成設計 どうやって伝えるか 3 情報整理 何を変えるか 2 情報収集 何が伝えられるか 1 目的設定 何のための資料か・どんなものを作るのか 0 資料化/スライド設計 資料へ落とし込む 4 5 図解 理解しやすくする 6 ビジュアライズ 印象付ける https://x.com/YuU_Holy/status/1990261207232876559 Materialing / PowerPoint資料術 / PACT HORI

• https://x.com/YuU_Holy/status/1990261207232876559

よくあるAI手法の落とし穴 Yokohama North Design 手書き / テキスト シンプルに整える 効果的に魅せる Contents 情報の羅列 カテゴリ分け 流れ / ストーリー 構成設計 どうやって伝えるか 3 情報整理 何を変えるか 2 情報収集 何が伝えられるか 1 目的設定 何のための資料か・どんなものを作るのか 0 資料化/スライド設計 資料へ落とし込む 4 5 図解 理解しやすくする 6 ビジュアライズ 印象付ける ? Marp+LLM 0→4は得意 → ビジュアルに限界 NotebookLM 全域を薄くカバー → 制御が効かない

私の方法：全ページ画像生成 1 画像生成AIに投げる スライド画像を作って 送信 画像生成AIに投げる 2 16:9の画像が返る 16:9の画像が返る 3 スライドに貼る スライドに貼る × 全ページ繰り返す 5

なぜ成り立つのか：責務を分ける Yokohama North コンテンツのAI (LLM) 目的 研究 構造 Fraft 0→4を担う (何を描くか) 最上層：スライド本体 中層：スピーカーズノート 最下層：ビジュアル指示 設計書 (Marp形式/1ファイル) デザインのAI (画像生成) デイラミング ビジュアル化 5→6を担う (どう描くか) 6

コンテンツのAI：設計書を作り切る Yokohama North 0 目的設定 誰に・どこで・何を達成するか 1 情報収集 素材を棚卸し 2 情報整理 コアメッセージを1文に絞る 3 構成設計 スライドの流れを設計 4 資料化 Marp形式の設計書に落とし込む 7

デザインのAI：画像生成で仕上げる Yokohama North 1 設計書 最上層：スライド本体 中層：スピーカーズノート 最下層：ビジュアル指示 2 画像生成AI 1ページ目を 生成して 3 スライド画像 → 全ページ繰り返す 8

このプロセス自体をskillにした Yokohama North 1 フェーズA コンテンツ設計 対話で内容を固める 構成合意 2 フェーズB プロットMarp 論理の骨格を可視化 プロット承認 3 フェーズC 設計書完成 画像生成AIへの入力を 最上層：スライド本体 中層：スピーカーズノート 最下層：ビジュアル指示 9

お気づきかもしれませんが Yokohama North お気づきかもしれませんが このスライドは 今お話しした方法で作りました 10

まとめ Yokohama North ① 責務を分ける コンテンツのAI × デザインのAI ② 設計書で繋ぐ Marp形式の1ファイルがインターフェース ③ skill化で再現する プロセスを定義すれば毎回同じ品質 ブログタイトル：「登壇スライドを全ページAIに画像生成させてみた」 11

AIでスライド資料を作ったら、 今すぐLT登壇して実践してみませんか？ Yokohama North MOSH Tech Meetup AIコーディングツール 実践導入 03.2619:30-21:30 Vol.3 MOSH 今すぐ登録して、LT登壇に挑戦！