注意事項Pandoc2.1.1、reveal.js(2018年2月6日版)による、2018年2月版の記事をアップしたので、こちらは古い情報になります。Pandocのバージョンによってはうまく動作しない場合があります。コマンド一発で、markdownからreveal.jsの「htmlスライド」と、そのスライドから配布資料用の「レジュメ」のpdfを生成する方法。pandocで、markdownからreveal.jsのスライド作成は、まあ、普通。特徴的なのは、レジュメの方。一般的にスライドを配布資料として印刷しようとすると、1枚の用紙にスライドを縮小させたのを4〜6枚程度並べたものになるだろう。それだと余白がもったいないし、余白がもったいないからと言ってさらにたくさんのスライドを並べたら、文字が小さくなって読みづらい。そこで配布資料の方は、文書作成ソフトで作ったような、いわゆる「レジュメ」形式なるように生成できるようにした。(Windowsのみ。page.」のリンク先の下の方にあるインストーラーをダウンロードして、インストール。Download」をクリックして、zipをダウンロード。zipを解凍、フォルダをreveal.jsにリネームして、上記のように、原稿のマークダウンファイルなどと同じ任意のフォルダ内に置く。wkhtmltopdfをインストールWindowsの場合、パスを通す必要があるかも。設定ファイル編adbird.cssスライドに適用させるcss。適当にいじってくださいw。{display:none;}adbird-text.cssレジュメに適用させるcssこれも適当にいじってくださいw。inter-ideograph;}makeslide.shLinux用スクリプト。以下のコマンドを並べただけ。pandocで、スライド・レジュメ原稿のマークダウンファイルを、reveal.js用のhtmlスライドに変換。pandocで、スライド・レジュメ原稿のマークダウンファイルを、レジュメ用のhtmlファイルに変換。wkhtmltopdfで、レジュメ用のhtmlファイルを、レジュメpdfファイルに変換。レジュメ用のhtmlファイルを削除。$1_レジュメ.htmlmakeslide.batWindows用スクリプト。やっていることは上記と同じ。見出しレベル1(#)は横に移動する。見出しレベル1の下には本文を書かない。見出しレベル1こんなふうに見出しレベル1の下に本文を書くと、スライドが正しく生成されない。見出しレベル1は大項目の表紙だと考える。見出しレベル2(##){.TextNoDisplay}見出し2は下にスライドが作成されていく。見出しレベル2(##){.TextNoDisplay}さらに下にスライドを作成。連続した内容なので、*見出し(レベル2(##))*は*同じ*という場合がある。そのままレジュメにすると、同じ見出しが何度も出てきてしまう。見出し2{.TextNoDisplay}`のように、見出しの後ろに`{.TextNoDisplay}`をつける。設定でその見出しは、*レジュメの時だけ見えなくなる*。レベル1(#)の見出しの後ろにつけても同様。レジュメ時に見出しを非表示にする{.TextNoDisplay}たとえば、これは上のスライドと見出しは同じだが、本文が違う。そこで以下のようにすると、このスライドの見出しはレジュメの時だけ非表示になる。レジュメ時に画像を非表示にする著作権の関係や、紙の節約のためにレジュメに画像は入れたくないと思えば、見出しと同じで画像の後ろに`{.TextNoDisplay}`をつける。スライド1枚丸々を非表示にする{.pagebreak}スライド1面丸々、レジュメにだけ表示したくない場合は、見出しの後ろに`{.TextNoDisplay}`をつけて、さらに本文もタグで囲めばよい。class="TextNoDisplay">たとえば、このスライドはレジュメのときには表示されない。逆にレジュメには表示されるけれど、スライドのときには表示されないというのもできる。class="SlideNoDisplay">文字</span>←はスライドでは非表示。class="SlideNoDisplay">文字</span>←はスライドでは非表示。レジュメ時の改ページレジュメ時に、ある見出しのところで改ページを入れたいときは、見出しの後ろに`{.pagebreak}`を入れる。レベル2(##)の見出しにする最後のスライドはレベル2(##)の見出しにしないと、ちゃんとスライドが生成されない...。スライドフォルダ内に、「スライド.html」と「スライド_レジュメ.pdf(Windowsではスライドtext.pdf)」ができているはず。「スライド.html」をブラウザで開けば、スライドが表示されるはず。「スライド_レジュメ.pdf(Windowsではスライドtext.pdf)」を開けば、以下のようなレジュメができているはず。twicliユーザースタイルシート(デフォル...2019-01-10twicliのCSS(ユーザースタイルシート)追記:公式Twitter風を作りました。(2)月別アーカイブリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!adbirdさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。