Zenn
🎁

Cline x Marpで手軽にスライドを作成する方法

に公開
2

AIコーディングツールのClineとMarkdownをスライドに変換してくれるMarpを使って、爆速でスライドを作るテンプレートを紹介します。

テンプレートのリポジトリは以下です。

https://github.com/karaage0703/cline-marp-slides

使い方

READMEに使い方は書いてありますが、最低限は以下です。

事前セットアップ

VS CodeエディタとClineをインストールします。Clineでのコーディングは以下を参考にしていただけたら幸いです。

https://zenn.dev/mkj/articles/cf8536923d9cd7

Dockerをインストールして、Devcontainerを使うと楽です。Docker・Devcontainerについては以下記事参照ください(Docker使いたくない方は使わないで、必要なライブラリをインストールしても大丈夫です)。

https://zenn.dev/mkj/articles/33befbaf38c693

あとはcline-marp-slidesをテンプレートとして使ってください。

原稿と画像を入れる

sourceディレクトリのoutline.mdにマークダウン形式の原稿を入れます。ここの原稿は整って無くても大丈夫です。例えば、Zennのブログ記事をまるごとコピペしても大丈夫です。

画像は必要あればimagesディレクトリに入れておきましょう。文字だけでよければ無しでも大丈夫です。これで下準備は完了です。

スライド作成

Clineに以下のようなプロンプトを入力します。

@/source/outline.md をベースにパワーポイントのスライドを作成してください。
画像はいい感じに配置してください。

これでスライドが出来上がります。画像の位置が気に入らなかったら、プロンプトで指示すれば大丈夫です。

実際の例

自分の自己紹介スライドを作った例です。

https://github.com/karaage0703/slide-karaage-self-introduction

元となる原稿outline.mdの中身は以下です。この文章は、ほとんどDeep Researchで作ったものです。

https://karaage.hatenadiary.jp/profile_2025

スライド化したものが以下となります。

https://www.docswell.com/s/karaage0703/Z7R3RV-2025-03-15-000317

動画での実践

実際にライブで作っている様子です。
https://www.youtube.com/watch?v=8y4e4UBhKGg

メリット・デメリット

メリット

  • それなりにきれいなスライドが一瞬でできる
  • PPTX, PDF, HTML等の複数の形式に変換できる

デメリット

  • できあがったスライドは(基本的に)編集不可
  • 既存のパワーポイントのテンプレートに合わせるとかは困難

まとめ

スライド爆速で出来たら嬉しいな。仕事で使えたらめちゃくちゃ嬉しいなと思ったのですが、やっぱり既存のパワーポイントの作成や編集を効率化というのは難しかったです。本当の意味でAIがパワーポイントのスライド作成・編集できるようになるのは、もう少し先かもしれませんね(できている人いたら教えてください)。

ただ、今回のようにテキストから1から作るのであれば、それっぽいものは手軽に作れました。ブログをスライドに変換したり、個人でYouTubeに使うなど、使いどころはそれなりにあるかもしれません。

参考リンク

https://techblog.insightedge.jp/entry/llm_pptx_challenges

関連記事

https://karaage.hatenadiary.jp/entry/2025/03/05/073000

2

Discussion

ログインするとコメントできます