LoginSignup
2
3

More than 3 years have passed since last update.

VSCodeでmdをスライドにする

Last updated at Posted at 2020-07-08

VSCodeのMarp拡張機能でスライドを作成する

MarkDownを記述する時は、何だかんだで、VSCodeが一番気に入っています。PDFを作成するのも非常に簡単ですし。
先週LGTMが多かった投稿ベスト20で、惹かれるタイトルを発見!
- 【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る
良いじゃないですか!ushidayみたいな、20年選手で、Web1.0を知っている世代からすると、「凄い時代になったものだ」と関心します。
Marp拡張機能の導入や詳細は、投稿をご参考に…。

実際の使用例

先程の投稿を参考に、早速試しました。
実際の使用感としては、mdがそのままスライドになるので、超便利ですね。
github ushiday/vscode-md-marp
すると以下の様なmdが、綺麗なスライドになっちゃいます。良いですね!

---
marp: true
theme: uncover
---
<!--
_color: white
footer: 'ushiday@Chubu System Co.,Ltd.'
paginate: true
-->

![bg brightness:0.6](./power/servers09.jpg)

# ushiday marp
Marp = mdよりスライドを作成するプラグイン
## (50) ushiday Marpを試す

`bg brightness`を使うと背景の透過を変更出来る

作成日 : 2020.07.08  **(ushiday)**

---
![bg left:50%](./power/E980-r.png)

## 左に画像を挿入
`bg left`で左に画像を差し込む

- 表示場所、比率を指定する

---

<!--
_backgroundColor: white
-->
![bg right:60% height:50% contrast:1.0 brightness:1.0](./power/ibmi-logo.png)
![bg right:60% height:50% contrast:1.2 brightness:1.0](./power/csc-logo.jpg)

# CSC は
#### IBM i と

共に進む…

PDF化

2020-07-08_123504.png

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3