MENU

これ知ってる?サイト制作で使えるブラウザの便利技5選

みなさんこんにちは!
東京から平原です^^

みなさん、
ショートカットは使っていますか?

コピー&ペーストはもちろん、

拡大・縮小したり、
ツールを切り替えたり、
一つ前に戻ったり。

サイト制作やデザインをしていると、
ショートカットを使う場面ってたくさんありますよね。

もちろん、
一つひとつマウスで操作することもできます。

でも、毎日何十回、何百回と繰り返す操作なら、

ショートカットを覚えた方が
圧倒的に速い。

小さな差ですが、
積み重なると作業時間にも大きな差が生まれます。

ということで今回はそのブラウザ版!

サイト制作で平原もよく使っている、
ブラウザのショートカットを5つご紹介します^^

① 全選択

Mac:Command(⌘)+ A
Windows:Ctrl + A

まずは基本の全選択。

ページ内の文章や入力したテキストなどを
まとめて選択したいときに使います。

例えば、

文章を全部コピーしたい。

入力内容を全部消したい。

別の文章に丸ごと差し替えたい。

そんなときに、
わざわざマウスで最初から最後まで選択する必要はありません。

Command / Ctrl + Aで一発です。

コピーのCommand / Ctrl + Cと組み合わせて使うことも多いので、
ぜひ覚えておきましょう^^

 

② スーパーリロード

Mac:Command(⌘)+ Shift + R
Windows:Ctrl + Shift + R

サイト制作をしていると、

「修正したのに反映されない!」

なんてこと、ありませんか?

そんなときに使ってほしいのが
スーパーリロードです。

通常のリロードよりも、
キャッシュの影響を受けにくい状態でページを読み込み直せます。

CSSを変更した。

画像を差し替えた。

なのに表示が変わらない。

そんなときは、
まずスーパーリロード。

サイト制作ではかなり使うので、
覚えておいて損はありません。

 

③ シークレットウィンドウを開く

Mac:Command(⌘)+ Shift + N
Windows:Ctrl + Shift + N

これもサイト制作ではよく使います。

普段使っているブラウザには、

ログイン情報やCookieなど、
いろいろな情報が保存されています。

その影響をなるべく受けずに確認したいときに便利なのが、
シークレットウィンドウです。

例えば、

ログインしていない人からはどう見えるのか?

公開したページはちゃんと表示されているか?

そんな確認にも使えます。

 

④ 閉じたタブを復元

Mac:Command(⌘)+ Shift + T
Windows:Ctrl + Shift + T

「あ!!!!間違えて閉じた!!!!」

そんなときに使ってください。笑

直前に閉じたタブを
一発で復元できます。

サイト制作をしていると、

管理画面。

参考サイト。

素材サイト。

クライアントさんのサイト。

などなど、
タブが大量に開きがちです。

間違えて必要なタブを閉じてしまっても、
これを知っていれば安心です^^

個人的にもかなり使います。笑

 

⑤ ページ内検索

Mac:Command(⌘)+ F
Windows:Ctrl + F

最後はページ内検索。

今開いているページの中から、
特定の文字を検索できます。

長いページから、

「あの文章どこだっけ?」

「この単語が書いてある場所だけ見たい!」

というときに便利です。

長いマニュアルや記事を見るときにも使えるので、
ブラウザを使うなら覚えておきたいショートカットです。

小さな効率化を積み重ねよう

今回紹介したショートカットは、

知らなくてもサイト制作はできます。

マウスで操作すればいいですからね。笑

でも、

毎日のように使う操作だからこそ、
数秒の差が積み重なっていきます。

Photoshopでも、
ショートカットを覚えると作業がどんどん速くなりますよね。

ブラウザも同じです。

最初から全部覚える必要はありません。

まずは、

「これ使えそう!」

と思ったものを一つだけでも使ってみてください。

気づいた頃には、
考えなくても指が勝手に動くようになっています。笑

こういう小さな効率化も積み重ねながら、
サイト制作をどんどん快適にしていきましょう^^

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次