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かっこいいです

ブログ引越しました

November 06, 2011 at 07:44 PM | categories: blog, blogofile |

いままでblogger使ってましたが、github pagesに引越しました。

http://tanarky.com/blog/2011/10/29/002_github_blogofile_original_domain/ を参考にしてblogofileで構築しました。

デザインは http://www.webdesignlondon-tristar.co.uk/website-templates から拝借しました。

blogofileのテンプレートは https://github.com/mpirnat/blogofile.com あたりを参考にするとよいと思います。

よくあるブログサービスをそのまま使う場合と比べると構築までのハードルが若干高いですが、今後ちょっとしたウェブページをつくりたくなったときもソースをそのまま流用できるし、bloggerで色々不満だったことが解消できてよい感じです。

About Me

pic
mojavy

Recent posts



Categories

Badges