こんな方向けに、元SEの僕が実務でも使っていた『本当に便利なショートカットキー』をまとめました。
今回はブラウザ編です。
ネットで調べることが多い方にも役立つ内容となっています
本当に便利なショートカットキー一覧表
| ブラウザ操作でよく使うショートカットキー | 便利 レベル |
|
|---|---|---|
| 「ctrl」＋「D」 | 現在のページをブックマークする | ★★★★ |
| 「alt」＋「←」 または「backspace」 |
前のページへ | ★★★★ |
| 「alt」＋「→」 | 次のページへ | ★★★★ |
| 「ctrl」＋「F」 | ページ内検索 | ★★★★ |
| 「ctrl」＋「tab」 | 右のタブへ | ★★★★ |
| 「ctrl」＋「shift」＋「tab」 | 左のタブへ | ★★★★ |
| 「ctrl」＋「T」 | 新規タブを表示する | ★★★☆ |
| 「alt」＋「D」 | アドレスバーを選択する | ★★★☆ |
| 「ctrl」＋リンクをクリック | リンク先を新しいタブで開く | ★★★☆ |
| 「ctrl」＋「shift」＋リンクをクリック | リンク先を新しいタブで開き、アクティブにする | ★★★☆ |
| 「ctrl」＋「W」 | 現在のタブを閉じる | ★★★☆ |
| 「F5」 | 画面を再読み込みする | ★★☆☆ |
| 「ctrl」＋「F5」 | キャッシュを削除して画面を再読み込みする | ★★☆☆ |
| 「F12」 | 開発者画面を表示する | ★☆☆☆ |
ブラウザ操作でよく使うショートカットキー：便利度 ★★★★
「ctrl」＋「D」：現在のページをブックマークする
現在開いているページをブックマークすることができます。
調べものをしていて、「このページいい！」ってなったときに便利です。
「alt」＋「←」または「backspace」：前のページへ
「前のページに戻りたい！」っていうときに便利です。
Googleで検索して、検索結果ページで目ぼしい記事を探している時なんかに役立ちます。
「あ～、さっきのページもっかい見たい」のときに使います。
ブラウザバックともいわれます。
「alt」＋「→」：次のページへ
「次のページに行きたい！」っていうときに便利です。
注意点は、読み込んだページでないと遷移できないことです。
誤ってブラウザバックしたときに使えます。
「前のページに戻る」を「やっぱヤメ！」ってするイメージです。
「ctrl」＋「F」：ページ内検索
ページの中で特定の文字列を探すときに便利です。
これを使えば、２万字ある論文の中から「紙おむつ」の記述を探すことも簡単です。
検索窓は右上端に小さく出てくるので、ちょっとわかりにくいです
ちょっと見にくい
「ctrl」＋「tab」：右のタブへ
いま見ているタブの右のタブをアクティブにします。
タブを大量に開いているときに便利です。
「ctrl」＋「shift」＋「tab」：左のタブへ
いま見ているタブの左のタブをアクティブにします。
タブを大量に開いているときに便利です。
ブラウザ操作でよく使うショートカットキー：便利度 ★★★☆
「ctrl」＋「T」：新規タブを表示する
現在アクティブなウィンドウで新しいタブを表示します。
次に紹介する「alt」＋「D」と組み合わせると便利です。
「alt」＋「D」：アドレスバーを選択
アドレスバーを選択します。
サイトを見ている途中で、「あ、あれ調べたい」ってなったときに便利です。
さっき紹介した「ctrl」＋「T」で新しいタブを表示して、「alt」＋「D」でアドレスバーを選択して、キーワードを入力してエンター。
こうすることで現在のページに影響を与えることなく新しい情報を集めることができます。
「ctrl」＋リンクをクリック：リンク先を新しいタブで開く
ブログでよくありがちな、記事の途中で別リンクに案内される場合に便利です。
今表示している記事を読んでしまってから、あとでリンク先を読む、というときはこれを使います。
みたいなのはこれで一発解決できます。
リンク先をすぐに読みたい場合は次のショートカットが便利です。
試しに↓のリンクを「ctrl」＋リンクをクリック で開いてみてください
-
-
誰でも読める！読書嫌いが選ぶおすすめ本１０選【ビジネス・自己啓発】
続きを見る
「ctrl」＋「shift」＋リンクをクリック：リンク先を新しいタブで開き、アクティブにする
「ctrl」＋リンクをクリック では、開いたリンク先はアクティブではありません。
こちらはリンク先をアクティブにできるので、リンク先を先に読みたいときに使います。
試しに↓のリンクを「ctrl」＋「shift」＋リンクをクリック で開いてみてください
-
-
誰でも読める！読書嫌いが選ぶおすすめ本１０選【ビジネス・自己啓発】
続きを見る
「ctrl」＋「W」：現在のタブを閉じる
このタブもうイラネ( ﾟдﾟ)､ ってときに使います。
保存の表示とかもなく強制終了するので、ブログの執筆中とかは取り扱い注意です。
ブラウザ操作でよく使うショートカットキー：便利度 ★★☆☆
「F5」：画面を再読み込みする
現在表示している画面を再表示できます。
読み込み遅いな～とか、サイトのデザイン変更した時の確認によく使います。
あとは、予約サイトや順番待ちの最新情報を取得するときにも便利です。
「ctrl」＋「F5」：キャッシュを削除して画面を再読み込みする
キャッシュを削除して画面を再読み込みするショートカットです。
ブログデザインを変更しているときあるあるなんですが、変更したのに反映されない！！という場合があります。
そんなときはキャッシュが残っている可能性があるので、削除して再読み込みする必要があります。
このショートカットでキャッシュを削除して、サイトを再表示してくれます。
キャッシュって？
サイトを素早く表示するために一時的に記憶されている情報です。
○○サイトを訪れたら、「○○サイトはこんなデザイン」みたいにPCが覚えてくれます。
もう一度訪れると、「前回はこんなデザインだった」という記憶（キャッシュ）をもとにサイトを表示してくれます。
こいつのおかげでサイトの表示は早くなるのですが、情報が古いと最新のデザインなどが反映されないことがあります。
ブラウザ操作でよく使うショートカットキー：便利度 ★☆☆☆
「F12」：開発者用画面を表示する
現在表示されているサイトのデザインはどうなっているか、画面でどんな処理が動いているか、などを把握するときに使います。
目に見えない
- HTMLのコード
- Javascriptのコード
なんかを見ることができます。
WebサイトのデザインやWebアプリを作るときにはよく使います。
ちょっとデザインを凝ってみたい！という場合は見てみるのも良いと思います。
詳しい方法はこちらのサイトが参考になります。
[blogcard url="https://www.sakurasaku-labo.jp/blogs/developer-tools"]
ブログデザインに関するほとんどはWordpressの［外観］→［カスタマイズ］で事足りると思います。
もっとたくさん触りたい！という欲張りさんはぜひどうぞ。
まとめ：便利なショートカットキーを使って効率化しよう！
以上、僕がよく使うショートカットキーでした。
この記事にあるものを使えば、日々の作業は劇的に速くなります！
