slidedeckを使ってかっこいいプレゼンを作成する

[slidedeck](https://github.com/rmcgibbo/slidedeck) は2012年のGoogle.ioでも使用されていたもので今回のものはそれをより使いやすくしたものです。

![Title Goes Here Up To Two Lines   Google IO 2012.png](https://qiita-image-store.s3.amazonaws.com/0/5559/5760267a-2093-5a40-71aa-16ad3e389df4.png)

Google.io 2012: [francescolaffi/elastic-google-io-slides](https://github.com/francescolaffi/elastic-google-io-slides)

# slidedeckを使うまで

ためしに、既存のプロジェクトを使用してslidedeckを使ってみましょう。適当な場所にこのプロジェクトをクローンしてください：

```bash
$ git clone https://github.com/rmcgibbo/slidedeck.git
```

次に、そのクローン先のディレクトリに移動して以下のコマンドをたたきます。これで、,`slidedeck`にパスが通ると思います：

```bash
$ cd slidedeck
$ [sudo] python setup.py install
```

次に、プレゼンのひな形を作成します：
```bash
$ slidedeck create my_slides
create  my_slides/./base.html
create  my_slides/./figures
create  my_slides/./js
create  my_slides/./slides.md
create  my_slides/./theme
create  my_slides/figures/200px-6n-graf.svg.png
create  my_slides/figures/gpcr_activation.png
create  my_slides/js/hammer.js
create  my_slides/js/modernizr.custom.45394.js
create  my_slides/js/order.js
create  my_slides/js/polyfills
create  my_slides/js/prettify
create  my_slides/js/require-1.0.8.min.js
create  my_slides/js/slide-controller.js
create  my_slides/js/slide-deck.js
create  my_slides/js/slides.js
create  my_slides/js/polyfills/classList.min.js
create  my_slides/js/polyfills/dataset.min.js
create  my_slides/js/polyfills/history.min.js
create  my_slides/js/prettify/lang-apollo.js
create  my_slides/js/prettify/lang-clj.js
create  my_slides/js/prettify/lang-css.js
create  my_slides/js/prettify/lang-go.js
create  my_slides/js/prettify/lang-hs.js
create  my_slides/js/prettify/lang-lisp.js
create  my_slides/js/prettify/lang-lua.js
create  my_slides/js/prettify/lang-ml.js
create  my_slides/js/prettify/lang-n.js
create  my_slides/js/prettify/lang-proto.js
create  my_slides/js/prettify/lang-scala.js
create  my_slides/js/prettify/lang-sql.js
create  my_slides/js/prettify/lang-tex.js
create  my_slides/js/prettify/lang-vb.js
create  my_slides/js/prettify/lang-vhdl.js
create  my_slides/js/prettify/lang-wiki.js
create  my_slides/js/prettify/lang-xq.js
create  my_slides/js/prettify/lang-yaml.js
create  my_slides/js/prettify/prettify.js
create  my_slides/theme/css
create  my_slides/theme/scss
create  my_slides/theme/css/custom.css
create  my_slides/theme/css/default.css
create  my_slides/theme/css/phone.css
create  my_slides/theme/scss/_base.scss
create  my_slides/theme/scss/default.scss
create  my_slides/theme/scss/phone.scss
```

次に、これらをプレゼン用にコンパイルして終わりです：
```bash
$ slidedeck render
Parsed slide deck settings, and found setting for: subtitle, author, title, thankyou_details, favicon, thankyou, contact.
Compiled 4 slides.
```

![Title of my presentation.png](https://qiita-image-store.s3.amazonaws.com/0/5559/d48f5916-2753-e8f8-9deb-d114cedec136.png)


## 参照サイト

- [slidedeck](https://github.com/rmcgibbo/slidedeck)
- [Google.ioプレゼン](https://github.com/francescolaffi/elastic-google-io-slides)

## その他のMarkdownからプレゼン作成系ライブラリ

- **bespoke.js**
 - [【個人メモ】bespoke.jsを使ってプレゼン資料を作成する](http://qiita.com/futoase/items/4a341f452c4a9c9b1bbb)
- **reveal.js**
 - [プレゼンもmarkdownでね！reveal.jsで資料を作成してみた](http://qiita.com/imura81gt/items/c04b32df7044cefa2849)
- **cleaver**
 - [cleaver](https://github.com/jdan/cleaver/)
- **hyhyhy**
 - [hyhyhy](https://github.com/MaciejCzyzewski/Hyhyhy)