さりげなくメッセージを出すjQueryのライブラリ「jGrowl」

さりげなくメッセージを出すのが、こんなに簡単にできるとは!

GrowlはMac OSXをお使いの方であれば知っているであろう、通知を行うためのフレームワーク的アプリケーションだ。Firefox、Cyberduck、Skypeなどなど、大抵のソフトウェアで利用されている。通知メッセージは画面の右上に表示され、時間が経過すると自動で消えていく、非常に使い勝手の良いアプリケーションだ。

MOONGIFT: » Growl風の通知をJavaScriptで行うjQueryプラグイン「jGrowl」:オープンソースを毎日紹介

それが「Growl」らしい。
妻は今現在Mac使いだが、私のMac歴はSystem7で止まっているので、何のことかはわからない。
が、WindowsXPの場合はバルーンがこれに当たるだろうなぁと想像したが、ほぼ正解だった。
で、それをjQueryを使って実現したのが「jGrowl」です。

jGrowlはそんな仕組みをJavaScriptで実現している。さらにjQueryプラグインとして提供することで、とても簡単に呼び出すことができる。Ajaxを使う場合はもちろん、様々な場面で利用できそうだ。

MOONGIFT: » Growl風の通知をJavaScriptで行うjQueryプラグイン「jGrowl」:オープンソースを毎日紹介

ただ使うだけなら本当に簡単です。
jqueryとjquery.jgrowl.jsを読み込んだ後、「$.jGrowl」で(それこそalertのように)使えます。
当然スタイルシートも忘れずに。
オフィシャル:stanlemon.net : jgrowl

メッセージを出してみる

1
$.jGrowl('Hello World!');
1
$.jGrowl('これがメッセージです');

こんなに簡単なら何にでも使えそうですね。
少し練習してみました。

comments powered by Disqus
Hugo で構築されています。
テーマ StackJimmy によって設計されています。