2008/07/17
Growl風の通知をJavaScriptで行うjQueryプラグイン「jGrowl」
※ 画像は公式サイトデモより
Ajaxを使っている場合、その結果通知をどのように行うかは困るところだ。せっかく画面遷移のない、格好いい仕組みを使っているのに、ただ「完了しました」だけではあまりにもおざなりだろう。 0
右上に通知が出る
0
各Webサービスとも、通知のウィンドウは色々な工夫が凝らされている。自分のサイトで格好いい通知をしてみたかったら、このような仕組みはいかがだろう。 0
今回紹介するオープンソース・ソフトウェアはjGrowl、JavaScriptで作られたGrowlだ。
GrowlはMac OSXをお使いの方であれば知っているであろう、通知を行うためのフレームワーク的アプリケーションだ。Firefox、Cyberduck、Skypeなどなど、大抵のソフトウェアで利用されている。通知メッセージは画面の右上に表示され、時間が経過すると自動で消えていく、非常に使い勝手の良いアプリケーションだ。 0
複数の通知を表示したところ
0
jGrowlはそんな仕組みをJavaScriptで実現している。さらにjQueryプラグインとして提供することで、とても簡単に呼び出すことができる。Ajaxを使う場合はもちろん、様々な場面で利用できそうだ。 0
オプションは表示時間、表示場所（画面中央なども指定できる）、テーマ、角の丸み、常に残しておく設定や遅延時間設定など様々に存在する。複数の通知が出ると、全て閉じるためのボタンも表示される。 0
通知の仕組みを工夫すると、ユーザの注目を集めてユーザビリティも高くなる。どうせ出すのであれば、できるだけ邪魔にならず、かつ注目を集められる仕組みを導入しよう。 0
stanlemon.net : jgrowl
http://stanlemon.net/projects/jgrowl.html
0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート