スライド、作ってみませんか? #osc16tk
TRANSCRIPT
![Page 1: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/1.jpg)
スライド、
作ってみませんか?osc16tk 2016/11/06 @whywaita
![Page 2: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/2.jpg)
こんにちは
![Page 3: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/3.jpg)
whywaita電気通信大学 総合情報学科 4年
OSCほぼ初参加です
Dentoo.LT
インフラ系(弊社出展してました)
"インフラの仕事がしたいのに求人がない" 筆者
http://twitpic.com/d250g2 の投稿者
アイコン:
![Page 4: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/4.jpg)
関連Advent Calendarwhywaita Advent Calendar
d250g2 advent Calendar
kosen10s Advent Calendar
d250g2 Advent Calendar
etc etc
![Page 5: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/5.jpg)
5分なので高速でいきます
![Page 6: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/6.jpg)
最初に質問です
![Page 7: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/7.jpg)
スライド作ってる人~(^o^)ノ
![Page 8: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/8.jpg)
ありがとうございます
![Page 9: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/9.jpg)
ここで質問(2)です
(高速で行きます)
![Page 10: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/10.jpg)
スライド作成ソフトは
何を使っていますか?
(複数回答可)
![Page 11: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/11.jpg)
PowerPoint
![Page 12: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/12.jpg)
Keynote
![Page 13: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/13.jpg)
LibreOf�ce Impress
![Page 14: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/14.jpg)
どうにかして上記のバイナリ
を作成している
(ex, k0kubun/md2key)
![Page 15: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/15.jpg)
Reveal.js
![Page 16: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/16.jpg)
Beamer
![Page 17: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/17.jpg)
Markdownで書いてる
![Page 18: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/18.jpg)
Marp
![Page 19: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/19.jpg)
Marpをご存知の方
![Page 20: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/20.jpg)
寝ててokです
![Page 21: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/21.jpg)
プロプライエタリ
(ex, PowerPoint, Keynote)
Pros:デザイン面がとにかく神
PPは図が最強、Keynoteはガイドが神
イラレで良いと思う案件も多い
Cons: 出力がバイナリ
バージョン管理しづらい
Cons: 入ってない環境でファイルが開けない
![Page 22: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/22.jpg)
LibreOf�ce ImpressPros: オープンソースなのでどこでも開ける
要: インターネット環境
Cons: デザインがちょっと残念になりがち
やはりデザイナがちゃんと入っているプロプラ
イエタリは違いますね
![Page 23: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/23.jpg)
とにかく
![Page 24: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/24.jpg)
バージョン管理がしたい
![Page 25: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/25.jpg)
BeamerPros: バージョン管理が出来る
Pros: テンプレートがそれなりにある
Cons: LaTeXは人類が書くにはタイプ数が多すぎる
![Page 26: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/26.jpg)
じゃあどうするの
![Page 27: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/27.jpg)
欲しい
Markdownで書ける
リアルタイムプレビューが出来る
良い感じにデザインが作れる
とにかく良い感じに頼む!!!!!!!
![Page 28: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/28.jpg)
ソリューション
![Page 29: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/29.jpg)
Marp
![Page 30: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/30.jpg)
様子
![Page 31: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/31.jpg)
要件を満たしていて最高
![Page 32: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/32.jpg)
MarpElectron製のオープンソーススライドエディタ
https://github.com/yhatt/marp
Pros: Markdownで書ける
Pros: リアルタイムレビューがある
Pros: 標準のテーマがそれなりにイケてる
Pros: Electronなのでどこでも動くぞ
![Page 33: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/33.jpg)
最高ですね
![Page 34: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/34.jpg)
イケてないところ(v0.0.9時点)�leプロトコル未対応
手元の画像を載せる為にDockerでnginx立ててた
デザインテーマがSaasで書く必要ある
ちょっとだるい
MarkdownなのでHTMLタグを適当に書くと多分動く
写真をふんだんに使うとPDFがめっちゃでかくなる
PDFコンバートが遅い(多分Electronの問題)
![Page 35: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/35.jpg)
とはいえ
![Page 36: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/36.jpg)
OSSだからPRすれば直るぞ!!!!!!
![Page 37: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/37.jpg)
最高!!!!!!!!!!!
![Page 38: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/38.jpg)
これからもスライド作って
発表しまくろう!!!
![Page 39: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/39.jpg)
最後に
![Page 40: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/40.jpg)
ここに画像が出るはず
※出ないバグが出ているようです
![Page 41: スライド、作ってみませんか? #osc16tk](https://reader036.vdocuments.site/reader036/viewer/2022062302/58ed58741a28ab4b198b46a9/html5/thumbnails/41.jpg)
ありがとうございました