この記事でやること
Markdown（md）を原稿にして、VS Code からプレゼン資料を生成する。
- 📝 md を準備する
- 🌐 HTML を生成する
- 📊 PPTX（PowerPoint）を生成する
※ 管理方法・思想・運用の話はしない
※ 「作る → 見る」だけ
前提環境
- Windows
- VS Code
- PowerShell
- Node.js（npm）
- Marp CLI（導入済み）
1️⃣ Markdown を準備する（VS Code）
VS Code で physical-first.md を作成する。
---
marp: true
theme: default
paginate: true
size: 16:9
---
# サンプルスライド
---
## 2枚目
- Markdown が原稿
- `---` がスライド区切り
作業画面（md 準備）
2️⃣ HTML を生成する（Marp CLI）
PowerShell で、md があるフォルダに移動して実行。
marp physical-first.md --html
生成物
physical-first.html
実行結果（HTML 生成）
確認方法
-
physical-first.htmlをブラウザで開く - 左右キーでスライド操作可能
3️⃣ PPTX（PowerPoint）を生成する
同じフォルダで実行。
marp physical-first.md --pptx
生成物
physical-first.pptx
実行結果（PPTX 生成）
確認方法
-
physical-first.pptxを PowerPoint で開く - そのまま発表に使える
⚠️ 注意点
-
--htmlと--pptxは 同時指定できない - 出力形式ごとに 個別実行する
❌ NG
marp physical-first.md --html --pptx
⭕ OK
marp physical-first.md --html
marp physical-first.md --pptx
生成物を「見る」ためのリンク例
-
📝 Markdown
https://github.com/Samizo-AITL/qiita-articles/blob/main/marp/physical-first.md -
🌐 HTML（GitHub Pages）
https://samizo-aitl.github.io/qiita-articles/marp/physical-first.html -
📊 PPTX（ダウンロード）
https://github.com/Samizo-AITL/qiita-articles/raw/main/marp/physical-first.pptx
まとめ
marp slide.md --html
marp slide.md --pptx
- md = 原稿
- VS Code = 作業場所
- Marp = 変換
- HTML / PPTX = 完成プレゼン資料
Markdown 1本で、プレゼン資料は作れる。