ブラウザでプレゼンテーションするためのJavaScriptライブラリを調べて見ました。そのなかで特におすすめさせて頂きたい3つを紹介します。 deck.js Getting Started with deck.js 凝ったスライドを見せたいというようりもシンプルに利用したい人にお勧めです。 テクノロジーに強い層だけでなく幅広い層に対してWebでプレゼンテーションを公開する場合はdeck.jsが一番お勧めです。全画面展開をすると混乱を招く恐れがあるためヘッダー・フッターは残しつつ、コンテンツエリアでスライドを展開して、ページ送りボタンを目立たせる事で利用者に混乱が少ない状態でスライドをWebページに埋め込む事ができます。 サポートブラウザ 基本的にIE7以上をサポート対象 Github imakewebthings/deck.js · GitHub Star: 4020 Fork: 478
仕事で社内向けにプレゼンしなければいけなくなったので、年末のこの忙しい時期に、せっせと資料をこしらえてる最中です。 自分の場合、テキストファイルに下書きした後 PowerPoint 使って清書、という流れで資料を作ることが多いんですが、清書めんどいし PowerPoint は使いにくい。エディタで書いた下書きをそのままプレゼンで使えたらいいのに！ そんなことを考えていたら、Web ブラウザでプレゼンできる HTML ベースのツールの存在を思い出しました。Slidy と S5 が有名なんですが、Slidy はプレゼンで使うマシンのブラウザで動かなかったので見送り。S5 の改良版 S5 Reloaded を採用しました。 ここから S5 Reloaded をダウンロード。 S5 Reloaded • Enhanced version of the browser-based presentat
CSSslide は、Web ブラウザで動くプレゼンツールです。 HTML Slidy や S6 にインスパイアされて作りました。CSS と JavaScript を組み合わせて作れます。実装が単純な反面、CSS を変更するだけで簡単にレイアウトを変更できます。 サンプル サンプル 1 : 黒を基調としたクールなデザイン。 サンプル 2 : 白を基調としたシンプルなデザイン。Firefox なら、メニューの 表示 → スタイルシート で配色を切り替えできます。 ダウンロード バージョン 1.0 CSSslide.html CSSslide.css CSSslide.js 上記の 3 つのファイルをダウンロードし、CSSslide.html を編集することで本文を作成できます。 PC 内でもサーバ上でもどちらでも動作します。 ライセンスは クリエイティブ・コモンズ 表示 2.1 日本 と M
昨日のエントリーで、プレゼンの資料において、「色に情報を運ばせる」ことについて簡単に触れたが、少し説明が不十分だったと思われるので、具体的な例をあげてもう少し分かりやすく説明しよう。 まずは下の図を見て欲しい。 ブログに関わる人たちをグループ化した図だが、グループが三階層に分かれることと、その数が上位層になるほど数が少なくなることを表現する、という目的はきちんと果たしている。 問題は色使いである。せっかくカラー画面を使ってプレゼンをするのだからと、色を着けたのだろうが、色分けそのものは何の役も果たしていない。「役目はないが、無駄ではなかろう」というのが通常の考え方だが、Tufteはそれを「情報量の無駄使い」と呼ぶ。彼ならば、こんな「色使い」を薦めるだろう。 上位層に行けば行くほどブログとのかかわりが「濃い」ことを色の濃淡で表している。つまり色情報がちゃんと役割を果たしているのだ。それに加え
「スティーブ・ジョブスに学ぶプレゼンのスキル」は、このブログの人気エントリーの一つだが、ことプレゼンに関して私が師と仰ぐのはEdward Tufteである。日本ではあまり名が売れていないようだが、米国では「データのプレゼン技法」に関しては第一人者で、本も何冊も書いているし、全米各地でセミナーも行なっている。 私自身も、一日セミナーに参加したことがあるが、膨大な量の実例を集めて、それぞれのどこが優れているか、どこがダメなのかを的確に分かりやすく説明してくれるTufteは、まさに「プレゼンの神」であった。彼からは色々なことを教わったが、特に心に残り、今でも常に実戦しようと心がけていることは、 ・文字に頼らず、図を効果的に使うこと ・一度に見せる情報量を絞ること ・意味を持った色使いをすること の三つである。特に最後の「色も情報を運ぶことができる」という点は、それまで意識したことがなかっただけに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon： Preziで始めるズーミングプレゼンテーション: 筏井 哲治: 本
