mojavy.com

reveal.js をつかってブログ記事からスライドを生成する

October 18, 2013 at 10:00 PM | categories: blog, reveal.js, blogofile |

はじめに

これは以下のような人を対象にしたポストです

  • スライドをmarkdownでつくりたい
  • ブログはmarkdownでかいている
  • ずぼらするためには努力を惜しまない

デモ

とりあえず以下のスライドをみてください。

reveal.jsとは

HTMLでかけるプレゼンツールです。詳細は以下等を参照してください。

static CMS

説明は省略します。このブログはblogofileでできていますが、jekyllやhakyllのようなものでもほぼ同等なことができます。

やり方

reveal.jsのmarkdown埋め込み機能をつかうだけです。reveal.jsのREADMEを読むとめんどうなように見えますが、 revealjs.mako のようにテンプレートを書くだけ。とはいえ多少のコーディングが必要です。

詳細は以下のソースをみてください。

code highlight

コードハイライトつかえます。

#include <stdio.h>

// highlight test

int main(int argc, char *argv[]) {
    printf("hello, world!\n");
    return 0;
}

fragment

fragmentもつかえます。

... to step through ...

  1. any type
  2. of view
  3. fragments

長所

  • ブログ書くついてでにスライドもできる
  • スライドの共有が簡単
  • パワポ不要
  • さりげなくギークっぽさがアピールできる

短所

  • ブログとスライドのそれぞれの完成度を両立した記事にまとめるのは難しい
  • 多少はhtmlを書く必要があるときもある

まとめ

  • blogofileにreveal.jsを組み込んだ話を紹介しました
  • reveal.jsかっこいいです

About Me

pic
mojavy

Recent posts



Categories

Badges