Notifier.jsはGrowl風通知を行うjQueryプラグインです。

Mac OSXではGrowlという有名な通知ソフトウェアがあります。バックグラウンドでの処理結果や、何か問題があった際に通知が出るのは慣れると手放せません。そんなGrowlに似た通知をjQueryで実現するのがNotifier.jsです。


リンクをクリックすると通知が右上に表示されます。この通知は一定時間が経つと消えます。


複数を同時に表示させることもできます。アイコン、タイトル、内容がカスタマイズできます。


いくつも出せます。


表示するコード。success、info、warning、errorを指定できます。

Notifier.jsを使えば見た目のデザインを変えずにエラーメッセージやお知らせを通知できるようになります。

Notifier.jsはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

MOONGIFTはこう見る

Notifier.jsはAjaxなどを使って結果を表示する際にとても役立ちそうです。また、Webアプリケーションのように定期的にサーバへアクセスして他のユーザのアクションを通知するのに使ったり、FacebookやTwitterのようなリアルタイム性の強いサービスでも使えそうです。

システム開発をしていて、この手のメッセージを表示する場所というのはWebデザインから取り残されることが多々あります。後から無理に追加するならばNotifier.jsを使った方がとてもスムーズです。メインコンテンツに影響がないのでメッセージの表示、非表示によって表示位置がずれたりしないのも利点です。

デモ:Notifier.js Examples

Srirangan/notifer.js - GitHub