iGoogleガジェット制作の基本

はじまりはいつも"Hello, world!" 前回はGoogleガジェットの使い方やその利点について解説しました。今回は、Googleガジェットの作り方を解説します。  Googleガジェットは、XMLを書いて作ります。  百聞は一見にしかずということで、Googleがサンプルとして提供している

栗栖 義臣

2008年5月14日 20:00

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

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

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

 百聞は一見にしかずということで、Googleがサンプルとして提供しているHello Worldと表示するガジェットのXMLを見てみましょう。

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

 iGoogleにログインし、iGoogleのページ右上の「コンテンツを追加」をクリックします。もしくはこのページを表示します。

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

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

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

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

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

XMLの記述方法

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

 例えば、ガジェットの内容やスクリーンショット画像のURLを記述することで、ガジェット詳細のページにその内容を表示することができますし、作者の情報を記述することで、ガジェット開発者のページにその情報を表示することができます。これらのガジェットや作者に関する情報は、ModulePrefsタグの属性値として記述します。

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

 このほかにもガジェットの高さや横幅を指定したり、ガジェットにスクロールバーを表示するかどうかを指定する属性があります。より詳しい定義は、ガジェットAPIのページで確認してみてください。

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

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30