この記事は、旧システム用に書かれたものです。
本システムでは正常に表示されない可能性があります。ご了承ください。

2008/08/31 (Sun) No.0849

ガジェットシステム搭載 【日・機】

ガジェットとは

ガジェットとは『小物』という意味ですが、コンピュータの世界では最近は『あるアプリに追加できるちっちゃなアプリ』というような感じで使われます。
有名だと思われるのは、VistaやGoogleのサイドバーの一つ一つのアイテム。あれらはガジェットと呼ばれています。

ガジェットシステムの実装

昨日、本ページのバージョンアップを行い無事に終わったわけですが、その後寝ている時に『メニューバーの下の余ってるスペースはもったいないな』と思ってしまいました。
で、いろいろと解決策を考えていたのですが、最終的には『じゃあメニューもカウンターも全部ガジェットという単位にすれば、左側も無限に拡張できる！』という結論に達しました。
というわけで、本日はその開発になりました。

ロード順序

今回、ガジェットシステムを導入したことにより、左側ガジェットページのロードが多少重くなってしまいました。
メインページが表示されるのがガジェットページの後になっているため、ホームページとしてはちょっと問題です。
そこで、ページをロード順序を変更して対応しました。
float:rightで右側から先に読み込んで、その後で左側に回りこみでガジェットを配置しています。スタイルシートすごい（・－・；）！
これによって、メインページが出てからガジェットが読み込まれていく、という理想のページレイアウトになっております。

いろいろなブラウザで、一応のレイアウトチェックはしたけど、大丈夫かなー。

ガジェットの配置

さて、実際にガジェットの配置になります。
メニューやカウンターを小さなページと考え、一つ一つのガジェットに、思い思いの機能を載せていきます。この開発はミスってもシステムに影響を与えないので、気楽にできてかなり楽しいヽ（・－・）ﾉ
今回は『メニュー』『カウンター』『今年の残り時間』『ナビゲーション』の４つのガジェットを追加しました。

ちなみに、今年の残り時間ガジェットはなかなか面白いと思います。
今年の残り時間を、秒・時間・日・百分率の４つの切り口で表示してくれるものです。
私のホームページを訪れてくれる人に、ささやかな"何か"を贈れたら良いな、と思っています。