reveal.js で pdf のスライドをつくる

reveal.js で pdf のスライドをつくる方法をスライドで示したものです。ソースコードは gist で公開しています。

Transcript

1. REVEAL.JS で PDF のス ライドをつくる Masaki Kagaya (2015.3.24)
2. ダウンロー ドと展開 からダウンロー ドし て展開します。Apache や Nginx を起動しているのであれ ば、 ブラウザー からのアクセスが許可されているディレ クトリで展開します。 https://github.com/hakimel/reveal.js
3. INDEX.HTML の修正 < d i v c l a s s = " r e v e a l " > < d i v c l a s s = " s l i d e s " > < s e c t i o n d a t a - m a r k d o w n = " s l i d e . m d " d a t a - s e p a r a t o r = " ^ \ n \ n \ n " d a t a - v e r t i c a l = " ^ \ n \ n " d a t a - c h a r s e t = " u t f - 8 " > < / s e c t i o n > < / d i v > < / d i v >
4. MARKDOWN の例 コンテンツの後の改行数は d a t a - s e p a r a t o r 属性で指定 した数に合わせます。 # タイトル # # 見出し コンテンツ
5. プログラムコー ドの構文をハイラ イトする d e p e n d e n c i e s : [ . . . { s r c : ' p l u g i n / h i g h l i g h t / h i g h l i g h t . j s ' , a s y n c : t r u e , c a l l b a c k : f u n c t i o n ( ) { h l j s . i n i t H i g h l i g h t i n g O n L o a d ( ) ; } } , ]
6. スクリプト言語による HTTP サー バ ー の起動 Apache や Nginx が利用できない場合、i n d e x . h t m l のあ るディレクトリで コマンドプロンプトやター ミナルから HTTP サー バー を起動させ、h t t p : / / l o c a l h o s t : 3 0 0 0 / # / にブラウザー でアクセスします。
7. HTTP サー バー を起動させるコマン ドの例 Ruby 1.9.2+ r u b y - r u n - e h t t p d . - p 3 0 0 0 Python 3 p y t h o n 3 - m h t t p . s e r v e r 3 0 0 0 Python 2 p y t h o n - m S i m p l e H T T P S e r v e r 3 0 0 0 PHP 5.4+ p h p - S l o c a l h o s t : 3 0 0 0
8. PDF の生成 Google Chrome で h t t p : / / l o c a l h o s t / ? p r i n t - p d f # / にア クセスして 「 ファイル -> 印刷 -> PDF に保存」。 余白は 「 なし」 にします。
9. このスライドのソー スコー ド から入手できます。 https://gist.github.com/masakielastic/9d15ee8f46488183f8c0