爆速でスライドを作る!Markdownからスライドを作れる「Marp」


TL;DR;

Marpを使うと、Markdownからスライドを作成できます。
また、MarpのVSCodeプラグインmarp-vscodeとして提供もされており、簡単に利用できます。
エクスポートも可能で、HTMLPDFパワーポイント(pptx)に対応しています。
CSSを編集することで、テーマを作成することもできますが、社内プレゼン用途で利用しため、ビルトインされているテーマをそのまま利用しました。
それでも、簡単に一定品質のスライドが作れたのでご紹介します。

インストール

拡張機能(Extension)で、Marpで検索

もしくは、以下のリンクからインストールしてください。
https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode

スライドの作り方

スライドを作るのは簡単です。
基本的にはMarkdown記法に従って記載するだけです。

---
marp: true
theme: gaia
class:
    - lead
---

# Marpでスライドをつくろう!
---

# Marpとは?

MarpはMarkdownから***スライド***を作成するアプリケーションです。
- 箇条書きにも
- 対応しています。
1. もちろん、順序付きにも
2. 対応しています。

# Marpでスライドをつくろう!

プレビュー機能もついてます。

チートシート(よく使いそうなもののみ)

テーマを変える

theme: テーマ名
  • default
  • gaia
  • uncover

見た目を変える(対象のスライドのみ)

<!--
_class:
 - lead
-->

※ 先頭の"_"を外すと、以降のスライドが対象となります。

スライドの区切り

---

見出し

# 見出しレベル1
## 見出しレベル2
### 見出しレベル3
#### 見出しレベル4
##### 見出しレベル5

箇条書き(順序なし)

- りんご
- ばなな
- いちご

箇条書き(順序付き)

1. 油を引く
2. 卵を入れる
3. ご飯を入れる

太字

***あいうえお***

絵文字

:smile:

絵文字の一覧
https://www.webfx.com/tools/emoji-cheat-sheet/

余談

株式会社Speeeの服部さんによって開発・メンテナンスされています。
日本の開発者が活躍されているのを見ると応援したくなりますね!
https://github.com/sponsors/yhatt

参考