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でできているというわけです。

JavaScript勉強し出す

最近 JavaScript を勉強し出しました。もうほとんど0からのスタートです。

自分も含めてですが、(X)HTMLとCSSしかできないっていう人は、このJavaScriptというのが難しいとか、習得に時間が掛かるとか思ってしまう。確かにそれはその通りで、以前独学でCSSのみのレイアウトの仕方を学んだときよりかはすごく時間は掛かりそう。でも掛ける価値はありそう。

JavaScriptを始めたきっかけはTwitter。Twitterをやっている人たちはWeb系の人が多く、流れてくるログを見ていると、特にプログラミングに長けた人が多い印象を受けます。JavaScriptの達人のような人ももちろんいるわけです。たまに勉強会が行われていたりもしているようです。

実はこれだけだと「すごい人達だなー」とただただ尊敬のまなざしを送るだけだったのですが、若い学生の方々でこれに触発されて「自分もJavaScriptやる!」という人が出てきたわけです。←これに触発された。

ということで、何か勉強するための参考書がないものかと本屋に出向き、まず1冊買ってきました。

Vista、Google、Yahoo! 対応 ガジェットプログラミングのためのJavaScript入門

Vista、Google、Yahoo! 対応 ガジェットプログラミングのためのJavaScript入門

  • 作者: アスキー書籍編集部
  • 出版社/メーカー: アスキー
  • 発売日: 2007/08/24
  • メディア: 単行本(ソフトカバー)

たくさんある中でこの参考書を買った理由はガジェットプログラミングの部分。

JavaScriptを勉強するからといって、今のところJSで何かやりたい!という強いものが自分には無いんですよ。これは勉強する上で最大の敵。ですがこの本では最終的にVistaのガジェットやGoogleガジェット、Yahoo!ウィジェットを作成できるという。これは面白そうだし、これを当面の目標としてみよう!ということでこの本に決めました。

そんなかんじで勉強をスタートしたわけですが、とりあえず「Hello Wolrd.」を出してからまだ1週間といったところ。ifにforにwhileにswitchにあと配列だったりと、とりあえず基本構文真っ盛りです。油断しているとwhileあたり抜けていきそうな雰囲気。

実はサブタイトルの部分をこっそりランダム表示にしたりしています。基本的なJSですが、覚えたことはやりたくなるもので。たまによく分からない文字列も出ますが、気にせずスルーしておいて下さい。