2015年2月4日0件のコメント色々とハマりつつも、Remark.jsとMathJaxを使ってプレゼン用スライドを作るのがとても便利なことに気づいたので紹介する。HTML+JavaScriptでプレゼン用スライドを作る仕組みはいくつかあって、色々と試してみたが、最近はRemark.jsが便利だと思っている。Markdown形式を自動で変換してくれるというのと、配布資料用として印刷してもちゃんとレイアウトしてくれるところがよい。あと、デザインも変に凝らずにシンプルなところがよい。いってもRemark.jsでも、CSSをいじれば凝ったことはいくらでもできるようだが私はやらなない。仕事柄どうしてもスライドに数式が多くなるので、その点MarkdownでTeX形式の数式を挿入できるのがとても嬉しいと思っていたのだが、色々といじってるとハマってしまった。途中をすっ飛ばしてとりあえずRemark.js+MathJaxを使いたいという人は、最後の「まとめ」だけ読めばよい。本家のページからテンプレートをもらってきて、次の数式を入力してみる。A_j}f(a_i)$$と表示される。\Vert_\infty$$と入れるとなぜがうまく動かない。変換されてしまうのが問題らしい。前者の例でもアンダースコア2つを使ってるのだがなぜか問題なく、正確なルールはよくわかっていない。実際にうまくいっていない様子は、こちらを参照してほしい。\Vert_\infty$$となるはずである。解決策だが、こちらを参考にした。具体的には、MathJaxのパラメータに「delayStartupUntil=configured」というのを加え、以下のコードを加えればよい。MathJax.Hub.Configured();具体的に何をやっているかまで理解できていないのだが、ここで呼んでいるのはすべてMathJaxのAPIなので、JavaScriptを使った他のシステムでも有効な方法なのかもしれない。まとめ以上のことを全部含めた自分用のテンプレートを作ったので公開する。ソースはここにおいてある。http.server」とするのが便利)ブラウザでindex.htmlを開く(サーバでPythonを使った場合は「http://localhost:8000」を開く)そして、ここで数式の記述にも注意が必要で、バッククォートでくくってやる必要がある。id=”source”>~</textarea>にMarkdownを直接書けばサーバは必要ない。CONTENT.md以外のファイルをインクルードしたければindex.html?<filename>とすれば動くようになっている。CONTENT.mdのサンプルはレポジトリに含まれていて、ここにそのデモを用意しておいた。これで、いわゆるコンサル風のプレゼンとは違う方向に突っ走っていきたい。コメントをキャンセルメールアドレスが公開されることはありません。