WebDesigner's Memorandumウェブデザイナーの備忘録

Google Chromeをショートカットキーで操作できるようにする

普段何気なく使っているブラウザですが、ページ内にあるリンクをクリックするためにカーソルを移動させなければいけませんし、「タブの移動」「検索バーのフォーカス」「ブックマークのクリック」「拡張機能のクリック」など何か操作するには全てブラウザの上の方までカーソルを持って行けなければなりません。

ショートカットキーを何も使っていないと、カーソルをあちこちへ移動させて気が付かないうちに手首に負担をかけてしまっているかもしれません。

趣味レベルだとそれでもいいかもしれませんが、仕事として毎日パソコンを触っているのであれば少しでも身体への負担は減らしたいところ。

今回はGoogleChromeをマウスを使わないで操作できるようにカスタマイズしてみます。
もちろん「マウスを一切使わない方が良い」というわけではなく、選択肢としてマウスを使わなくても操作できる事を知っておくと、操作がかなり楽になると思います(ブラウザに限った話ではなく)。

デフォルトのショートカットキー

デフォルトのショートカットキーを少し覚えておくだけでもかなり楽です。

ショートカットキー機能備考
新しいタブcommand + T 
新規ウインドウcommand + N 
新規シークレットウインドウcommand + shift + N 
閉じたタブを開くcommand + shift + T 
ファイルを開くcommand + O 
場所を開くcommand + L「検索ボックスにフォーカス」という意味
リンクをメールで送信command + shift + I 
元に戻すcommand + Zテキストフィールドに入力した内容などを1つ前の状態に戻す
やり直すcommand + shift Z「元に戻す」で戻した内容を戻す(先へ進める)
切り取りcommand + X 
コピーcommand + C 
貼り付けcommand + V 
ペーストしてスタイルを合わせるcommand + shift + Vプレーンテキストで貼り付ける
すべてを選択command + A 
ウェブ検索command + option + F検索バーにフォーカス + 「Googleを検索」に切り替え +
検索ボックスの内容が空になる
検索command + Fページ内を検索
次を検索command + G 
前を検索command + shift + G 
選択部分を検索に使用command + E 
選択部分へジャンプcommand + J 
スペルと文法を表示command + :「スペルと文法」パネルを表示
書類を今すぐチェックcommand + ; 
絵文字と記号command + control + スペース 
ブックマークバーを常に表示command + shift + Bトグルでブックマークバーの表示・非表示を切り替える
全画面表示でツールバーを
常に表示
command + shift + F 
中止command + .ページの読み込みを中止する
ページを再読み込みcommand + R 
ページの再読み込み
(スーパーリロード)
command + shift + Rキャッシュなどもクリアしてリロードする
フルスクリーンにするcommand + control + F 
実際のサイズcommand + 0デフォルトの拡大率に戻す
拡大command + + 
縮小command + – 
ソースを表示command + option + U 
デベロッパーツールcommand + option + I 
要素の検証command + option + C 
JavaScript コンソールcommand + option + J 
ホームcommand + shift + H 
戻るcommand + [ 
進むcommand + ] 
全履歴を表示command + Y 
最小化command + option + control + M 
次のタブを選択control + fn + ↓
(もしくは、command + shift + ])
 
前のタブを選択control + fn + ↑
(もしくは、command + shift + [)
 
ダウンロードcommand + shift + J「ダウンロード」ページを開く

メニューバーの表示を押しても反応しない場合

何故かメニューバーに書かれてあるショートカットキーでは反応せず、微妙に違ったショートカットキーを押すと反応するものもあります。

もしかすると自分があれこれ設定しているのが原因なのかもしれませんが、もしメニューバーに書かれてあるショートカットキーを押しても反応しない場合は、下記も試してみてください。

機能書かれてあるショートカットキー実際に反応するショートカットキー
ウェブ検索command + option + Fcommand + option + fn + F
デベロッパーツールcommand + option + Icommand + option + fn + I
要素の検証command + option + Ccommand + option + fn + C

主にcommand + option + 系が反応せず、fnキーと一緒に押す事で反応します。

Keyboard Maestroでショートカットキーを追加

ショートカットキーが割り振られていないメニューにはKeyboard Maestroでショートカットキーを追加できます。

拡張機能にショートカットキーを追加

検索バーに「chrome://extensions/shortcuts」と入力してenterを押すと、拡張機能のショートカットキーを設定する画面が開きます。

Chrome拡張機能のショートカットキー設定

よく使う拡張機能を開くのにいちいちメニューバーまでカーソルを移動している人は、設定しておくと楽になります。

拡張機能のvimiumで操作する

vimiumというChrome拡張機能をインストールすると、vimのキーバインドでChromeを操作できるようになります。
具体的には下記のような操作がキーボードでできます。

  • ページのスクロール
  • リンクのクリック
  • ブックマークの検索
  • タブやページの移動

よく使う基本のショートカットキーは下記の通り

機能ショートカットキー
ヘルプの表示?
左スクロールh
下スクロールj
上スクロールk
右スクロールl
ページの1番上へgg
ページの1番下へG
ページの更新r
現在のページのURLをコピーするyy
リンクを開くf

リンクを開くためには、fキーを押します。
するとページ内にアルファベットが大量に出てくるので、開きたいリンクの横についてあるアルファベットを入力すればリンクが開きます(shiftキー押しながらで別タブで開く)。

カスタマイズして更に使いやすくする

デフォルトの状態からキーをカスタマイズして更に使いやすくします。

  • hキーとlキーがデフォルトだと横スクロールになっていますが使わないので、「戻る」「進む」に変更。
  • shiftを押しながらの場合はタブの移動にする。
  • iキーでリンクの選択ができるようにする(デフォルトはfキー)

Vimium Options

方法は拡張機能のオプションへいき、「Custom key mappings」というテキストエリアに下記のコードをコピペするだけです。

map h goBack
map l goForward
map H previousTab
map L nextTab
map i LinkHints.activateMode
map I LinkHints.activateModeToOpenInNewTab

その他のカスタマイズ

今回は「Google Chromeをマウスを使わないで操作する」という事にフォーカスして紹介しましたが、過去にGoogle Chrome自体を使いやすくするための設定や、ブックマークの整理方法に関しての記事も書いているので参考にしてみてください。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね