開発効率を上げるChromeショートカットまとめ
今年の4月よりWEBエンジニアとして従事していますが、業務の日々にも慣れてきました。
その中で、1日の業務時間の中でコードをかける時間が限られているということを次第に意識するようになりました。
私はブラウザにGoogle Chromeを使用していますが、ブラウザを使用する際にマウスを使用する頻度やが高いことや、各動作の実行に時間がかかっているのを感じておりました。
そこで今回はショートカットを使用することで、マウスの使用頻度を極限まで少なくし、各動作の実行もスムーズにする目的で調べ、見返せるようにまとめていこうと思います。
ショートカットの種類
Chrome公式ショートカットは5つの場面で分かれている。
中には自分はあまり使用する場面がないものもあったので、エンジニアとして普段使用するであろうもののみに絞ってまとめていく。
タブとウィンドウのショートカット
| 操作 | ショートカット |
|---|---|
| 新しいウィンドウを開く | ⌘+n |
| 新しいウィンドウをシークレットモードで開く | ⌘+shift+n |
| 新しいタブを開いてそのタブに移動する | ⌘+t |
| 開いているタブを移動する | ⌘+option+左右矢印 |
| 特定のタブに移動する | ⌘+1~8 |
| 最後のタブに移動する | ⌘+9 |
| 現在のタブの閲覧履歴の中で前後のページを開く | ⌘+[or]または⌘+左右矢印 |
| 現在のタブまたはウィンドウを閉じる | ⌘+w |
| 現在のウィンドウを閉じる | ⌘+shift+w |
| ウィンドウを最小化する | ⌘+m |
| Chromeを閉じる | ⌘+q |
Google Chromeのショートカット
| 操作 | ショートカット |
|---|---|
| 履歴ページを新しいタブで開く | ⌘+y |
| 現在のページ内を検索する検索バーを開く | ⌘+f |
| 検索バーでの検索内容に一致する次の部分に移動する | ⌘+g |
| 検索バーでの検索内容に一致する前の部分に移動する | ⌘+shift+g |
| 検索バーが開いている時に、選択したテキストを検索する | ⌘+e |
| デベロッパーツールを開く | ⌘+option+i |
アドレスバーのショートカット
| 操作 | ショートカット |
|---|---|
| ウェブサイトを新しいバックグラウンドタブで開く | ウェブアドレスを入力＋⌘+enter |
| アドレスバーに移動する | ⌘+l |
| アドレスバーにカーソルを移動する | control+F5 |
ウェブページのショートカット
| 操作 | ショートカット |
|---|---|
| キャッシュコンテンツを無視して現在のページを再読み込みする | ⌘+shift+r |
| ページの読み込みを中止する | esc |
| クリック可能な項目間を移動する | tab or shift+tab |
| 現在のページのHTMLソースを表示する（編集不可) | ⌘+option+u |
| javascriptのコンソールを開く | ⌘+option+j |
| 現在のページをブックマークする | ⌘+d |
| 全画面表示モードをオンまたはオフにする | ⌘+control+f |
| ページ上の全ての要素を拡大する | ⌘押しながら+キー |
| ページ上の全ての要素を縮小する | ⌘押しながら-キー |
| ページ上の全ての要素をデフォルトのサイズに戻す | komanndo+0 |
| WEBを検索する | ⌘+option+f |
| ホームページを現在のタブで開く | ⌘+shift+h |
| ページのズームレベルをリセットする | ⌘+0 |
マウスのショートカット
| 操作 | ショートカット |
|---|---|
| リンクを新しいバックグラウンドタブで開く | ⌘+リンクをクリック |
| リンクを開いてリンク先に移動する | ⌘+shift+リンクをクリック |
| タブを元の位置に戻す | スラッグ中にesc |
最後に
これからもエンジニアとして頑張ろうと思います。言語の勉強も重要ですがこういったショートカットは一度調べると、ボディブローのように開発効率向上に効いてくるので、結果的に自分の時間を得ることにつながると思います。
獲得した時間を言語の勉強などに当てることもできますし、何よりブラウザ操作がスマートだとかっこいい！
これからも励んでいこうと思います。
次はこちらをインプットしたいと考えています
macショートカット