Claude Codeでスライド資料を作りたい(2026年5月)

背景

AIを使ってスライド(プレゼンテーション)を作りたい(2026年4月)より、個人的な家族への共有資料を作りたくスライドを使いたい。

やってみる

Claude Codeでスライドが作れるらしいという情報だけで、適当Claude Codeに頼んでみる。

出産後の生活を夫に共有するための資料を作りたい。まずはCLAUDE.md を用意したい。

これだけから進めてみた。
その後資料をいくつかマークダウンで出してくれた。

後に以下の要望を追加。

- スライド資料としたい
- マークダウンからpdfを書き出したい

続いて作成したマークダウンファイルをMarpを使ってHTMLに変換をして、その後PDFとして書き出せるらしい。

やってみた。

とりあえずポン出しはこんな感じでできた。

画像を追加したい

Claude Codeでは画像自体を生成することはできないらしい。

画像をドラッグ&ドロップで渡して、適当にお願いしてみる。

追加されている。

ふむふむ。

ドラッグ&ドロップで追加した画像はimages ディレクトリに配置してくれた。

フォルダ整理

フォルダも整理してもらった。

  Baby/          
  ├── CLAUDE.md
  ├── README.md
  ├── sources/         ← 資料（Markdownファイル）            
  ├── slides/          ← 原稿（Markdownファイル）
  │   ├── 01_newborn_care.md                 
  │   ├── 02_mama_care.md                
  │   └── 03_papa_tasks.md
  ├── images/          ← 画像素材
  │   └── moony_diaper.webp
  ├── html/            ← 書き出し先（HTML）
  └── pdf/             ← 書き出し先（PDF） 

ok

資料を入れる

Obsidian上にすでにまとめてある資料を追加する。

画像を生成して欲しい

• [Claude Codeでスライドと画像を作る：Antigravityとの違いも解説](Claude Codeでスライドと画像を作る：Antigravityとの違いも解説)
  • 手軽さ重視なら claude-image-gen
  • 品質重視なら Nano Banana 2

ふむ… Geminiもいれなきゃなのはめんどいな

Claude Code でスライドを作っている例を漁る

• 登壇スライド作成もClaude Codeに任せたい 〜家でも外でも移動中も〜
  • あまり画像がないタイプの登壇資料
  • themeの設定は非常に参考になる
• Claude Codeで作るClaude Code勉強会スライド - 50枚を片手間の1日で完成させた方法 #ClaudeCode - Qiita
  • Marpは使っていない
  • 画像生成はやっぱりGemini

あきらめる

作りたい資料的に挿絵の画像生成をしてほしいので、Geminiを通して生成しなければいけないClaude Codeは今回の用途では向いていないと判断した。

Claude Codeでも技術系の登壇資料では有用そうである。