WEBでエラーを始め、様々な注意を促すアラート。標準でも用意されており、簡単に実装は可能ですが、今回紹介するのは、様々なリッチアニメーションアラートを簡単に実装できる「SweetAlert2」です。

「SweetAlert2」はほぼ標準のアラートと同じような書き方でアニメーション付きのアラートを実装可能です。

詳しくは以下

原則はjsとcssを読み込ませて、IEサポート用のJSを読みこませれば準備完了です。基本的にはswalというファンクションを利用して指定していきます。

かなり豊富な表現が可能で、タイトル指示をしてその下にテキストを出したり、アラートの中にHTMLやjQueryを書いたり、メッセージを出した後に完了のアラートにつなげたりなど、アラートで表現したいあらゆる表現を網羅しています。アラートの表現をもっと分かりやすく魅力的にしたいと考えている方は是非どうぞ。

SweetAlert2 – supported fork of t4t5/sweetalert