chocobit

html5テスト運用中

Search

Windows Vista ガジェットを作ってみた

先月、JavaScript勉強し出すというエントリーをしましたが、その後もコツコツと勉強していっており、なんとかWindows Vistaのガジェットを作るところまできました。

Vistaのみ動くガジェットなので、まだまだXPが多い現状を考えると需要は少ないですが、せっかく作れるようになったのでちょっと配布しようかと思います。ベタですがアナログ時計で。(プログラムも簡単だし...)

ガジェットのサンプル

このコンテンツをご覧になるには最新のFlashプラグインが必要です。

Adobeサイトより最新のFlashプレイヤーをダウンロードしてください。

またJavaScriptも必要になりますので、ブラウザの設定でJavaScriptを有効にしてください。

色々とすいません。

Download

インストール方法

  1. 上の「Download」から「choco_clock.gadget」というファイルをデスクトップなりハードディスクのどこでも良いので保存します。
  2. 「choco_clock.gadget」をダブルクリック、「インストールする(I)」でサイドバーに追加されます。
  3. インストーラの「choco_clock.gadget」はもういらないので消去してもらって構いません。

とまあ説明するほどでもなかったのですが一応。

背景のカスタマイズ

「角丸にする」「ドロップシャドウを付ける」の選択ができます。

  1. ガジェットの右上にあるレンチマークをクリック。
    背景の設定
  2. プルダウンで4つの背景が選択できます。
    背景の選択
  3. OKで選択した背景が反映されます。

実際のイメージは以下のようなかんじです。

ノーマル(ドロップシャドウ有)の画像

ノーマル(ドロップシャドウ有)

ノーマル(ドロップシャドウ無)の画像

ノーマル(ドロップシャドウ無)

角丸(ドロップシャドウ有)の画像

角丸(ドロップシャドウ有)

角丸(ドロップシャドウ無)の画像

角丸(ドロップシャドウ無)

余談ですがインストールしたガジェットは以下のフォルダに保存されます。

C:\Users\ユーザー名\AppData\Local\Microsoft\Windows Sidebar\Gadgets

インストールした方は「choco_clock.gadget」というフォルダができているはずなので、中のファイルを開けると色々と仕組みが丸見えになります。ガジェット独自のタグも多少ありますが、ほとんどが基本的なhtmlやJSでできているというわけです。

Tag

Message

Message

Trackbacks (0)

TrackBack URL

Page Top