「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

cache-control【metaタグ】

pointこの用語のポイント

pointホームページに関する説明書きだよ

pointHTMLファイルのヘッダ部に記述するよ

point「このページをキャッシュして良いですか?」に関する指示情報を書くよ

スポンサーリンク

簡単に書くよ

cache-control【metaタグ】(読:キャッシュ・コントロール)とは

ホームページのファイルに書く、そのページに関する説明書き(を書くときに使う目印)のひとつ
であり

「このページをキャッシュ(よく使うデータを取り出しやすいところに準備しておく仕組み(で使われるデータ)して良いですか?」に関する指示情報のこと
です。


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として「HTMLファイル」と「metaタグ」について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

HTMLファイルは、ざっくり説明すると「ホームページファイル」です。

あなたがホームページを見ようとすると、まず、ホームページを見るときに使うソフトWebブラウザからホームページのファイルが置いてあるコンピュータWebサーバに対して「このページをおくれ」と お願いが出されます。

cache-control

そのお願いに対して、WebサーバさんからWebブラウザさんに「ほれ、そのページだよ」と お返事がきます。

cache-control2

お返事を受け取ったWebブラウザさんは、受け取った内容(ホームページのファイル)を画面上に表示してくれます。

cache-control3

この流れにおいて受け渡しされるファイルがHTMLファイルです。

cache-control4

実際にはHTMLファイル以外のファイル画像ファイルとか)も受け渡しされますけどね。
メインとなるファイル、ホームページの中身が書いてあるファイルがHTMLファイルです。

metaタグは「人の目には見えない、ホームページに関する説明書き(を書くときに使う目印)」です。

HTMLファイルの中身は

1.ヘッダ部
2.ボディ部


の2つで構成されています。

cache-control5

ヘッダ部に書かれているのは、そのHTMLファイルの説明書きです。
例えば「どんな種類の文字で書かれていますよ~」や「このファイルのタイトルは○○ですよ~」といった内容が書かれています。

cache-control6

ボディ部に書かれているのは、そのHTMLファイルの中身です。
みなさんがホームページを見たときに表示される内容が書かれています。
ここに書かれている内容がHTMLファイルの本体と言えるでしょう。

cache-control7

metaタグは、HTMLファイルのヘッダ部に

<meta name="hoge" content="ほげほげ">

のような形式で書く「そのページの説明書き」です。

cache-control8

あるいは、その説明書きを書くときに使う目印「<meta ~ >」がmetaタグです。

cache-control9

metaタグに書かれている内容は、人間様には見えません。
Webブラウザさんや、ホームページの情報を収集して回っているプログラム検索エンジンに向けて書かれる情報です。

cache-control10

metaタグには、いろいろな種類があります。
また、日々増えています。

以上を踏まえて、いろいろあるmataタグのひとつで

ページのキャッシュに関する指示を書くmetaタグ

が「cache-control」です。

cache-control11

ちなみに「キャッシュ」は「よく使うデータを取り出しやすいところに準備しておく仕組み」ですが、今回は「ページのコピーを こっそりコンピュータの中に保管しておくこと」と解釈してください。

実際のcache-controlの使い方は、例えば

<meta http-equiv="cache-control" content="no-cache, no-store">

のように書いて「キャッシュすんな!」の指示で使います。
この書き方は決まり文句です。
これ以外の「cache-control」の使い方を私は見たことがありません。
「no-cache」「no-store」以外にも「private」「must-revalidate」などの指定があるようですけどね。
使う機会は滅多にないと思います。

なお、この「キャッシュしないでよ」の指示は、あくまで「お願い」です。
ブラウザによっては指示を無視します。
ご注意ください。

半分ダメ元ではあるのですが、ページをキャッシュさせたくない場合は

<meta http-equiv="pragma" content="no-cache">
<meta name="expires" content="0">
<meta http-equiv="cache-control" content="no-cache, no-store">

と3つの指示を並べて書いておくのが、お約束です。


image piyo2

一言でまとめるよ

まぁ「cache-control」って単語が出てきたら「ページのキャッシュ(よく使うデータを取り出しやすいところに準備しておく仕組み(で使われるデータ)に関して指定してるんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像047
書籍画像058

おまけ

■訳してみるよ

「cache(キャッシュ)」の意味は「隠したもの」とか「隠し場所」とか「貯蔵所」とか「貯蔵物」とかです。
「control(コントロール)」の意味は「統制する」とか「操作する」とか「制御する」とかです。
何となく くっつけると

貯蔵物を制御する

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
わかばちゃんとつくって、壊して、直して学ぶ NewSQL入門
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
タヌキとキツネ