JQueryとWebStorageを使ったモーダルウィンドウ

年齢確認などで使えるモーダルウィンドウをプラグインを使わずJQueryとWebStorageだけで作ってみた。

JQueryとWebStorageを使ったモーダルウィンドウ

モーダルウィンドウが必要になったのですが、 いい感じのサンプルが見当たらなかったので作りました。 理想としては、

  • 一時的にデータを保存できる(複数ページで使うため)
  • プラグインを使わない

だったのですが、 Cookie を JQuery で扱うのはプラグインなしでは大変なので WebStorage を使ってみました。

デモを見る

デモのソースコードにライセンスがいるかわかりませんが、 CC0 ライセンスです。

Gravの負荷軽減と高速化

サーバ負荷軽減と速度向上のためにGravでページキャッシュを有効にしてみた。

Gravの負荷軽減と高速化

最近、 一部のページでアクセス時に「 500 Internal Server Error 」が発生していましたが、 タグの多い長文の記事がなりやすく Markdown から HTML に変換するのに負荷がかかっているようです。 テスト環境では問題なかったのですが、 どうもサーバトラブルがあったようです。

自宅鯖を広告無しの無料で使わせていただいてるサーバなので感謝していますが、 たまに落ちるサーバです。 これを機会に少しでもサーバ負荷を減らすために以下の対策を取りました。

  • Grav AdvancedPageCache Plugin を導入
  • 画像処理をサーバに任せないでサムネイル作成しておく
  • CSS・Javascript パイプラインを有効にする

Gravのテーマを変更しました

Gravのテーマ「future」に変更したので、 日本語化とカスタマイズしました。

Gravのテーマを変更しました

Grav のテーマが初期からかなり増えていたので、 変更しました。 初期(2014年末頃)は7種類くらいしかなかったのが、 今では52種類もあります。 テンプレート販売している会社のメンバーの開発だけあって、 どれもデザインのレベルが高いです。