雑多な記録

"webアプリ"を作りたいと見切り発車で製作に取り掛かったものの、 環境構築を終えて満足したのがこのサイトです。
せっかく作ったので管理者の個人的なメモ帳として利用します。 もしかしたら他の誰かにとっても有益な情報が載るかもしれません。


プレイ候補のゲームまとめ

友達と遊ぶのにちょうどいいゲームを探しています。

Alchemy Factory

発売日:2025年12月12日
マルチプレイ最大人数:不明
リンク:Steam
説明:錬金術師の自動化経営シム。 ベルトコンベアを並べて錬金グッズを大量生産、売りさばいて利益を上げよう...みたいなゲームだと思います。

公式トレーラーより

技術の話

備忘録です。

俺的ブラウザキャッシュ設定

Webサーバーにおけるキャッシュ設定のお話です。
HTTPで配信するコンテンツは、 Cache-Controlヘッダーを適切に設定してあげることでブラウザがキャッシュしてくれます。 サイトで配布する静的コンテンツについて、その設定方法を調べたので記事に残しておきます。

画像がブラウザにキャッシュされている様子

まずこのドキュメントを読みます。 さすがMDN、なんて読みやすくて面白いドキュメントを作ってくれるのでしょう。
今回は静的コンテンツについての設定です。 ガンガンにキャッシュを効かせたいと思ったので次のようなヘッダーを設定することにしました。 Cache-Control: public, max-age=31536000, immutable これで31536000秒=1年間キャッシュを保持してくれることでしょう。

ですが、逆にキャッシュが効きすぎてコンテンツが更新されないというトラブルが発生し得ります。
同ドキュメントでは対策としてcache-bustingなるテクニックを紹介しています。 ファイル名にバージョン文字列を含める...パラメータに固有の文字列を追加する...など、 要はURLそのものが変わればキャッシュは効きませんよねということです。 <script src="https://example.com/style.css?v=1234567890"></script> 上の例ではパラメータを付与することでキャッシュを避けています。パラメータ名は仮に「v」としていますがなんでもいいです。

このサイトではデプロイスクリプトを走らせたときに、その日時を固有バージョンとして環境変数にセットしています。
後はテンプレート内で固有バージョンを静的ファイルのパラメータにくっつけてあげればOKです。

あと余談ですが、これってどの程度効果がある話なのでしょうか。
サイトの機能が増えてくると静的コンテンツのキャッシュ以外の部分がネックになりそうですし、 実際にトラフィックを測ったわけでもないので負荷軽減に役立っているのかも不明です。
チューニングをしている間は楽しいですし、DevToolsでキャッシュされている様子を眺めるのは気持ちがいいんですけどね。

ハッシュアルゴリズム年表

ハッシュ関数の発表年次まとめ、MD系とSHA系についてWikipediaからの引用です。

あなたは4114人目の訪問者です。