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

  1. 初回使用時
  2. ブラウザで開く
  3. 必要な部分まとめ
    1. 出力部分
    2. PDF出力

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

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

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

初回使用時

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 seminar0pls1.md --html

例)

cd "/Users/name/Desktop/てふ/Seminar"
marp seminar0pls1.md --html


ブラウザで開く

open seminar0pls1.html

必要な部分まとめ

出力部分

cd "/Users/name/Desktop/てふ/Seminar"
marp seminar0pls1.md --html
open seminar0pls1.html

PDF出力

PDFが欲しい場合

marp seminar0pls1.md --pdf
open seminar0pls1.pdf

コメント