Google/iGoogle/ガジェット

1月 1, 2003 · Posted in Google, iGoogle · Comment 

APIドキュメント

-Google公式のAPIドキュメント
–http://code.google.com/intl/ja/apis/gadgets/docs/dev_guide.html

helloworld

おやくそく。
画面（ガジェット）にHello, world!と表示する。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="hello world example" />
<Content type="html">
<![CDATA[
Hello, world!
]]>
</Content>
</Module>

[[Google ガジェット API 開発者向けガイド>http://code.google.com/intl/ja/apis/gadgets/docs/gs.html]]内の、「スクラッチパッド: 今すぐ始める」というセクションに、コードを簡易実行できるスクラッチパッドがある。
Editorタブ内に上記のコードを貼り付けて、Previewタブを選択すると、コードの実効結果が表示される。

実行結果例

人のガジェットのソースをこっそり見る方法

[[ガジェットのカテゴリページ>http://www.google.co.jp/ig/directory?type=gadgets]]にアクセスして、ガジェットの検索欄に「My Gadgets」と入力して検索します。

My Gadgetsというガジェットが見つかるので「今すぐ追加」ボタンを押下して、iGoogleに追加します。

追加されたMy Gadgetsに、iGoogleに設定したガジェットのxmlファイルがリストアップされるので、参照したいファイルをクリックすると、xmlファイルを表示することができます。

ユーザー設定の定義

Googleガジェットでは、ユーザ個別の設定を定義することができる。設定は、永続的に保持される。

例：入力欄・チェックボックス・選択リスト

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Preferences for __UP_myname__" height="250" />
<UserPref name="name" display_name="名前を入力してください" />
<UserPref name="showimage" display_name="画像を表示しますか？" datatype="bool"/>
<UserPref name="area" display_name="所在地" default_value="東京" datatype="enum" >
<EnumValue value="北海道" />
<EnumValue value="東京" />
<EnumValue value="横浜" />
<EnumValue value="静岡" />
</UserPref>
<Content type="html">
<![CDATA[
]]>
</Content>

iGoogle上でのガジェットの開発

1.My Gadgetガジェットの追加

iGoogleに[[My Gadget>http://www.google.co.jp/ig/directory?q=developer&hl=ja&type=gadgets&url=www.google.com/ig/modules/developer.xml]]を追加します。

2.Google Gadget Editorガジェットの追加

iGoogleに[[Google Gadget Editor>http://www.google.co.jp/ig/directory?q=gadget+editor&hl=ja&type=gadgets&url=www.google.com/ig/modules/gge.xml]]を追加します。

3.ガジェットの開発

Google Gadget Editor上でガジェットを開発します。
Editorタブでコーディングして、Previewタブで実行することができます。
メニューのSAVE（保存）を実行すると、Googleの専用ホスティングページに開発中のガジェットを保存することができるので、ローカルマシンにバックアップを取る必要がなく、どんな環境でもブラウザさえあれば、ガジェットを作成することができます。

Tags: no tags