ITエンジニア/デザイナ向けにオープンソースを毎日紹介

impress.jsはprezi.comにインスパイアされた迫力あるダイナミックなプレゼンテーションを実現するソフトウェアです。

インパクトのあるプレゼンテーションを実現したいならばスライドにもこだわってみましょう。使ってみたいのはimpress.jsです。


何の変哲もないWebベースのスライドです。スペースキーや矢印キーでスライドを切り替えます。


突然大きな文字ベースのスライドに。


回転したり文字サイズが変わったりとかなり激しい動きです。


こちらが全体像。ぜひ下の動画を見てください。


デモ動画です。

impress.jsの使い方は簡単で、div.stepを定義してその中にHTMLでスライドの内容を記述していくだけです。data-rotateを使えば回転したり、data-scaleでスライドの大きさを変更できます。配置も自由に決められて、あっという間にインパクトの強いスライドが作れるでしょう。

impress.jsはJavaScript製、MIT License/GPLのオープンソース・ソフトウェアです。


MOONGIFTはこう見る

プレゼンテーションにスライドはつきものですが、それは長方形を並べたものに限りません。あれは紙に印刷した場合や、OHPの名残とさえ言えます。今では紙ベースよりもオンラインやコンピュータから見せることのが多いので、時代遅れとさえ言えそうです。

よりインパクトのあるプレゼンテーションを実現できるソフトウェアは人気が高いです。例えば新聞風にしたり、iPadに最適化するのも面白いかも知れません。自分用に作ってみて、面白そうなら公開してみるというのも良いでしょう。

impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz

bartaz/impress.js · GitHub

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2