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

i_Pride 8 views 8 slides Oct 31, 2025
Slide 1
Slide 1 of 8
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8

About This Presentation

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


Slide Content

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

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

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

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

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

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

公式の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