サイトアイコン TechWave(テックウェーブ)

HTMLだけで実現できるクールなオンラインプレゼン 【@maskin】

via metamix.com

 外出先でのプレゼンとなると、ファイルを転送しなければならなかったり、プレゼン会場のマシンのフォントが違って崩れたり、アプリがインストールされてなかったり面倒なことが山程ある。

 結局、自分のノートパソコンを持ってきたのはいいけど、今度はプロジェクターに表示されない…などなど..

 そんな面倒も、HTMLにささっと書くだけで、オンラインでプレゼンテーションができてしまうサーバー用プログラム「Slippy」(6/3にリリース)を使えば、すべて問題解決してしまうかもしれない。

制作はHTMLで

 h1要素がタイトル、あとは li でリストにしたり、コードなら pre など、通常のHTML作成と同じ。画像は別途用意する必要はあるが、外部サイトからの引用もできるので、慣れればかなり快適になる。

キー操作でスライドアニメ

 HTMLとはいえスライド時のトランジションもある。ページへの直接ジャンプも可能。スライド一覧も[TABキー]で表示可能。派手なアニメはできないけど、これで十分かもしれない。

PHPが動作するサーバーで使用

 Slippyは基本的にサーバーに置いて使用する。ソースコードをダウンロードして、PHPが動作するサーバーに展開します。プレゼンファイルは、サンプルHTMLを参考に、ソースコードと同じ階層におけば、index.phpの方で自動でファイルリストに表示してくれる。

■筆者が作ったサンプルサイト
http://www.metamix.com/slide/
■公式 「Slippy」
http://github.com/Seldaek/slippy
■開発者のブログ
「Introducing Slippy – HTML Presentations」

ツイッター情報収集術

[POWERD_BY @tweejp.tools]

(増田(maskin)真樹)

著者プロフィール:増田(maskin)真樹

 1990年より執筆およびネットメディアクリエイターとして活動を開始。
 週刊アスキーを初め、日経BP、インプレス、毎日コミュニケーション、ソフトバンク、日経新聞など多数のIT関連雑誌で活躍。
 独立系R&D企業のマーケティング部責任者の後、シリコンバレーで証券情報サービスベンチャーの立ち上げに参画。
 ネットエイジでコンテンツディレクターとして複数のスタートアップに関与。ニフティやソニーなどブログ&SNS国内展開に広く関与。
 現在、複数のメディア系ベンチャー企業にアドバイザー・開発ディレクターとして関与。大手携帯キャリア公式ニュースポータルサイト編集デスク。書き手として、また実業家として長年IT業界に関わる希有な存在。

 6月17日 翔泳社より「Twitter情報収集術」を発売。

twitter:maskin

詳しいプロフィールはこちら

お仕事下さい m(_ _)m

モバイルバージョンを終了