Marpitの紹介 / Introduction Marpit

2019年9月24日 株式会社POL主催らんぷろLabBaseにて発表

Transcript

1. Marpit の紹介 @nagatech 2019 年9 ⽉24 ⽇ # らんぷろ_LabBase 2019/09/24 # らんぷろ_LabBase
2. ⾃⼰紹介 nagatech ( ながてち, Twitter: @nagatech_i) 東京⼯業⼤学 情報理⼯学院 数理・計算科学系4 年 traP SysAd 班 booQ チームリーダー アイドルマスターシリーズと⾳楽ゲームが⼤好き 2019/09/24 # らんぷろ_LabBase
3. みなさん Marpit 知ってますか？ 2019/09/24 # らんぷろ_LabBase
4. Marpit とは 2019/09/24 # らんぷろ_LabBase
5. Marpit とは このスライドです！ 2019/09/24 # らんぷろ_LabBase
6. Marpit とは Markdown からスライドを作成するためのフレームワーク このスライドはMarpit で作られています 以降、Marpit でできること紹介 2019/09/24 # らんぷろ_LabBase
7. Marpit でできること Markdown をそのままスライドにできる --- がページの区切り タイトルは # ⾒出しが ## ・は * で表⽰ インデントも対応してる つまりMarkdown の記法がそのまま資料作成に使える 2019/09/24 # らんぷろ_LabBase
8. Marpit でできること 画像の埋め込み  で画像表⽰  で横幅指定もできる  で背景指定 このスライドの背景はそういうこと 2019/09/24 # らんぷろ_LabBase
9. 頑張れば画像の回り込みもでき るぞ！！！！！！！！！！！！ Marpit でできること HTML タグの埋め込み・CSS の適⽤ レイアウトの微調整もできる！！！ 2019/09/24 # らんぷろ_LabBase
10. Marpit のメリット LT 資料の作成が簡単にできる 好きなエディタで資料作成ができる スマホのメモ帳とかでもお気軽資料作成 VSCode なら拡張機能で確認しながら作成できる Git でバージョン管理ができる 2019/09/24 # らんぷろ_LabBase
11. Marpit のデメリット デザインは商⽤アプリケーションに負ける Power Point とかKeynote とか それはそう ある程度ならHTML ・CSS でカバーできる そこそこ学習コストがかかる おもにレイアウトまわり HTML ・CSS の勉強にもなって圧倒的成⻑ 2019/09/24 # らんぷろ_LabBase
12. まとめ Marpit はMarkdown からスライドを作成するための フレームワーク Markdown の記法で直感的にスライド作成ができる HTML ・CSS でレイアウトを調整できる みんなもMarpit で資料作成しよう！！！ 2019/09/24 # らんぷろ_LabBase