HTML5ベースのプレゼンテーションツールimpress.js - なぜか数学者にはワイン好きが多い

秋の学会シーズンが近づいていますね．
プレゼン資料を作らなければならないのですが，PowerPointは飽きましたね．
PDFをそのまま使ったり，DVIビューアを使ったり，OpenOfficeを使ったり，MagicPointを使ったりしたのですが，また別な使いやすいものを探しているところです．
Preziは凄く気に入っているのですが，フリー版だとオフラインで編集できない制約があるのが残念．

ところで，githubの界隈では，Markdown形式のような軽くてデバイス独立で公開も簡単なものが流行っています．その線でちょっと探してみると，気になるものがいくつかありました．その一つを使ってみたり．

こんなふうに褒められていたので，使ってみることにしました．
http://designzum.com/2014/02/07/best-javascript-html5-presentation-frameworks/

4) Presentation Framework - Impress.js
Impress js, this is most impressive HTML/javascript presentation framework with attractive interface and creative functionality.

公式デモ．こちらがカッコよくて，使ってみたくなりました．
http://bartaz.github.io/impress.js/

Preziにインスパイアされたプレゼンツールだなんて，良さげじゃありませんか．

It's a presentation tool inspired by the idea behind prezi.com

詳しい説明はこちらです．ソースコードなど．
GitHub - impress/impress.js: It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

説明のimpress Wikiがあります．こちらによると，より使いやすくするツールがいくつもあるとのことです．実際，カッコイイですが，ゴリゴリとJavaScriptやCSSを書くのはちょっと面倒だなーと思って読んでいたところです．
Examples and demos · impress/impress.js Wiki · GitHub

hovercraft! (source): Lets you write your impress.js slides in restructuredText. Very good positioning and transformation support. It even provides a presenter console with a preview of the next slide, a timer and notes which are fetched directly from the slides sources.

というわけでhovercraft!の公式デモはこちら．
Hovercraft! demo

インストールする際に必要な，hovercraft!のソースコードやドキュメントはこちら．
GitHub - regebro/hovercraft: Make dynamic impressive presentations from text files!

hovercraft!を，FreeBSDにインストールしてみようと思います．hovercraft!のドキュメントに従って，pipから入れます．

# pkg install py27-pip-1.5.6
# pip install hovercraft
Downloading/unpacking hovercraft
  Downloading hovercraft-1.1.zip (538kB): 538kB downloaded
  Running setup.py (path:/tmp/pip_build_root/hovercraft/setup.py) egg_info for package hovercraft

> hovercraft -h
Traceback (most recent call last):
  File "/usr/local/bin/hovercraft", line 9, in <module>
    load_entry_point('hovercraft==1.1', 'console_scripts', 'hovercraft')()
  File "/usr/local/lib/python2.7/site-packages/hovercraft/__init__.py", line 18, in main
    from hovercraft.generate import rst2html, copy_resource
  File "/usr/local/lib/python2.7/site-packages/hovercraft/generate.py", line 8, in <module>
    from .template import CSS_RESOURCE
  File "/usr/local/lib/python2.7/site-packages/hovercraft/template.py", line 2, in <module>
    import configparser
ImportError: No module named configparser

ぉゃ．
足りないパッケージをインストールします．

# pkg install py27-configparser

そして，reStructuredText形式のファイルを作ります．

emacs slide.rst

Hello,World的な最初の一歩のつもり．

----

page1

----

page2

コンパイルします．

> hovercraft slide.rst html

html/index.htmlというファイルにプレゼンテーションができるので，それをブラウザで表示したらOKです．hovercraftもimpress.jsも，htmlディレクトリ以下に配置されています．オフラインで使うなら，htmlディレクトリごとダウンロードすれば使えます．

実際には，デフォルトの画面切り替えが1秒だったのが気に食わなくてシュッと切り替わるように0.5秒にしたりとか，いろいろ遊んでしまいました．
来月の学会で，Prezi的に画面がグルグル回ったりズームしたりするプレゼンをしている人がいたら，私かもしれません．