web制作者なら必ず知っておきたいブラウザのショートカットキーまとめ

web制作

※この記事は、作成日より一年以上が経過しています。最新の情報ではありませんので、ご注意ください。

読了の目安時間: 340

keyboard

ブラウザ閲覧で「閉じるボタン」をいちいちマウスで押している人は、とても時間を損しています。仮に、一日50ページ閲覧(一年で約18000ページ)と仮定すると、ショートカット利用者より、じつに5時間も無駄にしていることになります。(※ページ下部の備考参照)

5時間の損失。これって、すごい悲しいコトですよね。5時間・・・。

仕事でパソコンが必須な以上、ショートカットを覚えることはライフワークバランスを向上させて人生を楽しむ時間増やすことに同義です。本記事でまとめてみましたので、是非、操作を試してみて覚えていきましょう!

絶対に知っておきたいタブとウィンドウのショートカット

タブとウィンドウの開閉操作

新しいタブを開く Ctrl+T
新しいタブでリンクを開く Ctrl+リンクをクリック
マウスのホイール部分でリンクをクリック
新しいタブでリンクを開いて切り替え Ctrl+Shift+リンクをクリック
新しいウィンドウを開く Ctrl+N
新しいウィンドウでリンクを開く Shift+リンクをクリック
現在のタブ・ポップアップを閉じる Ctrl+W
Ctrl+F4
最近閉じたタブをもう一度開く Ctrl+Shift+T

タブとウィンドウの切り替え操作

タブバー上の特定の位置番号のタブ切替 Ctrl+1~8
最後のタブに切り替える Ctrl+9
次のタブに切り替える Ctrl+Tab
Ctrl+PageDown
前のタブに切り替える Ctrl+Shift+Tab
Ctrl+PgUp
現在のウィンドウを閉じる Ctrl+Shift+W
Alt+F4
そのタブの閲覧履歴の前のページを表示 Alt+←
Backspace
そのタブの閲覧履歴の次のページを表示 Alt+→
Shift+Backspace

絶対に知っておきたいページにおけるショートカット

ページの検索操作

ページ上のリンク項目を移動 tab
URL入力欄にハイライト表示で選択 Ctrl+E
URL入力欄にハイライト表示で選択 Ctrl+L
Alt+D
検索バーを開く Ctrl+F

ページの読み込み操作

現在のページを再読み込みする F5
現在のページの読み込みを停止する Esc
キャッシュを無視して現在のページを再読込 Ctrl+F5

ページの移動操作

1ページ分下にスクロールする Space
ページの先頭に移動する Home
ページの最後に移動する End
ページを水平方向にスクロールする Shift+を上下に回転

ページの拡大縮小

全画面モードのオン・オフを切替 F11
ページ全体を拡大・縮小する Ctrl++
Ctrl+-
Ctrl+マウスホイールを上下に回転
ページ全体を通常のサイズに戻す Ctrl+0

Google Chromeの機能操作

デベロッパー ツールを開く Ctrl+Shift+J
F12
ブックマーク バーの表示/非表示を切り替る Ctrl+Shift+B
Chromeメニューを開く Alt+F
Alt+E
[履歴] ページを開く Ctrl+H
ダウンロード ページを開く Ctrl+J
[閲覧履歴データを消去する] ダイアログを開く Ctrl+Shift+Del

豆知識的なショートカット

新しいウィンドウをシークレットモードで開く Ctrl+Shift+N
パソコン上のファイルをGoogleChromeで開く Ctrl+O(ファイル選択ダイアログ)
ファイルをドラッグ&ドロップ
ホームページを開く Alt+Home
開いているすべてのページを
新しいフォルダにブックマークとして保存する
Ctrl+Shift+D
現在のウェブページをブックマークとして保存する Ctrl+D

まとめ

いかがでしたでしょう。今後のWeb制作に役立っていけば幸いです・・・!(もっと便利なものあるという人は是非教えて。。。)

※備考
マウスで閉じるのに2秒。ショートカットなら1秒と仮定して、
 マウスの場合は2[s]×18000[P]=10[h]。
 ショートカットの場合は1[s]×18000[P]=5[h]。
という計算式で仮定しています。

今読んだ記事をシェアする

keyboard-thumb

web制作者なら必ず知っておきたいブラウザのショートカットキーまとめ

  • このエントリーをはてなブックマークに追加
  • Pocket

このブログサイトが参考になった人は、いいねボタン! 更新情報も受け取れます!

arrow
デル株式会社
  • Pocket
  • このエントリーをはてなブックマークに追加

キヨタツ

キヨタツ

WEBを中心に、色々な制作をする個人事業主です。過去、エンジニア&webディレクターで会社勤めをしていました。主に要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。現在、サーバー・アプリなどを習得中です。性格は、自虐好きです。