!!!Windows サイドバー概要～ガジェットの表示 [Windows サイドバー][JavaScript] !!ガジェット !概要 *HTML およびスクリプトベースのアプリケーション *情報または機能をユーザーに示す *のアプリケーション、コントロール、Web サイトおよびサービスから取得 !構成要素 *XML *HTML *JScript *CSS !.gadget ファイル *構成要素のコレクションをzipアーカイブ !インストール *ダウンロードプロセスにより *ローカルからダブルクリックにより !![ガジェットマニフェスト|http://msdn.microsoft.com/ja-jp/library/bb508509(VS.85).aspx] *全体構成や表示情報を記載したXML *ガジェットピッカーを通じてユーザーに提示 *ガジェットパッケージに同梱する必要がある *名前は gadget.xml とする !!!開発 !!はじめに *Web サイトおよびサービスから取得した情報または機能をユーザーに示すことを目的 *Web ページの作成経験がある方には身近 !!ファイル *基本は 2 つのファイルから構成 !マニフェスト *XMLファイル *名前はgadget.xml !HTML *UIを提供 *コアコード *マニフェストで指定された名前 !!作成手順 *通常、開発フォルダにはホストするガジェットと同じ名前を付け、拡張子 .gadget を付ける !配置 *開発およびテスト中は、サイドバーに関連するシステムフォルダに配置するとより効率的 *これにより、ガジェットはガジェットピッカーに表示され、後のファイル処理を最小限に抑えることができる %USER_DATA%\Local\Microsoft\Windows Sidebar\Gadgets (ユーザーガジェット) %SYSTEM_ROOT%\Program Files\Windows Sidebar\Gadgets (グローバルガジェット) !!3 つのプレゼンテーション要素 !G:BACKGROUND *多数のメソッドを使用して、ガジェットの背景を宣言し、イメージソースを指定 *一般に、背景オブジェクトおよびそのイメージソースは、g:background 要素を使用してガジェット HTML ファイルで宣言 *役割は、アルファチャンネルを持つPNG画像をガジェットの背景として配置すること ""CSSのpositionで「absolute」を指定し、HTMLのレイアウトとは無関係に左上隅に配置するように設定 ""その後の要素が背景イメージの下に配置されないようにするため、z-indexスタイルに-1を指定 !GIMAGE *標準 HTML imgタグより効率的にガジェット DOM にイメージを追加する *リクエストされたファイルはローカルコンピュータにあることが必要 !G:TEXT !Settings *基本ガジェット UI に 2 つのユーザーインターフェイス (UI) 拡張子を定義 *ガジェットから情報を保存するには、ファイルに書き込むのではなくこのオブジェクトを利用 *System.Gadget.Settings **ガジェットの構成を変更 *System.Gadget.Flyout **ガジェット UI に関する追加的詳細または情報を表示 !![リファレンス|http://msdn.microsoft.com/ja-jp/library/aa965853(VS.85).aspx] !Gadget オブジェクト ::System.Gadget.Settings *Settings 機能 ::System.Gadget *基本的機能 ::System.Gadget.Sidebar *サイドバーの基本的機能 ::System.Gadget.SideShow *Windows Vista SideShow デバイスでサイドバー機能 ::System.Gadget.Flyout *Flyout 機能 !システムオブジェクト ::System.Contact ::System.ContactManager ::System.Debug *サイドバーガジェットスクリプトのデバッグに利用 ::System.Diagnostics.EventLog *Application イベントログエントリの書き込みに利用 ::System.Environment *システムおよびユーザー環境変数を決定 ::System.Machine *マシンプロセッサとメモリ特性を決定 ::System.Machine.CPU *System.Machine.CPU コレクションの各メンバー ::System.Machine.PowerStatus *コンピュータの電源状態 ::System.MessageStore *Microsoft Windows メール (旧称 Outlook Express) ::System.MessageStore.Folder *個々の Windows メールフォルダ ::System.MessageStore.Message *Windows メールの各メンバー ::System.Network.Wireless *ワイヤレスネットワーク接続性 ::System.Shell *Windows Shell 特性を示す ::System.Shell.Drive *システムストレージデバイスの特性を示す ::System.Shell.Folder *ファイル管理操作を実行 ::System.Shell.Item ::System.Shell.RecycleBin *Recycle Bin 特性 ::System.Sound ::System.Time *システム時間情報を決定 ::System.Time.timeZone *System.Time.timeZone コレクションの各メンバー !プレゼンテーションオブジェクト ::background *コンテンツおよびプロパティでガジェットの背景を宣言 ::image *ガジェットに表示するイメージ要素 ::text *ガジェットに表示するテキスト要素 !!サンプル !表示 ::gadget.xml WindowSidebarSample 1.0.0.0 Full ::WindowSidebarSample.html ::結果 *ガジェットの一覧に表示された {{ref_image win_sidebar01.jpg}} *起動したところ {{ref_image win_sidebar02.jpg}}