多機能さが売りのダイナミックスライド「jmpress.js」
jmpress.jsはImpress.jsライクなダイナミックプレゼンテーションを実現するjQueryライブラリです。
一つのWebページ上でダイナミックなスライドを展開するimpress.jsを先日紹介しましたが、さらにすごいプレゼンテーションを展開できるかもしれないスライドライブラリがjmpress.jsです。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.20.41_thumb.1357703629.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.20.41.1357703629.png)
トップページです。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.20.46_thumb.1357703633.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.20.46.1357703633.png)
Impress.jsライクにぐるぐる動き回ります。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.20.54_thumb.1357703636.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.20.54.1357703636.png)
画像も表示できます。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.21.13_thumb.1357703640.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.21.13.1357703640.png)
プレゼンノートも出せます。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.21.31_thumb.1357703643.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.21.31.1357703643.png)
ズーム対応です。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.21.41_thumb.1357703647.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.21.41.1357703647.png)
スライド内でのアニメーションも可能です。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.22.18_thumb.1357703652.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.22.18.1357703652.png)
こちらはボックス。立体のボックスが回転します。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.22.28_thumb.1357703656.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.22.28.1357703656.png)
自動的にレイアウトを調整してくれるサンプル。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.23.12_thumb.1357703663.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.23.12.1357703663.png)
動的にスライドを生成するサンプル。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.23.22_thumb.1357703666.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.23.22.1357703666.png)
上に並んだサムネイルが回転しながら順番にスライド表示されます。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.23.53_thumb.1357703670.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.23.53.1357703670.png)
画像をメインコンテンツにしたスライドサンプル。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.24.05_thumb.1357703676.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.24.05.1357703676.png)
写真のサムネイルが並んでいます。
[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.24.29_thumb.1357703683.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-09 10.24.29.1357703683.png)
こんな感じでサークルになっている例も。
jmpress.jsはとにかくアクションの数が豊富なのが特徴です。所狭しとフォーカスが切り替わり、コンテンツがクローズアップされます。非常にインパクトあるスライドが実現することでしょう。
jmpress.jsはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
MOONGIFTはこう見る
jmpress.jsで便利だと思った点が、Escキーを押すとダイナミックな部分が消えて素のHTMLとして表示が可能になる所です。プレゼンテーションとして聴衆を前に大々的に行う場合はダイナミックに、ブログのコンテンツなどにしたい場合はシンプルに表示ができるのです。
また、自社サービスの紹介などでインパクトを出したい場合と、手早く説明したい場合とで使い分けもできます。同じコンテンツを使って、聞き手に応じて見せ方を変えられるという点はとても大事です。時間のない人に対してダイナミックな動きを演出したところでストレスになるだけでしょう。
jmpress.js | a jQuery plugin to build a website on the infinite canvas