VSCodeで簡単なプレゼン資料を作成する方法

方法

  • Marp for VS Code というプラグインを用いればよい
    • Markdownで書ける
    • 但し、微細なものは書けない
  • 以下の文法に沿って書けば、プレビューがパワーポイント形式になる

文法概要

---
marp: true
theme: gaia
class:
  - invert
---

# A

- A1
- A2

---

# B

- B1
- B2

---

  • marp:trueでプレビューがプレゼンモード、falseだとマークダウン形式
  • themeやclassのところは好み(最低marpのところがあればいい)
  • 保存するファイルの拡張子は.mdで無いと駄目かも

ショートカット(よく忘れる…)

キーアサイ 効能 補記事項
Ctrl + Shift + v プレビュー表示
Ctrl + Shift + p → export → Marp: Export Slide Deck...を選択 PDF等出力 右上のアイコン(△)押下も可

文法詳細(これをよく忘れる...)

主要どころ

・リンク(Markdown記法だがよく忘れる…)

[リンクテキスト](URL "マウスホバー時文言")

・画像(これもよく忘れる…)

![代替テキスト](画像のURL "マウスホバー時タイトル")

・ピリオドをリンクとして認識させない方法

.

・空白行を書く

<br>
画像関連

・拡大率調整

![70%](hoge.jpg)

・センタリング

![center](hoge.jpg)

・空白区切りで複数指定

![70% center](hoge.jpg)

・サイズ自動調整

![fit](hoge.jpg)

・背景として利用

![bg](hoge.jpg)

但し、画像のサイズ指定には一部制約がある。
qiita.com

Tips

Markdown Lintの特定ファイルを対象外にする方法

ファイル保存場所で対象外にする方法
(当時嵌った内容と共に)
yoneyore.hatenablog.com