Marp入門

Marpで Marp を説明します。VS Codeを使う方法ではなくMarp CLIを使う方法ですので、テキストエディタはお好きなものをお使いください。

MarpのMarkdownエンジン部分が Marpit です(インストールの必要はありません)。

Marp、Marpitの開発者は日本人の服部雄輝さんです。

---
marp: true
paginate: true
---

# Marp入門

奥村晴彦

---

## Marpとは

Markdownでプレゼンテーションスライドを作るための仕組みです。
`---` が改ページです。最初のYAML部分は設定です。

- 箇条書きは `-` または数字で始めます。
  - スペース2個でネストできます。

1〜3個の `*` で囲んで *Italic*、**Bold**、***Bold Italic*** にできます。

> 引用は `>` で始めます。

このファイルがサンプルです。
このファイルを `test.md` という名前で保存してお試しください。

---

## Mac/Homebrewでのインストール

```
brew install node
node -v
npm -v

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

---

## ブラウザでの利用

このファイルのあるディレクトリで次のように打ち込みます:

```
marp . --server
```

ブラウザで http://localhost:8080/ を開き、`test.md` をクリックします。

---

## HTML/PDF/PowerPointファイルへの変換

```
marp test.md --html

marp test.md --pdf

marp test.md --pptx
```

それぞれ `test.html`、`test.pdf`、`test.pptx` ができます。

---

## 画像の入れ方

```
![](https://okumuralab.org/~okumura/img/okumura130506.jpg)
```

`[]` にはオプションが入ります。例:

```
![bg fit left:40%](logo.svg)
```

HTMLの `img` タグも使えます。

ローカルの画像を使ってPDF/PowerPointにするには `--allow-local-files` が必要です:

```
marp test.md --pdf --allow-local-files
```

---

## 表

|中央揃え|左揃え|右揃え|
|:-:|-|-:|
|1|A|B|
|2|C|D|
|3|E|F|

---

## 数式

MathJaxで数式が書けます。

Einsteinは $E=mc^2$ と言った。

$$ \frac{1}{\sqrt{2\pi}}\int_{-\infty}^{\infty} e^{-x^2/2} dx = 1 $$

---

## テーマ

`theme` は `default`、`gaia`、`uncover` が設定できます。

```
---
marp: true
paginate: true
theme: gaia
---
```

さらに `class: invert` で白黒反転します。