Thank U for Reading – BY @budougumi0617



Thank U for Reading – BY @budougumi0617

2 2


reveal.js-myMaster

presentation by use of reveal.js

On Github budougumi0617 / reveal.js-myMaster

MarkdownとReveal.js

で簡単スライド作成

by @budougumi0617

スライド作り…

めんどくさい!

Office2013…?

なんかUI全然違うよ…?

Keynote…?

会社はWinだって\(^o^)/

ということで。。。

スライドもMarkdownで作りたい!

Markdown

&

Reveal.js

やり方

  • GitHubからreveal.jsのzipをGET
  • index.htmlをテキストエディタで開く。
  • <div class="slides">タグ内の<section>内容を削除
  • 次のページのオプション付き<section>を記載する
  • <section>内にMarkdownでゴリゴリ書く

これだけ!!

Markdown用のsection定義。

---を入れることで右に次のページを作成。--を入れることで下に次のページを作成。

<section data-markdown
    data-separator="\n---\n$"
    data-vertical="\n--\n">
    <script type="text/template">
    < / script>
</section>

Markdownだけ別ファイルにしておけば index.htmlは使いまわせる!

<section data-markdown="./md/firstpage.md"
data-separator="\n---\n$"
data-vertical="\n--\n">
<script type="text/template">
< / script>
</section>

<iframe>で埋め込みしたいときなどは

おとなしくHTML使ってね!

その他詳細な使い方はGitHubのREADME.mdを参照

Thank U for Reading

BY @budougumi0617