66
68

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-11-08

TL;DR;

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

インストール

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

2020-11-09_00h11_08.png

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

スライドの作り方

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

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

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

# Marpとは?

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

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

プレビュー機能もついてます。
2020-11-09_00h25_56.png

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

テーマを変える

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

参考

66
68
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
66
68

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?