【jQuery】htmlでプレゼンテーション「jPresen」

カテゴリー:jQuery

7月4日追記:1.1bにバージョンアップしました!


HTMLベースで、PowerPointみたいな(あえてKeynoteとは言わない)プレゼンテーション用のスライドを簡単に作れる「jPresen」と名付けたものを公開しました。

ちょっとしたHTMLの知識があれば、余計なことを考えずにさくさくスライドが作れます。

制作の背景

プレゼンテーションソフトというと、おなじみ「PowerPoint」や、 誰でもカッコいいスライドが作れる「Keynote」あたりが代表的なものですが、作り出すと、中身以外の部分(トランジションの付け方とか色とか)に気を取られて、意外と中身をうっかりしてしまったりします。

あと、それぞれアプリケーションがないところではPDFにでも書き出さないといけないし、そうなると、時間をかけて作り込んだトランジションも再現されません(自分の場合、これが多い(´・ω・`))。

それほど見た目を気にしなくていいものだったら、余計な操作をしなくてもいい分、HTMLで書いちゃった方が早いんじゃないか?と思い立って、HTMLでプレゼンテーションできるものを作ってみました。
いまどきブラウザのはいっていない環境は考えられないし。

jPresen

名付けて「jPresen」!!(笑)
ググってもこの名前ではそれらしいものが引っかからなかったので適当に名付けました。jQueryを使っているのでjPresen。
バージョン名のつけ方がよくわからなかったので、とりあえず動くし…ということで1.0bにしました。

ライセンスは、jQueryにあわせてGPLということになりますね。

自分の場合、教室みたいなところで投影したり、画面に出したりすることが多いので、あまり文字は大きくしてありません。

サンプルとダウンロード

動作サンプル

一番上の全体タイトルをクリックすると一ページ戻り、ページのタイトルをクリックすると次のページに進みます。
右上のプルダウンで、ダイレクトにページにアクセスできます。
IE6では十分に動かないので、Windowsの方は、FirefoxやSafari、IE7等(IE7でも動きません)をお使いください。

ダウンロード:jPresen1.0b.lzh(およそ2MB)

背景につかったPSDファイルをおまけで入れているため、少し大きいです。
jQueryは入っておりませんので、packedかuncompressedのパッケージをダウンロードして、「jquery.js」にリネームして、jsフォルダに入れてください。

いろいろ不備はあると思いますが、ご意見などいただけるとうれしいです。

2008年7月01日(火曜日)/12時55分 - kadoyan -
Yahoo!ブックマークに登録Yahoo!ブックマークに登録はてなブックマークに追加はてなブックマークに追加

トラックバックURL:

 
%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%34%63%34%63%64%38%36%66%30%64%30%65%65%61%33%65%31%38%64%62%33%32%31%38%66%30%32%66%66%65%38%31%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%37%35%33%65%64%65%30%62%33%65%66%33%65%32%63%66%63%61%35%38%66%35%34%32%37%62%38%62%35%30%62%32%22%3e
CATEGORY