これは使いやすい、HTML5+jQueryのプレゼンテーション用ツール -Deck JS

当サイトでもいくつか紹介したHTMLベースのプレゼンテーションツールですが、これ一番いいかもというのがリリースされたので紹介します。

以前紹介したものは、下記ページにまとめてあります。

• HTMLベースで作成できるプレゼン用スライドのまとめ

[ad#ad-2]

• Deck JSのデモ
• Deck JSのドキュメント
• Deck JSのダウンロード

Deck JSのデモ

まずは、デモからご紹介。

デモページ

操作はキーボードの矢印キー、マウスクリックに対応しており、矢印キーの操作もさくさくです。

Deck JSのナビゲーション機能

スライドのデザインやエフェクトも複数用意されており、デザインは自分で追加することもできます。
「sample deck」でそれらを試すことができます。

sample deck

デフォルトで用意されてる4スタイルをご紹介。

Style: Web 2.0

Style: Swiss

Style: Neon

Style: None

[ad#ad-2]

キーボードのショートカットは、[M]パネルの一覧表示、[G]スライドのジャンプが用意されています。

パネルの一覧表示[M]

Deck JSのドキュメント

ドキュメントも用意されており、カスタマイズも充実しています。

Deck JS -ドキュメント

deck.goto

パネルを数字指定でジャンプして表示します。[G]

deck.hash

#リンクで指定したパネルにパーマリンクを与えます。

deck.menu

パネルの一覧を表示します。[M]

deck.navigation

マウスクリックでナビゲーションします。

deck.status

現在表示しているパネルの数字と全パネル数を表示します。

対応ブラウザ

• IE7+
• Firefox
• Chrome
• Safari
• Opera

Deck JSのダウンロード

ファイル一式はデモページからダウンロードできます。

Deck JS