スライド作りのベストプラクティス

overview

• スライドはreveal.js使って作るのがベストっぽい
  • LTとかのスライド何で作ろっかなーと思ってて色々したべてここに辿り着きました
• 安全に素早く汎用的なスライド作ってGithubで管理できるからね
  • slideを作って管理する上での条件
    • テキストデータで管理したい（Githubのレビュー等を考えて）
    • マークダウンで作りたい（描き慣れているので）
    • ローカルリソースで管理したい（CDNとかじゃ安心して眠れない）
    • ローカルファイルをブラウザで動かしたい（公開したくない情報もある）
  • できればGithubのマークダウンファイルを管理する感じでスライドを管理したいわけです
• Reveal.jsを最小限で使う
  • Reveal.jsなら上の条件を全て満たせるからばっちぐーですね
  • Reveal.jsの公式からリソースをDLして必要なもの以外を全て削って以下の改装となりました
    • index.html
    • plugin
    • dist

Get started!

Reveal.jsをダウンロード

1. 公式サイトからリソースをダウンロード
   1. 公式サイトのダウンロードリンク（clickでDLされます）
   2. reveal.js-masterっていうzipファイルがダウンロードされるはずです
2. ディレクトリ名を変更
   1. reveal.js-master => slideとかにしておくといいかも

不要なファイル等を削除

1. 以下のファイル以外を削除

plugin
- css
- demo.html
dist
- examples
- gulpfile.js
index.html
- js
- LICENSE
- package-lock.json
- package.json
- README.md
- test

こんな感じのファイル構造になった成功

plugin
dist
index.html

スライドを作成

1. index.htmlを編集
2. 編集方法は公式サイトを参照
   1. HTMLで書く場合
   2. マークダウンで書く場合

References

• https://revealjs.com/