Cookieで次回以降の表示を制御できるトーストのjQueryプラグイン「The 9kb Pizza Toast」

所要につきトースト(ポップアップ / 画面下部に表示されるインフォメーション用のボックス)を作ることにしました。気を付けた条件は下記。

  • 画面下部に固定表示
  • 枯れた技術で実装
  • 何らかの方法で、一度「閉じる」アクションをした後は、次回以降の表示をキャンセルできる機能を持つ(今回はCookieを使用)

特に最後の機能が欲しかったのですが、ググってもいまいちヒットしなかったので自作することにした次第。

なお、Cookieの操作にはjs-cookieを利用させて頂きました。

リポジトリ

ということでこんな感じ。ざっくり作ったので色々雑ですがとりあえず形にはなりました。

デモ

デモはこんな感じで。

余談

名前は元ネタがあるので、実際に9KBあるわけではありません。

参考


コーディング中の作業用BGMは下記の曲がメインでした。 ネーミングの元ネタの曲です。

  • I’m Tweeked / Attack Of The 20lb Pizza (Vinnie Colaiuta)

この記事を書いた人

アバター

アルム=バンド

フロントエンド・バックエンド・サーバエンジニア。LAMPやNodeからWP、Gulpを使ってejs,Scss,JSのコーディングまで一通り。たまにRasPiで遊んだり、趣味で開発したり。