Markdownからスライド資料を作成できるMarpを使った際の設定備忘録
Marpとは
Markdown 形式のドキュメントテキストからスライド資料を作成できるツールといったところでしょうか
簡単なドキュメントは Markdown 形式で十分かとは思いますが、スライド形式の方が見栄えが良い場合もあり、最近はこれをうまく活用できないか試行錯誤しております
Marp: Markdown Presentation Ecosystem
Marp (also known as the Markdown Presentation Ecosystem) provides an intuitive experience for creating beautiful slide d...
marp.app
簡単な使い方
簡単な使い方は見た方が早いかと思いますので画像イメージを上げます
画像はVS Code に拡張機能の[Marp for VS Code]を入れたものになります
（インストール方法等は割愛）
こんな感じにMarkdownを書くとスライドイメージが作成できます
---
marp: true
---
# Your slide deck
Start writing!より実践的なところは、世の中には色んなサイトで解説されてますので、ググるなりAIなりに聞いてみてください
文字を上寄せにしたい
文字を書いていくと、基本中央寄せになります
文字の行数で開始位置がズレるので、モノによっては気になります
少しググってみたのですが、古い書き方が多かったので備忘録を残します
（どこかのタイミングで仕様変更になったのだろうと思います）
---
marp: true
style: |
section {
align-content: start;
}
---
# Your slide deck
Start writing!とすることで、こんなイメージになります
画面右側のプレビューにご注目を
文字が上から順に書かれるようになりました！
参考リンク
How to change the vertical alignment · marp-team · Discussion #458
What css should I use to use to position the content towards the top of the slides? I've tried the following but no luck...
github.com
コメント