キラーガジェット登場はアプリ業界を再編――事例で見るLiveガジェット：Windows Liveが魅せる次世代マッシュアップ（2/4 ページ）

オンラインアプリケーションへの期待度が高まっている。幾つものローカルアプリがWebアプリへと展開する現在、従来からのWebページ作りのノウハウが脚光を浴びているのだ。

[森川拓男，ITmedia]

　今回紹介している「カウントダウン」も例外ではなく、「Countdown.xml」「CountdownGadget.js」「stylesheet.css」から構成されているのだ。

　「カウントダウン」のマニフェストである「Countdown.xml」はリスト1の通りだが、まずはリスト（ソース）を見る前に、このLiveガジェットの主な動作を覚えておこう。

カウントダウンする日時をプルダウンから選択、「Text to display」に表示させるメッセージを入力して「start countdown」ボタンをクリックする

設定したメッセージと残り日数が表示されて、指定時間が来ると犬のイラストが骨のイラストに変わって、時間が来たことを表示する。「reset」ボタンからやり直すことが可能だ

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　リストを見てもらえば一目瞭然だが、マニフェストファイルとは、そのLiveガジェットの名前と説明、実際に使用するスクリプトとスタイルシート指定が定義されたものだ。このマニフェストは、要所を書き換えるだけで、そのままほかのLiveガジェットにも応用可能なテンプレートと見ることもできる。つまり、Liveガジェットのマニフェストは、上記を流用して書き換えればよいということだ。

　続いて、プログラム本体である「CountdownGadget.js」を見ていこう。

　リスト2に引用した「initialize Method」で、基底のinitializeメソッドを呼び出して、保存値を取得している。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　イーストからの開発担当者コメントによれば、「Vistaガジェットの場合はローカルに何でも保存できるけど、Liveガジェットの場合はローカルに保存することはできない――そう考える開発者も多いという。しかし、実はこのLiveガジェットのように自分のLiveアカウントとひも付けて保存することが可能なのだ」という。