Home » iGoogle ガジェットの作り方 » 下準備 - 開発環境を整える
iGoogle ガジェットもぶっちゃけプログラムですので、作り始めるにあたってはテスト実行用の環境が必要です。
具体的には以下のものが必要になります。
- Google アカウントと iGoogle
- ガジェットホスト (自分のウェブサイトもしくは Google Gadget Editor)
- My Gadgets (iGoogle ガジェットローダ)
このページでは、開発環境を整えてから、簡単なガジェットを動かすまでを説明します。
Google アカウントを作成
何はなくとも Google アカウントがなければ話が進みません。
まだアカウントをお持ちでない方は
iGoogle
などより Google アカウントを取得してください。
とりあえず何か動かしてみる
意外とここのハードルが高かったりします。
まあハードルが高いというか、日本語版のマニュアルに大事なところが抜けているような感じなのですが。
内容的には XHTML と JavaScript
が分かる方ならあまり難しいことはないと思います。
マニュアルはガジェット - Google Code
以下に収録されています。
ガジェット* デベロッパー ガイドと
Legacy Gadgets API Developer's Guide (英語)
が主に見るマニュアルになっているようですが、
Legacy Gadgets API Developer's Guide にしか書かれていないことも結構あるようです。
なんで、英語が分かる方は日本語のマニュアルは捨てちゃった方がいいかもしれません。
実行環境を準備する
iGoogle ガジェットのテスト実行には、My Gadgets
が使用できます。
Google アカウントでログインし、上記のリンクから My Gadgets を
iGoogle に追加します。
ちなみに My Gadgets
に関する情報は上記のマニュアルには書かれておらず、
Legacy Gadgets API Developer's Guide (英語) の
Adding the Developer Gadget
に書かれています。
ヘローワールドを動かす
「Hello, World」に例示されているガジェット用の XML をコピペして、自サイトに置きます。
自分のサイトが無い方は、Google Gadget Editor (GGE) を使用してホスティングできます。
GGE の使い方については、
Google Gadgets Editor を使用したホスティングをご覧ください。
ちなみに Google Gadgets Editor
を使用したホスティングのページからは
GGE のページへのリンクがありません。
この辺がマニュアルがまとまっていないと言った所以です、Google 陛下。
で、426分隊に置いたヘローワールドガジェットがこれ。
ちょろっとだけカスタマイズしてますw
ガジェットをホスティングしたら My Gadgets
を使って新しいガジェットを iGoogle ドックに追加します。
My Gadgets の Add a gadget: 欄にガジェットの URL
(今回の例では http://www.chimpan426.org/ig/hello.xml) を入力し
add を押すとガジェットが追加されます。
なお、Google 側でガジェットのキャッシュを持ってるようですので、
ガジェットを書き換えたのに表示に反映されない場合は
My Gadgets の Cached チェックを外してみてください。
