Googleデスクトップガジェット - HelloWorldガジェットの作成（クイックスタート）Advertisement概要
最小限の手順で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ファイルをダブルクリックすると、作成したアプリケーションをサイドバーに表示することができます。
 図１０：サイドバーに表示 小さい！！！！！！！ プロパティボックスで、文字のサイズ・書体・色などを変更することができるので、興味のある人は試してみましょう。 Advertisement |
ショートカット・634・634ブログ ・このカテゴリのトップページに戻る ・Incubator(Pukiwiki) ・634ラボ UIコレクションギャラリー ZO-3ジェネレーター サイト検索Y!ログール |
