個人開発でLINEボット(https://qiita.com/skyfish20ch/items/7e0ec382292fa660f8d5)を作っています。

しばらく何もしていなかったのですがherokuの無料枠がなくなるタイミングで、エンジニアの端くれとして
自分のWEBサーバーくらい持っててもいいかもと思い、課金をしました。

そこでまた手を入れていこうとしたときに、ユーザーが投稿した情報に「いいね」とか「コメント」とか
残したいなと思ったときに、javascriptがあんまりわからないのでページの遷移で対応しようかと思ったのですが
著しく操作性が落ちるので、、

どうしようかと思った時に、javascriptのpromotで良いんじゃないかとやってみたらデザインが、、、

そこで行き着いたsweetalert2！

タイマー値をセットすれば自動で消えるし、HTMLでメッセージとか書けるし最高ですね

よくSNSで「いいね」した時に、ポッと♥が出て消えるみたいなのやりたかったのでそのメモです

sa2.js

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

	Swal.fire({
		width:"8em",//ウィンドウの横幅
  		html: '<font color=red size=5>♥</font><br><font size=2>LIKE!</font>',
		showConfirmButton:false,//デフォルトで出ているconfirmボタンを隠す
		timer:"800",//８００ms後に自動で消す
		willClose: () => {
        	//ここにウィンドウが消えた後の処理をいれる
		}
	});

こんな感じです。