プロプログラマ

プログラマーを職業としてます。 Flex,Air,C#,Oracle,HTML+JSの言語ノウハウを中心に情報発信していきます

[IT] Windows7用ガジェットを作成する

例として、Google検索窓のガジェットを作ってみます。

▼エクスプローラで以下のフォルダを開く
%USERPROFILE%\AppData\Local\Microsoft\Windows Sidebar\Gadgets

▼新しくフォルダを作成する
○○.gadgetという名前にする

▼フォルダ内にgadget.xmlを作成する
ファイルは、UTF-8で保存してください。

<?xml version="1.0" encoding="utf-8"?>
<gadget>
  <name>GoogleSearch</name>
  <version>
     1.0.0
  </version>
  <author name="propg">
    <info url="http://propg.ee-mall.info" text="propg"/>
    <logo src="logo.png"/>
  </author>
  <copyright>
     c 2011
  </copyright>
  <description>グーグル検索窓を表示します</description>

  <hosts>
    <host name="sidebar">
      <base type="HTML" apiVersion="1.0.1" src="calendar.html"/>
      <permissions>
          Full
      </permissions>
      <platform minPlatformVersion="1.0"/>
    </host>
  </hosts>
</gadget>

▼calendar.htmlを作成する 同じフォルダ内に置く こちらも同じくUTF-8で保存

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>Google Search Gadget</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
* { margin: 0; padding: 0; }
body { width: 500px; height: 70px; text-align:center;}
input { width: 100%; }
</style>

<div>
<form action="http://www.google.com/search">
Google 検索:<br>
<input type="text" name="q" style="width:80%">

<input type="submit" value="検索" style="width:60%">
</form>
</div>

▼Windows7上で、ガジェットの追加を行うと、一覧に追加したガジェットが表示されるのでこれを追加する。

ただ作るだけなら簡単です。
一度御試しあれ。

 

== ランキングに参加しています。ぜひクリックお願いします ==

プログラム ブログランキングへ
にほんブログ村 IT技術ブログへ
にほんブログ村

, ,

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください