Mac OS XのDashboardのウィジェットは、HTML/CSS+JavaScriptの組み合わせでできているので、jQueryやPrototype.jsなど既存のJavaScriptライブラリーも使用できます。今回のJavaScriptラボは、jQueryを使ってスライドショーを表示するDashboardウィジェットを作成します。最終的には非同期通信を利用したRSSリーダーも作成します。
DashboardウィジェットでjQueryを使う
Dashboardウィジェットは、ネットワーク上にあるライブラリーに直接アクセスできますが、ウィジェットが必ずしも通信できる環境で動いているとは限りません。そこで、ライブラリーはあらかじめウィジェットに組み込んで使用します。
jQueryライブラリーを以下のサイトからダウンロードしましょう。
- jQuery
- http://jquery.com/
次に、jQueryライブラリーに対応したスライド表示ライブラリーをダウンロードします。jQuery用のスライド表示ライブラリーは多数ありますが、今回は「jQuery Image Slide Show」を使います。
- jQuery Image Slide Show
- http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption