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

Transcript

1. とにかく楽して登壇資料を作る
2. 自己紹介 • 名前: さどるふ • 27卒の学生 • 福岡勢 • 趣味: ハッカソン、LT、ライブ、カン ファレンス • Vimmer (Neovim)
3. 宣伝 JAWS DAYS 2026 PHPカンファレンス小田原2026 ぜひ聴きにきてください！
4. 閑話休題
5. 登壇のハードルになってるもの
6. 人前で話すの緊張する
7. 話すネタがない
8. 初めてだから自信ない
9. etc
10. 理由は色々あると思う
11. そのなかでも個人的に一番ハードルだったもの
12. 資料準備(特にスライド )
13. 資料準備(特にスライド ) 登壇するのは好きだけど、登壇のスライドを作るのがめんどくさいなと思ってい た 昔からスライド作成やデザインが関わってくるものが苦手
14. 楽にスライド作れないかな〜って思っていた
15. いろんなスライド作成ツールを使ってみた
16. ツール紹介
17. Marp Markdown Presentation Ecosystemの略 Markdownでスライドを作るといえばこれってくらい有名 一時期、自前でMarp Editorを作るほどハマっていた https://github.com/marp-team/marp
18. Slidev Vue.jsベースのMarkdownでスライドを作れるツール 最近、見かけるようになってきた インタラクティブなスライドを作ったり、SPAとしてWebページに公開したりでき る https://github.com/slidevjs/slidev
19. presenterm Rust製のターミナルプレゼンツール ターミナルでプレゼンしたい人向け https://github.com/mfontanini/presenterm
20. 実演
21. 実は色々ある
22. ただ
23. 自分がスライドツールに求めるもの
24. 自分がスライド系ツールに求めるもの • Markdownで書けること • Editableなスライドが出力できること • コードブロックが綺麗に表示できること • cssから逃げられること
25. 最終的に選んだもの
26. deck
27. deck MarkdownとGoogle Slidesを使ってスライドを作るツール https://github.com/k1LoW/deck
28. deckの何がいいのか
29. 気に入ってるポイント • Google Slidesのテンプレートを使える • Google Slidesが出力される • コードブロックが綺麗 • 生成AIとの相性がいい
30. Google Slidesのテンプレートを使える ありがたい 一回、ベースとなるスライドを作れば使い回しできる
31. Google Slidesが出力される ざっくりテンプレートを使ってスライドを作りつつ、細かい調整をGUIでできる
32. コードブロックが綺麗 SongmuさんのLaminateを使ってコードブロック画像を作っている おしゃれなコードブロックを出せる
34. 生成AIとの相性がいい 生成AIにスライドを作らせるとなんとも言えないデザインやレイアウトになる
35. 生成AIとの相性がいい deckはスライド生成に専念し、デザインはGoogle Slidesに委ねるという責務 分離されてる deck ls-layoutsでレイアウト情報をコンテキストとして渡せる なので、Google Slidesのレイアウトを使っていい感じにスライドを作ってもら える →デザインのガードレール的な役割もある
36. 普段の使い方 1. Markdownでスライドにしたい内容を書く 2. Claude CodeのSkills使ってdeckでスライド生成 3. Google Slides側で微調整
39. このフローの何がいいか
40. スライド作りではなく、登壇内容の準備に集中できる
41. スライド作りではなく、登壇内容の準備に集中できる どれだけ登壇内容の準備に時間がかかっても、一定のクオリティのスライドを すぐ作れる →安心して登壇内容を練ることができる
42. deckを使って よき登壇ライフを〜