ゲット!ガジェット

Window Vistaの新機能サイドバーガジェット(SideBar Gadget)の
ホームページ「ゲット!ガジェット」
誰でも簡単に作れて、とっても便利。サイドバーガジェットの可能性を追求します!

border

ガジェットを作る

サイドバーガジェットは、通常のホームページと同じように、HTML,CSS,JavaScriptで作ることができます。多少乱暴ですが、幅140pxのIE7が常時デスクトップにあると考えればわかりやすいかもしれません。ブラウザからの利用との違いは、ガジェット独自のオブジェクトが使えることです。また、JavaScriptでアラートが出ないとかの違いがありますが、まずはガジェットを作ってインストールしてみましょう。

作成の手順

(1)好きな名前でフォルダを作成する

この中にガジェットを作りこんでいきます。

▼いきなりインストール先のフォルダ内に作成するには

作ったガジェットは最後にインストールするのですが、はじめから、インストールされるフォルダの中に作ることもできます。その場合は、下記のフォルダの中にフォルダを作ります。

C:\ユーザー\(ユーザー名)\AppData\Local\Microsoft\WIndows Sidebar\Gadgets

このフォルダは隠しフォルダのため普通には見れません。フォルダオプションですべてのファイルを見れるように変更するか、上記をコピーしてアドレス部分に貼り付けてご利用ください。

フォルダ名は○○.gadgetとします。フォルダの拡張子がgadgetです。

(2)そこにHTMLファイルやJavaScriptファイルを作成する

ホームページを作る要領でHTMLを書き、(1)で作ったフォルダに保存します。bodyの幅は130px程度、高さも指定しましょう。このとき文字コードをUTF-8で保存してください。

▼サンプルHTML(test.html)

<html>
   <head>
      <style>
         body {
            width:130;
            height:200;
         }
      </style>
   </head>
   <body>
      テスト
   </body>
</html>

(3)gadget.xmlを作る

ガジェットのルールを記載するファイルgadget.xmlを作成し(1)で作ったフォルダに保存します。ここでも文字コードはUTF-8を使用してください。

サンプルgadget.xml

<?xml version="1.0" encoding="utf-8" ?>
<gadget>
   <name>ここにガジェット名</name>
   <version>1.0.0.0</version>
   <author name="あなたの名前">
      <info url="あなたのホームページ" />
   </author>
   <hosts>
      <host name="sidebar">
         <base type="HTML" apiVersion="1.0.0" src="(2)で作ったファイル名" />
         <permissions>full</permissions>
         <platform minPlatformVersion="1.0" />
      </host>
   </hosts>
</gadget>

(4)ガジェットの形式にする

続いて、(2)と(3)で作ったファイルをガジェットとして認識させます。それにはZIP形式で圧縮して、その拡張子を.gadgetにすればOK!(1)でインストールフォルダに直接作った場合は、以下は不要です。

(2)(3)で作成したファイルをすべて選択して右クリック→送る→圧縮(ZIP形式)フォルダ

ファイル名の拡張子を.gadgetにして作成。

以上でガジェット作成完了です!作成したファイルをダブルクリックしてインストールできます。

右に内容が表示されれば成功です。

メニュー

このホームページについて
ガジェットを使う
ガジェットを作る
ご利用について
リンク集

ダウンロード

郵便番号・住所検索ガジェット

お役立ちリンク

Google
Yahoo Japan!

運営会社

株式会社イーナ
〒530-0001
大阪市北区梅田1-1-3-1100
大阪駅前第三ビル11階22号
E-Mail:info@qrmail.jp
TEL:06-6380-3991
FAX:06-6380-3992

繁盛メール

システム開発ならイーナにおまかせ!

bottom