読者です 読者をやめる 読者になる 読者になる

ottatiのブログ

無職学生がネットにクソアプリをまき散らしていく様子

JavaScriptのアラートを手軽に綺麗に表示するプラグイン『SweetAlert』が良さげ

まとめ product javascript javascript plugin

f:id:ottati:20150103125718g:plain     🍣

JavaScriptのアラートは古臭い?

JavaScriptのalert()関数は、エラーやメッセージを伝える手段として開発者としては便利です。ただビジュアル的にどうでしょうか。多くの訪問者はこれを見ると何らかの古臭さを感じるはずです。(ブラウザももうほんの少しだけかっこよく表示してもいい気がする。)

SweetAlertで解決

大抵のサイトは新しさを出したい(はず)。そこで『SweetAlert』を使いましょう。『SweetAlert』はアラートをかっこ良く見せるJavaScriptプラグインです。

使い方

<script src="lib/sweet-alert.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

あとは使うだけ。

sweetAlert("Oops...", "Something went wrong!", "error");

f:id:ottati:20141003120422p:plain

ぐるぐる動いてかっこいいです。

他にも色々あります。

f:id:ottati:20141003121211p:plain

f:id:ottati:20141003121234p:plain

f:id:ottati:20141003121242p:plain

任意の画像もおk。

f:id:ottati:20141003121249p:plain

手軽でいいですね。