Googleデスクトップガジェット - HelloWorldガジェットの作成（クイックスタート）

最小限の手順でHelloWorld！と表示するサイドバーガジェットを作成してみます。２〜３分で作ることができます。

サイドバーガジェット作成ツールを起動します。
※SDK(http://desktop.google.com/downloadsdksubmit?hl=ja)のdesigner/designer_ja.exe


図１：サイドバーガジェット作成ツール

新規プロジェクトを作成します。サイドバーガジェット作成ツールの「ファイル」メニューから「プロジェクトの新規作成」を選択します。


図２：プロジェクトの新規作成

プロジェクト名の入力画面が表示されるので、プロジェクト名を入力します。ここではhelloworldとします。


図３：プロジェクト名の入力

helloworldプロジェクトと関連ファイルの一覧が生成され、画面に表示されます。

図４：helloworldプロジェクト

デスクトップガジェット作成ツールの中央に見える四角形（viewオブジェクト）が、ガジェットの外観です。ここに、HelloWorldの文字列を設定してみます。

まず、画面上部に並んでいる部品(Div, Image, Button等)中の、Textをクリックし、そのまま画面中央の白い四角形にドラッグ＆ドロップします。


図５：ラベルエリアのドラッグアンドドロップ

次に、「HelloWorld」の文字列を指定します。画面右側のプロパティボックスを一番下までスクロールして、innerTextプロパティの値をHelloWorldに変更します。


図６：文字列の設定

プロパティボックスで文字列を設定すると、画面上に表示されている文字列も同時に変更されます（図６左側参照）。ただし、現在のままでは文字列が表示しきれていないので、ラベルエリアの幅を広げることにします。
部品の幅を広げるためには、プロパティボックスのwidthの値を変更します。


図７：ラベルエリアの幅変更

以上でプログラムの設定は終わりです。次に、ガジェットの配布形式であるggファイル(GoogleGadgetファイル)を作成します。

デスクトップガジェット作成ツールの「プロジェクト」メニューから「パッケージの作成」を選択します。


図８：パッケージの作成

成功すると、「helloworld.ggを作成しました。」というメッセージが表示され、プロジェクトフォルダにhelloworld.ggファイルが格納されます。


図９：helloworld.gg

上記の手順で作成したggファイルをダブルクリックすると、作成したアプリケーションをサイドバーに表示することができます。


図１０：サイドバーに表示

小さい！！！！！！！

プロパティボックスで、文字のサイズ・書体・色などを変更することができるので、興味のある人は試してみましょう。