3
1

More than 1 year has passed since last update.

Marpを使って書いたスライドで、プレゼンの最中にコメントを台本として表示する方法

Last updated at Posted at 2023-03-27

最近、スライドをMarpで作ることがどれだけエンジニアにとって有意義なことかを発見しました。
今まで、パワーポイントやGoogleスライドで作成していたのが嘘のように、マークダウンに慣れきってしまった僕にとってはVSCodeでスライドを作成することはDXの向上以外ありません。

ただ、まだ使い始めたばかりなので、プレゼン中に台本を表示する方法がわかりませんでした。
今回は僕のようなMarp初心者の方のために、プレゼンの最中に台本を表示する方法について紹介していこうと思います。

まず、次のように通常のスライドを作成してください。

---
marp: true
theme: uncover
paginate: false
backgroundImage: url('https://marp.app/assets/hero-background.svg')
---

# ここにタイトル

たかぎとねこ

そして、次のようにHTMLコメントを加えてください。

---
marp: true
theme: uncover
paginate: false
backgroundImage: url('https://marp.app/assets/hero-background.svg')
---

# ここにタイトル

たかぎとねこ

<!-- こんにちわ、みなさん -->

完成したら、HTML slide deckとしてエクスポートを行います。

エクスポートされたら、ブラウザが立ち上がります。
下部に表示されているメニューから、Open presenter viewをクリックします。

2.png

すると、プレゼンタービューが表示されます。
みてください!、画面の右側に先ほど書いたコメントが台本として表示されているのが確認できます。

3.png

Powerpoint documentでエクスポートしても、ノートの部分に台本が表示されることが確認できました。

名称未設定のデザイン (79).png

みなさんも、スライドを作る際はコメントをいっぱい書いて、台本として役立ててみてください!

3
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
3
1