ガジェット・マスターへの道

ガジェット・マスターへの道
平成19年10月19日
図書系のための
アプリケーション開発講習会
ガジェットの種類
• PCのデスクトップ上で使えるもの
– Maintochガジェット
– Vistaガジェット(Thoosje Vista Sidebarをインストール
すれば、Windows XPでも動作)
– Googleデスクトップガジェット(Windowsのみ)
– Yahooウィジェット
• ポータルサイト上で使えるもの
– Live.comガジェット
– Googleガジェット
前田主観による
作りやすさの順にソートしました!
一.
二.
三.
四.
五.
六.
Googleガジェット
Yahooガジェット
Windows Vistaガジェット
Macintosh ダッシュボード
Live.comガジェット
Googleデスクトップガジェット
これだけ覚えれば
(ほぼ)大丈夫な要素技術
• HTML
– これは、既にマスター済みですよね?
• XML
– ガジェット用の設定関係の記述などで使う。HTMLっぽいので
覚えるのは楽。既存のXMLを使う場合は、タグの名前と例示
をみててきとうに記述を埋めていくだけで、OK。
• デジタル画像
– ガジェットには、ぜひ格好いい背景画像がほしいところ。GIF
画像とかが作れればOK。
• JavaScript
– こればっかりは勉強しましょう。見た目に派手なものは作れる
ので、みんなをびっくりさせるのにも使えます。
• Ajax
– Ajaxというとデスクトップ上のソフトみたいなインターフェイス
を思いうかべるかたもいそうですが、じみーなところから派手
なところまで活躍してます。
Ajaxとは
• JavaScriptによるHTML文の一部書き換え
(通常は <div>で指定したブロック)
• それに加え、サーバとのネットワーク通信
– サーバ側でJavaScriptが処理しやすいデータ
形式でやりとりをするようにすると、話が簡単。
• JavaScriptのライブラリ”Prototype.js” を使う
と、作成が楽。
東大OPACガジェット 構成案
OPACデータを直に取り込むルート
OPACサーバ
OPACデータ
ガジェットを入れたPC
いったん、OPACデータを講習会
サーバで加工するルート
講習会サーバ
通常のOPACではなくi-mode OPACのほうがガジェット向きかも
どこから手をつける?
• 簡単そうなところで、東大図書館Google
ガジェットを、はやばやと作ってしまう
• まずはJavaScriptをマスターしたい
• 「智は力なり」 Ajaxの理論を極めたい
参考資料
• 「ガジェットプログラミングのための
JavaScript入門」(ASCII)
• “Macwiki”のダッシュボードの解説
– http://macwiki.sourceforge.jp/wiki/index.php/D
ashboard