KADOYAN.com

【7月4日追記】さらにバージョンアップしました

画像関連の部分にちょっと余計な機能をつけて、バージョン1.12bにしてみました。

1.1bは下をご覧ください。

v1.12bの新機能

サンプルをご覧ください。

• jPresen バージョン1.12bサンプル

変更点としては、

• javascriptのファイル名を「jpresen.js」に変更
• imgで貼り込んだ画像を、クリックで拡大表示できるように

サムネイルと拡大画像を用意して…というのではなく、貼り込んである画像をそのまま拡大します（時間がない時には、サムネイルを作るのが面倒だなーと思っていたので）。

大きい画像をそのまま貼付けて、width、heightをいじって適度に小さくして置いておき、適宜大きくしてみせる…という用途を想定しています。

PCによってはかなり重い処理になるかもしれません。

ちなみに、小さい絵はそのまま拡大表示されます。

ダウンロード

jPresen1.12b（およそ600KB）

ダウンロード先を間違えていたので、修正いたしました。

presentation.jsからjpresen.jsにファイル名が変わっています。

サンプルの写真が大きくなったので、おまけPSDは外しました。

実際に使うときには、jQueryもダウンロードしてお使いください。

バージョンアップしました

HTMLベースで、Web標準っぽいプレゼンテーションソリューション（言い過ぎ）として作ってみたjPresenですが、昨日、初めて実際に使ってみました。
そこで、やっぱりこうした方がいいなぁと感じた機能をいくつか追加してみました。

まずはサンプルをご覧ください。

• jPresen バージョン1.1bサンプル

変更点

• スタイルを見直しました
• もんたメソッドを追加しました
• リンクを新しいウィンドウで開くようにしました
• キーボード操作ができるようにしました

基本的には、やっぱりHTML的にはシンプルに使えるようにしたいです。
もんたメソッドを使う際に、いつもclass="monta"を書かないといけないのはあまりいいアイデアではないような気がしています。(´･ω･`)

次は、画像を見せてプレゼンする機能を強化します。なるべくタグは少なくてすむように。

ダウンロード

jPresen1.1b（およそ2MB）

presentation.jsを入れ替えて、そのまま1.0bのHTMLは使えます。

今回も、おまけPSDが入っているのでちょっと大きいです。

実際に使うときには、jQueryもダウンロードしてお使いください。

1.1bにバージョンアップしました！

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

というわけで、こいつのプレゼンを作ってみました。

jPresenで作ったjPresenの特徴プレゼン

• 自分用に作ったので、私が使いやすい
• 作りが単純で分かりやすい

コノ辺がポイントです。

ダウンロード

ダウンロード：jPresen1.0b.lzh（およそ2MB）

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

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

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フォルダに入れてください。

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