第2回 iGoogleガジェット制作の基本

はじまりはいつも"Hello, world!"

　前回はGoogleガジェットの使い方やその利点について解説しました。今回は、Googleガジェットの作り方を解説します。

　Googleガジェットは、XMLを書いて作ります。

　百聞は一見にしかずということで、Googleがサンプルとして提供している<a href="http://www.google.com/ig/modules/hello.xml" target="_blank">Hello Worldと表示するガジェットのXML</a>を見てみましょう。

　Moduleタグの子要素にModulePrefsタグとContentタグがあり、Contentタグの中にCDATAとして"Hello, world!"の記述があります。では、これをiGoogle上で表示してみましょう。

　iGoogleにログインし、iGoogleのページ右上の「コンテンツを追加」をクリックします。もしくは<a href="http://www.google.co.jp/ig/directory?hl=ja" target="_blank">このページ</a>を表示します。

　ページ左側のメニューバー下に「フィードやガジェットを追加」というリンクがあるので、そこをクリックしましょう。

　URLを入力する欄と「追加」ボタンが表示されるので、先ほどのHello worldガジェットのURLを入力して、「追加」ボタンを押します。

　「追加されました」という旨のメッセージが表示されたら、メニュー欄上部にある「iGoogleホームに戻る」をクリックして、iGoogleのページを表示させましょう。

　うまく追加できていると、ガジェット欄の左上に「hello world example」として、"Hello,world!"を表示しているガジェットが表示されていると思います。

　このように、GoogleガジェットはXMLによって定義され、インターネット上に公開されているXMLのアドレスをiGoogleに通知することで、iGoogle上でGoogleガジェットとして利用することができます。

XMLの記述方法

　先ほどのHello worldガジェットはシンプルな記述でしたが、一般的なガジェットはもう少し詳細な記述を行います。

　例えば、ガジェットの内容やスクリーンショット画像のURLを記述することで、<a href="http://www.google.co.jp/ig/directory?hl=ja&url=www.google.com/ig/modules/todo.xml" target="_blank">ガジェット詳細のページ</a>にその内容を表示することができますし、作者の情報を記述することで、<a href="http://www.google.co.jp/ig/authors?hl=ja&author=sophia.feedback%2Btodo%40gmail.com" target="_blank">ガジェット開発者のページ</a>にその情報を表示することができます。これらのガジェットや作者に関する情報は、ModulePrefsタグの属性値として記述します。

　公開時に記述しておくと良い代表的な内容を以下に紹介します（図1）。

　このほかにもガジェットの高さや横幅を指定したり、ガジェットにスクロールバーを表示するかどうかを指定する属性があります。より詳しい定義は、<a href="http://code.google.com/apis/gadgets/docs/reference.html#XML_Ref" target="_blank">ガジェットAPIのページ</a>で確認してみてください。

　ModulePrefsやContentsタグ以外に、Requireタグを書いてGoogleが提供するガジェットのAPIを利用したり、UserPrefタグを書いてユーザごとに情報を保存させることができます。この部分は、第4回のガジェットを実際に作るところで、もう少し詳しく解説します。