Marpで資料を作ってLTへの参加ハードルを下げる

by 髙橋俊介

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

そもそもLTについてどういう認識？題材と資料に関して LTを初めてやる人が気になりそうな点などを調べる人が多い。 5

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

MarpでLT資料を作ろう Marpとは？ Markdown Presentation Ecosystem https://marp.app/ Markdownでプレゼンテーション資料を簡単に作成できるツール。 VScodeの拡張機能として「Marp for VS Code」があるため今回はこちらを使用。 Yuki Hattoriさんが開発。 https://github.com/sponsors/yhatt ©2023 株式会社ユーティル髙橋俊介 11

Slide 12

Slide 12 text

Slide 13

Slide 13 text

MarpでLT資料を作ろう今回触れること Marpで出来ることの概要今回触れないこと MarkDownやMarp、Mermaidの記法について Marpのテーマファイル作成やGitHub Actionsの設定などの踏み込んだ部分 13

Slide 14

Slide 14 text

MarpでLT資料を作ろう効率的に使うための準備 VSCodeの設定で markdown.marp.enableHtml で検索して、checkを入れておくことでHTML を認識できるようにしておく。 14

Slide 15

Slide 15 text

Slide 16

Slide 16 text

MarpでLT資料を作ろう Mermaidも使える料理人フライパン火が通るまで待つお肉を焼く焼き上がり料理人フライパン 16

Slide 17

Slide 17 text

Slide 18

Slide 18 text

MarpでLT資料を作ろう Marpを出力単純に出力するだけであればVSCode上で出力可能。 18

Slide 19

Slide 19 text

MarpでLT資料を作ろう Marpを出力 VSCodeの設定で markdown.marp.exportType を開けば HTML/CSS PDF PowerPoint ドキュメントと出力形式を選択することも可能。 19