とにかく楽して登壇資料を作る/EasyPresentationSlides

とにかく楽して登壇資料を作る

自己紹介 • 名前: さどるふ • 27卒の学生 • 福岡勢 • 趣味:
ハッカソン、LT、ライブ、カンファレンス • Vimmer (Neovim)

宣伝 JAWS DAYS 2026 PHPカンファレンス小田原2026 ぜひ聴きにきてください！

閑話休題

登壇のハードルになってるもの

人前で話すの緊張する

話すネタがない

初めてだから自信ない

理由は色々あると思う

そのなかでも個人的に一番ハードルだったもの

資料準備(特にスライド )

資料準備(特にスライド ) 登壇するのは好きだけど、登壇のスライドを作るのがめんどくさいなと思っていた昔からスライド作成やデザインが関わってくるものが苦手

楽にスライド作れないかな〜って思っていた

いろんなスライド作成ツールを使ってみた

ツール紹介

Marp Markdown Presentation Ecosystemの略 Markdownでスライドを作るといえばこれってくらい有名一時期、自前でMarp Editorを作るほどハマっていた https://github.com/marp-team/marp

Slidev Vue.jsベースのMarkdownでスライドを作れるツール最近、見かけるようになってきたインタラクティブなスライドを作ったり、SPAとしてWebページに公開したりできる https://github.com/slidevjs/slidev

presenterm Rust製のターミナルプレゼンツールターミナルでプレゼンしたい人向け https://github.com/mfontanini/presenterm

実演

実は色々ある

ただ

自分がスライドツールに求めるもの

自分がスライド系ツールに求めるもの • Markdownで書けること • Editableなスライドが出力できること • コードブロックが綺麗に表示できること • cssから逃げられること

最終的に選んだもの

deck MarkdownとGoogle Slidesを使ってスライドを作るツール https://github.com/k1LoW/deck

deckの何がいいのか

気に入ってるポイント • Google Slidesのテンプレートを使える • Google Slidesが出力される • コードブロックが綺麗 •
生成AIとの相性がいい

Google Slidesのテンプレートを使えるありがたい一回、ベースとなるスライドを作れば使い回しできる

Google Slidesが出力されるざっくりテンプレートを使ってスライドを作りつつ、細かい調整をGUIでできる

コードブロックが綺麗 SongmuさんのLaminateを使ってコードブロック画像を作っているおしゃれなコードブロックを出せる

生成AIとの相性がいい生成AIにスライドを作らせるとなんとも言えないデザインやレイアウトになる

生成AIとの相性がいい deckはスライド生成に専念し、デザインはGoogle Slidesに委ねるという責務分離されてる deck ls-layoutsでレイアウト情報をコンテキストとして渡せるなので、Google Slidesのレイアウトを使っていい感じにスライドを作ってもらえる →デザインのガードレール的な役割もある

普段の使い方 1. Markdownでスライドにしたい内容を書く 2. Claude CodeのSkills使ってdeckでスライド生成 3. Google Slides側で微調整

このフローの何がいいか

スライド作りではなく、登壇内容の準備に集中できる

スライド作りではなく、登壇内容の準備に集中できるどれだけ登壇内容の準備に時間がかかっても、一定のクオリティのスライドをすぐ作れる →安心して登壇内容を練ることができる

deckを使ってよき登壇ライフを〜

とにかく楽して登壇資料を作る/EasyPresentationSlides

とにかく楽して登壇資料を作る/EasyPresentationSlides

More Decks by thirdlf03

Featured

Transcript