Marp - MarkdownとCSSでスライド作成 2025/10/31の勉強会で発表されたものです。

2025/10/31の勉強会で発表されたものです。

1. Marp
MarkdownとCSSでスライド作成
発表者: ホス
2025年10月31日
1

2. Marpとは
PowerPoint等をテキストベースで作成できるツール
元となるファイルはMarkdownで記述
Markdownを各種ファイルに変換できる
PowerPoint
PDF
HTML
etc..
2

3. Marpとは
こんな感じで記述します。
---
marp: true
theme: gaia
paginate: true
---
## Marpとは
- PowerPoint等をテキ ストベースで作成できるツー ル
- 元となるファイ ルはMarkdownで記述
- Markdownを各種ファイ ルに変換できる
- PowerPoint
- PDF
- HTML
- etc..
3

4. 利点
テキストベースで作成できる
アイデアを箇条書きで書き出しながら、同時にそれがスライドに
もなる
Markdownの知見が使えるので導入にかかる学習コストが少ない
HTML,CSSの知識でデザインを編集できる
4

5. 使用方法
手軽に始めるならこのどちらかがおすすめ
1. VisualStudio Codeの拡張機能を使用する
2. 公式のDockerイメージを使用する
5

6. VisualStudio Codeの拡張機能
Marp for VS Code
6

7. 公式のDockerイメージ
1. Markdownはお好きなエディタで記述
2. ファイルの変換はワンライナーで実行可能
docker run --rm -v $PWD:/home/marp/app/ -e LANG=$LANG marpteam/marp-cli ppt.md --pptx
↑カレントディレクトリにある「ppt.md」をPowerPoint(.pptx)に変
換する例
7

8. ご清聴ありがとうございました
8