しばやん雑記

Azure とメイドさんが大好きなフリーランスのプログラマーのブログ

Web アプリでお手軽にトースト通知を行ってみる

Dev Intersection の何処かのセッションで toastr という簡単に使えるトースト通知のライブラリが紹介されていて、これが結構面白くて便利そうだったので試しました。

NuGet Gallery | toastr 1.2.2

NuGet 経由で簡単にインストールできるのが相変わらず便利ですね。簡単な使い方は以下の通りです。

// 「情報」トーストを表示
toastr.info("はうはう", "タイトル");

// 「成功」トーストを表示、クリックイベント付き
toastr.success("はうはう", "タイトル", {
    onclick: function () { alert("click"); }
});

実行すると、こんな感じで表示されます。

f:id:shiba-yan:20130418051701p:plain

もっといろいろと試したい場合は、デモ用のページが用意されているのでこっちでいろいろ試すのが良さそうですね。

toastr examples

ちなみに作者は ASP.NET の Single Page Application で有名な John Papa 氏です。

Simple JavaScript Notifications with toastr | John Papa

Dev Intersection は Microsoft 社外の人のセッションも多かったので、グローバルサミットとは違う楽しみがありました。