LoginSignup
16
13

More than 5 years have passed since last update.

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

Last updated at Posted at 2014-05-13

slidedeck は2012年のGoogle.ioでも使用されていたもので今回のものはそれをより使いやすくしたものです。

Title Goes Here Up To Two Lines   Google IO 2012.png

Google.io 2012: francescolaffi/elastic-google-io-slides

slidedeckを使うまで

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

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

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

$ 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

参照サイト

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

16
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
13