2019/02/01facebooktweetGoogle+はてブじゃすてぃプログラミングやるのもいいけど、関連知識もつけろよ!こんにちは、じゃすてぃです。Webエンジニアとして、キャッシュやCookieやセッションなどそれぞれについての概念についての理解や、違いわかっていることが必要となります。駆け出しエンジニアさんの中には、「なにそれ?美味しいの?」という声も聞こえてきそうな解りにくい概念になります。今回は、初心者からすると混同しやすいキャッシュ・Cookie・セッションのうち、まずキャッシュについて説明を行います。目次キャッシュとはキャッシュ設定の注意点まとめキャッシュとはキャッシュとは、簡単に言うと、ブラウザが一度表示したWebサイトのデータを一時的にWebサイトのデータを保存しておく機能のことです。ふーん、それで、ブラウザがサイトのデータを保存しておくことでどうなるの?じゃすてぃ次にそのサイトを訪れた時、前回よりも高速にそのページを表示することができるようになるんだよ!Webサイトに訪れた際、HTMLのみならずブラウザ側でCSSやJavaScript等を読み込み、読み込んだあとにそれらを実行してレンダリング(表示)します。そのため、多くの動作があったり(JavaScriptが重い)、デザインでのアニメーションが多かったり(CSSが重い)などの影響で、そのページにアクセスした際にページの読み込みに時間がかかってしまうことがあります。キャッシュが有効になっていることで、そのユーザーが再度そのページを表示したときに、すでにJavaScriptやCSSを読み込んでいるため、高速にページを表示させることができるのです。再度そのサイトに訪れた時、保存してあるデータを読み込むので読み込み速度が早くなるキャッシュ設定の注意点キャッシュはWebサイトに一度訪れた際のデータを保存しておくものでした。再度そのWebサイトに訪れたユーザーは、そのキャッシュを読み込んでサイトを表示しています。そのため、注意点としては、キャッシュした後にそのWebサイトの内容(文章やデザイン)が変更されると、最新の内容が正しく表示されない場合があります。その現象を避けるために、サイトの更新頻度に合わせ、適切なキャッシュの有効期限を設定してあげましょう。キャッシュによりデータが更新されないときは、使用しているブラウザでキャッシュの削除をしてあげると対応可能です。再度そのサイトに訪れた時、保存してあるデータを読み込むので読み込み速度が早くなる古いキャッシュを読み込んでサイトを表示していしまい、最新の情報がうまく表示されないことがあるいかがでしたか?よく聞くキャッシュですが、わかってしまえばなんともない、簡単な原理です。うまく活用しないとユーザーが正しく最新のページを閲覧できないこともあるので、設定に関しては注意したいところです。嵐の活動休止に関する記者会見を見て感じた違和感2019/01/28目標達成の方法の原則とは?目標達成を成功させる6つのコツをイラスト付きでわかりやすく解説2019/01/27筋トレとプロテインによって変わった心身とプログラミングの発想力2019/01/24出不精のエンジニアがスニーカーに外出させられるようになって変わった3つのこと2019/01/19一流大学に苦労して進学した僕がなぜ学生起業という道を選んだのか2019/01/7新着記事Cookie(クッキー)とは何か理解してる?Cookieの基礎の基礎をイラスト付きで紹介:Webエンジニア基礎講座2019/02/4キャッシュって何か知ってる?キャッシュの基礎の基礎を紹介:Webエンジニア基礎講座2019/02/1図説で簡単理解!Webエンジニアが知っておくべき脆弱性を狙った主要攻撃方法と最低限のセキュリティ対策3つ2019/01/31駆け出しWebエンジニア必読のセキュリティ概論。Webアプリケーションのセキュリティ対策がなぜ必要なのか。Railsチュートリアルの学習をあえて薦める理由2019/01/29無責任ってどういうことだろう。嵐の活動休止に関する記者会見を見て感じた違和感2019/01/28プロフィール文系エンジニア経営者。こころの赴くままに行動しすぎて、苦労して入った大学を起業するために休学。スキルゼロの学生だったため、プログラミングを独学で身につけ、今ではシステム開発を主に行っている。自分が興味のあることはなんでもやりたがり。自身が独学でエンジニアになった経験を活かし、最近は独学者のプログラマー希望の学生を密着指導中。