ぬるま湯デザイン塾 – 公式ブログ

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

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

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

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

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

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

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

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

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

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

サイト制作で平原もよく使っている、
ブラウザのショートカットを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でも、
ショートカットを覚えると作業がどんどん速くなりますよね。

ブラウザも同じです。

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

まずは、

「これ使えそう！」

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

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

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