流れ6の7語目 / 10

キャッシュ

ネットワーク

お知らせを直して保存できました。でも、自分のブラウザで見ると古いままです。隣の先輩の画面では新しくなっています

「ブラウザのキャッシュが残ってるんじゃない? キャッシュ消してみて」

「キャッシュ」って、何のことだろう…?

キャッシュは、一度取ってきたデータの「写し」を近くに置いておき、次から使い回すしくみです。

速く表示できますが、元が新しくなっても、しばらく古い写しが出ることがあります。

このページで分かること読む約3分・問題 2問

キャッシュは、一度取ってきたデータの写しを近くに置いておき、次から使い回すしくみ
写しには「いつまで使ってよいか」がある
「キャッシュを消す」は、手元の古い写しを捨てて、サーバーから取り直させること

身近な例えで理解する

よく見る資料は、書庫の原本をコピーして机に置いておきます。いちいち書庫まで行かずにすみます。

書庫の原本サーバーにある元のデータ
机の上のコピーキャッシュ(手元の写し)
書庫まで行かずにすむ速く表示でき、サーバーの負担も減る
原本が改訂されても、コピーは古いまま古い内容が表示される

古いコピーを捨てて、書庫から取り直せば、最新の資料が手に入ります。これが「キャッシュを消す」です。

ちょっと確認

Q1先輩のひとこと

先輩「自分の画面だけ古いままなら、キャッシュ消してみて」

キャッシュを消すと直るのはなぜ?

例えを外して、実際のしくみ

ここからは実際のしくみ

キャッシュのよさ

同じ画像やファイルを毎回サーバーから取ってくると、時間がかかり、サーバーも忙しくなります。手元の写しを使えば、すぐ表示でき、サーバーの負担も減ります

使ってよい期間

サーバーはレスポンスに Cache-Control を付けて、「この写しはどれだけの間使ってよいか」を伝えます。その間は、元が新しくなっていても写しが使われることがあります。期間が過ぎると、ブラウザはサーバーに「まだ変わっていない?」と確かめます

キャッシュを消す

ブラウザの設定から、保存された写しを消せます。消すと、次はサーバーから取り直すので、最新の内容が表示されます。ふつうより強く読み込み直す「強制再読み込み」でも取り直せます(操作はブラウザによって違います)。消すときに Cookie もいっしょに選ぶと、ログイン状態も消えて、もう一度ログインが必要になります(→56)

このページのまとめ

キャッシュ: 一度取ってきたデータの写しを近くに置いて使い回すしくみ
Cache-Control: 写しをどれだけの間使ってよいかを、サーバーが伝える印
キャッシュを消す: 手元の古い写しを捨てて、サーバーから取り直させること
強制再読み込み: 写しを使わずに、ページを読み込み直す操作

先輩のひとことの意味

先輩「ブラウザのキャッシュが残ってるんじゃない? キャッシュ消してみて」

お知らせの元のデータはもう新しくなっています。でも、自分のブラウザが前に取ってきた古い写しを使っているので、古いまま見えています。「古い写しを捨てて、サーバーから取り直して」という意味です。

練習問題で確かめる

Q24択

キャッシュを使うよさとして、正しいものは?

参考資料

ご意見・「これで例えて!」を募集しています

ご意見・ご感想・質問・間違いのご指摘など、何でもお気軽にお寄せください。「この言葉も例えで説明してほしい」「こんな例えなら分かりやすい」という声をもとに、新しいページや例えを作ります。

説明してほしいITの言葉
例えてほしい場面(部活・アルバイト・家事など)
分かりにくかったところ・間違いのご指摘

意見箱は準備中です。