0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

mdファイルから,Marpでスライドpdfファイルを生成する

0
Posted at

Marp を用いて,Markdown 形式のテキストから,プレゼンテーション(きれいなスライド)を自動生成する.

VSCodeの拡張機能(PDFやHTMLなど)を利用することで,スライドを自動生成し,pdfファイルとして出力するサンプルを示す.

<VSCodeの拡張機能>

拡張機能 Marp.png

<Markdown形式のスライドファイル>
以下のマークダウン形式のファイルを任意のディレクトリに保存する.

Slide_sample.md
---
marp: true
theme: default
paginate: true
---

# 1枚目のスライド(表題)
ここにサブタイトルや説明を書きます。

---

# 2枚目のスライド
* ページを分けるときは `---`(ハイフン3つ)で区切ります。
* **太字***斜体*も使えます。
* リストも自動できれいに整列されます。

---

# 3枚目のスライド
2カラム(左右2分割)にしたい場合は、以下のように記述します。

<div class="columns">
<div>

### 左側のコンテンツ
* 箇条書き1
* 箇条書き2

</div>
<div>

### 右側のコンテンツ
* 箇条書き3
* 箇条書き4

</div>
</div>

VSCodeに拡張機能をインストールすることで現れる右上のアイコン(三角が2つ重なってMのようにみえるデザイン?)をクリックする.
Marpアイコン.png

すると,以下のようなpdfファイルが出力される.
Slide1.png
Slide2.png
Slide3.png

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?