Closed5

marp でいい具合にスライドのテンプレートを作りたい

ピン留めされたアイテム
ega4432ega4432

きっかけ

プレゼンでスライドを作成する際にいろんなことが面倒だったので、どうにか改善できないか考えてみる。

目指すところ

以下のような課題を解決したいと思う。

  • 毎回のように資料を作る時にデザインから作るのが面倒。テンプレを探す & 作るのが面倒。
  • ちょっと字面を変更する際にサクッとできる & PDF などへサクッと変換ができる。
  • いろんなプレゼンテーションサービスに対応できる。

興味

先日、Qiita で下記の記事を見つけたのでこの際に試してみたい。

https://qiita.com/tomo_makes/items/aafae4021986553ae1d8

ega4432ega4432

カスタムテーマの設定方法

ワークスペースが下記のような構造だとすると

➜ tree
.
├── .vscode
│   └──  settings.json
├── slide.md
└── theme
    └── base.css
.vscode/settings.json
{
  "markdown.marp.themes": [
    "./theme/base.css"
  ]
}
theme/base.css
/* @theme ysmtegsr */
@import 'gaia';

section.title {
  font-size: 36px;
}

footer {
  text-align: center;
}

のような感じでテーマを定義できる。
markdown ファイルからは下記のように呼び出せる。

slide.md
---
marp: true
theme: base
---
ega4432ega4432

何回かスライド作って発表したけど、marp きつくなってきた

このスクラップは2021/08/19にクローズされました