呉娑々宇山

府中町北部にある山。

標高 682m
読みは「ごさそうざん」

岩場が多いため装備が必要ですが
途中の高尾山までなら気軽に
登山できます。

Marp + GitHub Actions で軽快スライド作り

(同)Team IshiHara
菅原 政行(@plageoj

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

コワーキングスペース

始めました

JR 向洋駅南口すぐ!

「向洋 コワーキング」で検索ください

営業時間外の貸切も
承っております。

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

プレゼンスライド作成、こんなことがありませんか?

  • テキストボックスのレイアウトが地味にたいぎい
  • 毎回の「資料を PDF にして共有してください」対応が大変
  • 昔に喋ったネタを発掘したいが、どのファイルにあるか忘れた
  • 参加したイベント、発表したスライドを一覧にしたい
  • プレゼン_yymmdd_最新版_最終_更新.pptx が辛い

→ 一気に解決してしまいましょう!

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

Marp ?

Markdown という書き方で、スライドを作成できるツールです。

---
marp: true
title : プレゼンテーションのタイトル
---
# これがスライドのタイトル
そして本文を書きます。[リンク](https://marp.app/) や *斜体***太字** も使えます。
+ 箇条書きもできます。

↓ マイナス記号3つでページ区切り

---
Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

GitHub ?

日経新聞に「設計図共有サイト」と書かれたこともありましたが
今回は「スライド編集&共有サイト」として使います。

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

エンジニアじゃないんだけど…

テンプレートをご用意しました!

GitHub のアカウントをお持ちの方なら、次のリンクから
  すぐにスライド作成をできるようにしてあります。

plageoj/presentation-template

資料はイベント終了後に Connpass で公開しますので
リンク先を Connpass の方からご覧ください。

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

過去のスライドが全て一覧に

この画面で . (小数点) を押すと…

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

オンラインで編集

ブラウザ上で編集できます

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

拡張機能を使う

Marp 拡張機能を有効にしておくと、プレビューが出ます

float:left

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

プレゼン作成のストレスがなくなります

  • レイアウト不要
  • それなりの見た目
  • コピペ簡単
  • 複数ファイルをまたいだ検索もできる

ここまでは Marp のご紹介でした。
続いて、作ったスライドの公開を自動化しましょう!

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

公開の自動化

テンプレートには最初から自動化の仕組みが入っています。

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

公開の自動化

スライドの中に次のように書くことで、公開サイトに表示されます。

ルール: 冒頭の marp: true の次の行に、

title:

につづけてスライドのタイトルを入力してください。

例:

title: - cluster 広島LT大会 #4
Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

公開の自動化

ファイルを更新したら、変更内容を入れて「コミット」(チェックマーク)しましょう。数分で、先ほどのサイトが自動的に更新されます。

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4

スライド編集もオンライン化して快適に!

詳しい紹介記事:
(あとで書く)

テンプレート:
plageoj/presentation-template

実際の公開サイト:
plageoj.github.io/presentations

Marp + GitHub Actions で軽快スライド作り - cluster 広島LT大会 #4