Chrome

プログラミング

【豆知識】Elementsパネルでその場でCSSを編集して確認する

こんにちは、かつコーチです。「この余白をあと10pxだけ広げたらどう見えるか試したい」というとき、いちいちCSSファイルを編集して保存するのは手間です。Elementsパネルを使えば、ブラウザ上で直接CSSを書き換えて確認できます。結論:ま...
プログラミング

【豆知識】Chrome DevToolsの開き方とタブ構成の全体像

こんにちは、かつコーチです。「DevToolsを開いてください」と言われても、ショートカットも各タブの役割も分からないと戸惑いますよね。今回は開き方とタブ構成の全体像をまとめます。結論:まずこれをやればいいDevToolsを開く方法は主に3...
プログラミング

【豆知識】更新ボタンを長押し・右クリックするだけでキャッシュをクリアする方法

こんにちは、かつコーチです。前回、CSSが反映されない時は設定画面から「キャッシュされた画像とファイル」を消せばいいとお伝えしました。ただ、毎回設定画面を開くのは正直面倒です。実はもっと手軽にキャッシュをクリアする方法があります。結論:まず...
プログラミング

【豆知識】CSSが反映されない時、Chromeのキャッシュはどれを消せばいい?

こんにちは、かつコーチです。CSSを修正してブラウザを更新したのに、見た目が変わらない。そんな経験は誰にでもあります。「とりあえずキャッシュを消せばいい」と聞いて設定画面を開くと、項目が多くて戸惑いますよね。今日は、CSS未反映を直すために...