Marp for VS Code プレゼンテーションモード

Marpで作成したスライドをMacでプレゼンテーション表示する時の方法について。

Macでは、『Marp for VS Code の標準プレビューは「エディタ内表示」まで』らしい。
by ChatGPT。
全画面プレゼンをするには HTML出力してブラウザで開くのが推奨法っぽい。

ただし、発表環境次第ではHTMLだと思うように動かない場合があるので自分のPCでの発表じゃない場合は要注意です。
万が一に備えて(?)PDF版も作っておくが吉。

プレゼンテーションモード

初回使用時

Node.js®をダウンロードする
※自分の使ってるOSに適したもの
※バージョンはLTS!!!

Terminal
Marp CLI が入っているか確認

marp -v

↓

バージョン表示されればインストール済み。
バージョン表示されない、not found等が出てきたら『Marp CLI』 をインストール

↓

Terminal
『Marp CLI』 をインストール

npm install -g @marp-team/marp-cli

再度ダウンロードできているか確認。これでバージョンが出てくればOK

marp -v

ブラウザで開く

Terminal
HTML出力

cd パス/to/ファイルのあるフォルダ
marp filename.md --html

例)

cd "/Users/name/Desktop/folder"
marp filename.md --html


ブラウザで開く

open filename.html

必要な部分まとめ

出力(HTML)

VS Code上で、
control + shift + Pでコマンドパレットを開く
→Marp: Export Slide Deck と入力して、保存形式を選んで保存。

ターミナルを使って、

cd "/Users/name/Desktop/folder"
marp filename.md --html
open filename.html

出力(PDF)

PDFが欲しい場合

VS Code上で、
control + shift + Pでコマンドパレットを開く
→Marp: Export Slide Deck と入力して、保存形式を選んで保存。

または、ターミナルを使って

marp filename.md --pdf
open filename.pdf

コメント