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

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

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)真樹)