--- title: AIでスライドを作る技術 tags: author: [山本一将｜焚き火を愛するエンジニア](https://docswell.com/user/kyamamoto9120) site: [Docswell](https://www.docswell.com/) thumbnail: https://bcdn.docswell.com/page/8EDKYQD87G.jpg?width=480 description: AIでスライドを作る技術 by 山本一将｜焚き火を愛するエンジニア published: March 25, 26 canonical: https://docswell.com/s/kyamamoto9120/Z4NQ66-2026-03-25-190000 --- # Page. 1 ![Page Image](https://bcdn.docswell.com/page/8EDKYQD87G.jpg) AIでスライドを作る技術 山本一将 | 焚き火を愛するエンジニア / MOSH株式会社 # Page. 2 ![Page Image](https://bcdn.docswell.com/page/V7PK6LXWJ8.jpg) 山本 一将 | 焚き火を愛するエンジニア 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. # Page. 3 ![Page Image](https://bcdn.docswell.com/page/2JVV3QL9JQ.jpg) スライド、まだ手で作ってますか？ 2 # Page. 4 ![Page Image](https://bcdn.docswell.com/page/5EGL3WX4JL.jpg) 資料作成ロードマップ Design 手書き / テキスト シンプルに整える 効果的に魅せる Contents 情報の羅列 カテゴリ分け 流れ / ストーリー 構成設計 どうやって伝えるか 3 情報整理 何を変えるか 2 情報収集 何が伝えられるか 1 目的設定 何のための資料か・どんなものを作るのか 0 資料化/スライド設計 資料へ落とし込む 4 5 図解 理解しやすくする 6 ビジュアライズ 印象付ける https://x.com/YuU_Holy/status/1990261207232876559 Materialing / PowerPoint資料術 / PACT HORI # Page. 5 ![Page Image](https://bcdn.docswell.com/page/4JQY538R7P.jpg) よくあるAI手法の落とし穴 Yokohama North Design 手書き / テキスト シンプルに整える 効果的に魅せる Contents 情報の羅列 カテゴリ分け 流れ / ストーリー 構成設計 どうやって伝えるか 3 情報整理 何を変えるか 2 情報収集 何が伝えられるか 1 目的設定 何のための資料か・どんなものを作るのか 0 資料化/スライド設計 資料へ落とし込む 4 5 図解 理解しやすくする 6 ビジュアライズ 印象付ける ? Marp+LLM 0→4は得意 → ビジュアルに限界 NotebookLM 全域を薄くカバー → 制御が効かない # Page. 6 ![Page Image](https://bcdn.docswell.com/page/K74W912QE1.jpg) 私の方法：全ページ画像生成 1 画像生成AIに投げる スライド画像を作って 送信 画像生成AIに投げる 2 16:9の画像が返る 16:9の画像が返る 3 スライドに貼る スライドに貼る × 全ページ繰り返す 5 # Page. 7 ![Page Image](https://bcdn.docswell.com/page/LJ1YKGMLEG.jpg) なぜ成り立つのか：責務を分ける Yokohama North コンテンツのAI (LLM) 目的 研究 構造 Fraft 0→4を担う (何を描くか) 最上層：スライド本体 中層：スピーカーズノート 最下層：ビジュアル指示 設計書 (Marp形式/1ファイル) デザインのAI (画像生成) デイラミング ビジュアル化 5→6を担う (どう描くか) 6 # Page. 8 ![Page Image](https://bcdn.docswell.com/page/GJWGDK3Q72.jpg) コンテンツのAI：設計書を作り切る Yokohama North 0 目的設定 誰に・どこで・何を達成するか 1 情報収集 素材を棚卸し 2 情報整理 コアメッセージを1文に絞る 3 構成設計 スライドの流れを設計 4 資料化 Marp形式の設計書に落とし込む 7 # Page. 9 ![Page Image](https://bcdn.docswell.com/page/4EZLGZV373.jpg) デザインのAI：画像生成で仕上げる Yokohama North 1 設計書 最上層：スライド本体 中層：スピーカーズノート 最下層：ビジュアル指示 2 画像生成AI 1ページ目を 生成して 3 スライド画像 → 全ページ繰り返す 8 # Page. 10 ![Page Image](https://bcdn.docswell.com/page/Y76WYZ5Z7V.jpg) このプロセス自体をskillにした Yokohama North 1 フェーズA コンテンツ設計 対話で内容を固める 構成合意 2 フェーズB プロットMarp 論理の骨格を可視化 プロット承認 3 フェーズC 設計書完成 画像生成AIへの入力を 最上層：スライド本体 中層：スピーカーズノート 最下層：ビジュアル指示 9 # Page. 11 ![Page Image](https://bcdn.docswell.com/page/G75MGWY974.jpg) お気づきかもしれませんが Yokohama North お気づきかもしれませんが このスライドは 今お話しした方法で作りました 10 # Page. 12 ![Page Image](https://bcdn.docswell.com/page/9J29YQG5ER.jpg) まとめ Yokohama North ① 責務を分ける コンテンツのAI × デザインのAI ② 設計書で繋ぐ Marp形式の1ファイルがインターフェース ③ skill化で再現する プロセスを定義すれば毎回同じ品質 ブログタイトル：「登壇スライドを全ページAIに画像生成させてみた」 11 # Page. 13 ![Page Image](https://bcdn.docswell.com/page/DEY4GWV6JM.jpg) AIでスライド資料を作ったら、 今すぐLT登壇して実践してみませんか？ Yokohama North MOSH Tech Meetup AIコーディングツール 実践導入 03.2619:30-21:30 Vol.3 MOSH 今すぐ登録して、LT登壇に挑戦！