16
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

次に、プレゼンのひな形を作成します:

$ 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

次に、これらをプレゼン用にコンパイルして終わりです:

$ 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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?