Marp使おうぜ！

Transcript

1. Marp使おうぜ！ 1

2. ⾃⼰紹介 名前: SHUN/しゅん 学年: ⾼専新3年⽣ 得意⾔語: TypeScript、JavaScript、Haskell、など 得意分野: Webがチョットデキル、TSの型芸、CI/CD Twitter:

   @shun_shobon GitHub: @shun-shobon 2

3. こう思ったことないですか？ 3

4. LTスライドもGitで管理したい！ 4

5. ｢できるよ｣ 5

6. ｢そう、Marpならね｣ 6

7. Marp 開発者が⼤好きなMarkdownでプレゼンスライドを作ることができる 作ったスライドはHTML、PDF等に出⼒可能 7

8. 書き⽅ Markdownの戦闘にこんなのを書く --- theme: default paginate: true headingDivider: 1 ---

   8

9. 書き⽅ 普通にMarkdownを書く h1ヘッダー or ページ区切り --- を使うとページが変わります # 1 枚⽬のスライド

   ## ここもまだ1 枚⽬ # 2 枚⽬のスライド --- ## 3 枚⽬のスライド 9

10. スライドを作る npmからmarpのCLIツールを⼊れる $ npm install -g @marp-team/marp-cli 10

11. スライドを作る コマンドを叩く $ marp --pdf slide.md slide.pdf が⽣成されます 11

12. 12

13. 他の機能 発表ウィンドウの表⽰(EXPERIMENTALです) marp -p slide.md 13

14. 14

15. 他の機能 独⾃テーマ カスタムCSS 画像の⼤きさ指定 画像フィルター 15

16. まとめ 16

17. Marp使おうぜ！ 17