広告 Web

ブラウザのキャッシュとクッキーの違いは?【削除方法も紹介!】

2021年7月1日

 

こんにちは、keiです。

 

悩む人
悩む人
Webでキャッシュとcookieという言葉を聞きますがそれぞれの役割や違いは何ですか?2つに明確な違いがあれば詳しく教えて欲しいです。また、cookieにはいろんな種類があると聞いたけど、それぞれの違いについても教えて欲しいです。

 

こんな悩みに答えます。

 

本記事の執筆者

本記事を書いているぼくはWebディレクター歴8年目で、ブログで毎月5桁ほど稼いでいます。

 

Web・IT業界で働いているとキャッシュ とcookieという名前を聞いたことがあるのでしょうか?

 

この2つの役割は結構似ていますが実際は全く違います。

 

正直、この2つの違いについて上司に聞かれた時、ボクも明確に分からなかった1人でした。
KEI
KEI

 

本記事では、そんなキャッシュとcookie(クッキー)の違いについてまとめて紹介します。

 

Web・IT業界にいましたら覚えておいて損はないので、本記事を読み参考になりましたら幸いです!

 

キャッシュとCookieの違いについて

キャッシュとCookieの違いについて

 

キャッシュとCookieは、それぞれ機能が異なります。

 

  • キャッシュ:ユーザーがみたサイトの画像やファイルを保存しておくこと
  • Cookie:サイトを表示したブラウザのデータを保存しておくこと

 

上記の通りです。

 

『キャッシュ』と『Cookie』は、一言で言うとWebページを閲覧したときの履歴を残す機能です。
KEI
KEI

 

しかしながら、残す履歴や機能が異なるため2つの役割について順番に解説します。

 

1. キャッシュとは?

 

キャッシュは、簡単に言いますと、画像などのでデータを一時的にブラウザに保存する仕組みです。

 

例えば、画像などページの一部がブラウザに記録されます。

 

ブラウザとサーバーとの間での通信が行われないので、1回目と比べると早くページを表示できるメリットがキャッシュにはあります。

 

サイト制作の"あるある"ですが、キャッシュのせいで修正したのに昔のデータが残ってしまい直っていないといった現象がよく起きます。

 

そんな時は、この後紹介するやり方で、キャッシュをクリアして問題が解消されます!

 

2. cookieとは?

 

キャッシュがブラウザ側での一時保存であるのに対して、cookie(クッキー)は「ユーザ情報」を一時的に保存する方法です。

 

ちなみに、cookieの名前の由来はデータの保存用として使われるものなので、『保存食 = クッキー』から来ていると言われています。

 

なお、cookie(クッキー)を使って保存できるユーザー情報として以下があります。

 

  1. パスワード
  2. メールアドレス
  3. IPアドレス
  4. サイトの訪問回数

 

上記を記録して一時保存できます。

 

cookie(クッキー)のメリットは、FacebookやツイッターでID, Passを一度ログインしたら、再入力しないでログインできるなどあります。

 

同じサイトに2回以降訪れたユーザーに、スムーズに情報を提供できるので便利でストレスをなくす機能と言えます。

 

Cookieとキャッシュの削除方法

Cookieとキャッシュの削除方法

 

先述した通り、キャッシュが残っていると以前アクセスしたデータがそのままになっていることがあります。

 

キャッシュが残っているせいで、サイトデザインを新しくしたのに古いデザインデータが残って『デザインが変わっていない!』と一瞬焦ることがありますよ。
KEI
KEI

 

Web業界で働いていると結構あるあるの出来事です。

 

そんな時に、Cookieやキャッシュを削除して問題をすぐに解消しておくのがポイントです。

 

Cookieとキャッシュを削除するやり方をそれぞれ具体的に紹介しますね。
KEI
KEI

 

1. Cookieを削除する方法

 

Cookieを削除する方法は、2つのやり方があります。

 

Cookieを『手動』で削除するやり方と、『自動』で消すやり方ですね。
KEI
KEI

 

具体的に削除するやり方は、Google ChromeでCookieを削除する方法【2通りの方法で紹介】の記事でまとめているので、参考にしてみてください!

 

【図解で解説!】Google ChromeでCookieを削除する方法【2通りの方法で紹介】

続きを見る

 

2. キャッシュを削除する方法

 

続いて、キャッシュを削除する方法です。

 

今回は、Chromeでキャッシュを削除する方法について紹介します。

 

まずは、Chromeの画面右上にある[Google Chromeの設定]をクリックしましょう。

 

 

続いて、「その他のツール」を選択して、「閲覧履歴を消去」をクリックします。

 

 

以下の画面になりましたら、「閲覧履歴データの削除」の中の「詳細設定」タブをクリックして、「期間」リストの削除期間を選択します。

 

 

最後に、「キャッシュされた画像とファイル」にチェックを入れて、「データを削除」をクリックすれば完了です。

 

 

その他、Windowsを使って削除するやり方は以下記事を参考にしてみてください。

 

⬛️ブラウザのキャッシュをクリアする方法

https://helpx.adobe.com/jp/legacy/kb/222659.html

 

 

cookieとキャッシュは違う!:まとめ

 

キャッシュとcookieの違いについて質問されると、正確に答えられず一瞬悩むことがあります。

 

先述したように、2つの機能は似ていますが役割は大きく異なります。
KEI
KEI

 

本記事を読み、キャッシュとCookieの違いについて理解できましたら幸いです。

 

ちょっと宣伝です

IT・Web、コーディングの基本的なスキルを磨くには、プログラミイングスクールTechAcademy [テックアカデミー]での学習がおすすめです。Web制作に基本的なスキルを学べるだけではなく、副業に必要なスキルを習得できます。無料カウンセリングを受けられるので興味がありましたら以下記事をご覧ください。

 

TechAcademy(テックアカデミー)の評判を徹底解説!【プログラミング初心者OK】

続きを見る

 

ここまで読んで頂きありがとうございました。

 

 

  • この記事を書いた人

keiblog

当ブログは、『シンプルで見やすい記事を発信!』をモットーに「ブログ・WordPress」などWebに関する役立つ情報を発信していきます。【経歴】▶︎Webディレクター就職(歴8年)(コーディング・SEOが好きです!)▶︎ブログ開設

-Web