Edgeといった多くのWebブラウザで表示や動作を確認することでしょう。表示や動作の確認を行っていく中で、キャッシュの影響によって正確に確認できないことがあります。各Webブラウザのキャッシュを残さないシークレートモード、プライベートウィンドウなどを毎回落として立ち上げて確認するなんてことは、結構手間がかかるものです。キャッシュをクリアする、または無効にする方法はいくつかありますが、ここではWebブラウザの設定で手軽にできる方法をご紹介します。キャッシュの無効化の設定は、各Webブラウザに搭載されているデベロッパーツールを利用していきます。Chromeで説明しますとブラウザのオプションから、「その他のツール」と進むと「デベロッパーツール」がありますので、こちらを選択してデベロッパーツールを立ち上げます。各ブラウザとも同じように設定から起動できます。それではスムーズに制作や開発を行えるよう、設定方法を見ていきましょう。cache」にチェックを入れてキャッシュを無効にできます。デベロッパーツールを開いている時のみ、キャッシュが無効になります。FirefoxFirefoxでは、デベロッパーツールのオプションから設定を行います。ツールの上部メニュー右側にあります、オプションアイコンから「設定」を選択します。設定画面で、詳細設定の項目から「HTTPキャッシュを無効化(ツールボックスを開いたとき)」にチェックを入れます。こちらもChrom同様、ツールボックスを開いているときに無効化となります。設定画面からの設定変更では、HTTPプロトコルのやり取りでのキャッシュの設定となるので、ローカルで開発しているのであれば以下の方法で手軽に行えます。「ネットワーク」のタブから「キャッシュを無効化」にチェックを入れます。2パターンあるのでややこしいですが、両方チェックを入れて設定しておけばどちらにしても開発時にキャッシュの影響は受けないでしょう。Safari続いて、AppleユーザーにおなじみのSafariです。Safariもデベロッパーツールの「ネットワーク」のタブから設定となります。ツールの右側に「リソースの読み込み時にリソースキャッシュを無視」というアイコンがあります。こちらを選択してアイコンが青になればキャッシュの無効化が有効な状態です。こちらもツールを開いている時のみの設定となります。EdgeWindowsの標準ブラウザでもしっかりと確認していくでしょう。Edgeでは、旧ブラウザとChromiumベースの新しいブラウザとで違いがあります。旧Edgeブラウザから。Edgeのデベロッパーツールを開いて、「ネットワーク」のタブからキャッシュを無効化するアイコンがありますので、選択して無効化を適用させます。Edgeでは、キャッシュ無効化のアイコンの2つ右隣のブラウザにバツマークがついたアイコンがあります。こちらを選択すると、現時点でのキャッシュを無効にできます。Explorerもほとんど同じ設定方法になります。続いて、Chromiumベースの新しいEdgeブラウザです。Chromeとほとんど同じです。cache」にチェックを入れます。Windows版もmacOS版もどちらも同じです。ブラウザ自体も、とても使いやすくなりました。まとめWeb制作、Webアプリケーション開発など、制作や開発の段階ではよくWebブラウザでの表示や動作を確認を行うでしょう。キャッシュ機能は、Webの世界でユーザー体験からその他いろいろなことで必要な機能ですが、開発者にとってはちょっとだけ邪魔になったりします。スムーズな制作・開発を行うために、うまくデベロッパーツールを設定してキャッシュをコントロールできるようにしましょう。Webdev便利ツール関連記事MacでMAMPを使ってWeb開発環境(ローカル開発環境)を構築レスポンシブWebデザインのHTML5の基礎と学習方法iPhoneとMacで実機の表示確認をしてデバッグする方法Cookieよりも扱いやすい。Musicでスマートフォンやタブレット端末に音楽をダウンロードしてオフライン再生するPROFILEAkira元ボクサー、元トラックドライバーと不思議な経歴を持つ。納豆はご飯と分けて食べるタイプ。