そろそろみんなreveal.js使おうよ

reveal.jsを使ってパワポもどきを作ろう！

reveal.jsとは

HTMLとMarkdownを使って、
キレイでカッコいいプレゼンテーション資料が作成出来る、
フレームワークです。
本家(Revealjs)見てくると良いです。

環境構築

入手〜動くまで

1. Node.jsをインストールする。
2. Gruntをインストールする。

3. reveal.js リポジトリをクローンする。

   console

   $ git clone https://github.com/hakimel/reveal.js.git
   

4. reveal.jsディレクトリに移動

   console

   $ cd reveal.js
   

5. 依存リポジトリをインストールする

   console

   $ npm install
   

6. プレゼンテーションファイルを監視する

   console

   $ grunt serve
   

7. http://localhost:8000でプレゼンテーションを見てみよう
   ※ ポート番号を変えたい場合、 grunt seve --port 8001 とする

Tips

テーマ

• Sky
• Beige
• Simple
• Serif
• Night
• Default

ページめくり

• Cube
• Page
• Concave
• Zoom
• Linear
• Fade
• None
• Default

Section

---を入れると、右ページ(data-separator)
--を入れると、下ページ(data-vertical)
>>>も同様にしたページ

コード

``` で囲むとコード装飾される

リスト

1. list1
2. list2

斜体

*斜体*

強調

**強調**

リンク

[リンク名](URL)

画像

![画像名](URL)

Yeoman

yoコマンドを利用すると、revealの初期構成を作成することが出来る。
下記のようにき入力し、対話形式で構成を決める。

yo reveal

参考

• サンプル集

似たようなサービスの紹介

• Slideck
  • ボケてでお馴染みのyusukebeがつくったサービス
  • markdownファイルをreveal風のサイトに早変わりさせることが出来る