# Chrome拡張機能のVimiumを使ってキーボードだけでブラウザを操作する URL: https://webrandum.net/vimium/ 公開日: 2019-07-14 更新日: 2020-04-12 カテゴリー: 作業効率化 タグ: Chrome拡張機能, Google Chrome 出典: Webrandum(著者: サイトウ マサカズ) 最近ちょっとしたブラウジングであれば、VimiumというChrome拡張機能を使ってキーボードだけで操作するようにしています。 ## Vimiumのインストール ![Vimium](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_1-6-1024x465.png) Vimiumのインストールは[Chromeウェブストア](https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb)からインストールできます。 [![](https://www.google.com/s2/favicons?domain=chrome.google.com)chrome.google.com![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/f96ff2c7e71c2b9ecec0369acadf4879e4e4dacf0b3a78dbd7bf6e02bd33ab06.webp)Vimiumhttps://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmebThe Hacker's Browser. Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim.](https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb) ちなみにFirefoxの場合は[Vimium-FF](https://addons.mozilla.org/en-US/firefox/addon/vimium-ff/)というアドオンがあります。 ## 基本的な操作 Vimiumの基本的な操作は下記の通りです(Vimiumは大文字小文字の区別をします)。 | ショートカットキー | 実行内容 | 備考 | | --- | --- | --- | | j or control + e | 下へスクロール |   | | --- | --- | --- | | k or control + y | 上へスクロール |   | | --- | --- | --- | | h | 左へスクロール |   | | --- | --- | --- | | l | 右へスクロール |   | | --- | --- | --- | | gg(連続押し) | ページの一番上までスクロール |   | | --- | --- | --- | | G | ページの一番下までスクロール |   | | --- | --- | --- | | d | 半ページ分下へスクロール | downの略 | | --- | --- | --- | | u | 半ページ分上へスクロール | upの略 | | --- | --- | --- | | r | ページの再読込 | reloadの略 | | --- | --- | --- | | yy | 表示中のページのURLをコピー |   | | --- | --- | --- | | p | クリップボード内のURLを現在のタブで開く | pasteの略(?) | | --- | --- | --- | | P | クリップボード内のURLを新しいタブで開く |   | | --- | --- | --- | | i | インサートモードへ切り替え |   | | --- | --- | --- | | v | ビジュアルモードへ切り替え |   | | --- | --- | --- | | gi | ページ内の最初の入力欄にフォーカス | iを先に押してしまうと、 インサートモードになるので注意 | | --- | --- | --- | | f | リンクを選択して現在のタブで開く |   | | --- | --- | --- | | F | リンクを選択して新しいタブで開く |   | | --- | --- | --- | | gf | ページ内の次のフレームを選択する |   | | --- | --- | --- | | gF | ページ内のメイン/トップフレームを選択する |   | | --- | --- | --- | | o | ブックマークか履歴からURLを現在のタブで開く |   | | --- | --- | --- | | O | ブックマークか履歴からURLを新しいタブで開く |   | | --- | --- | --- | | b | ブックマークを現在のタブで開く |   | | --- | --- | --- | | B | ブックマークを新しいタブで開く |   | | --- | --- | --- | | T | 現在開いているタブを検索する |   | | --- | --- | --- | | / | 検索モードへ切り替え |   | | --- | --- | --- | | n | 次の検索一致に進む | 検索モード時のみ | | --- | --- | --- | | N | 前の検索一致に戻る | 検索モード時のみ | | --- | --- | --- | | H | 前のページへ戻る(ブラウザバック) |   | | --- | --- | --- | | L | 次のページへ進む |   | | --- | --- | --- | | t | 新しいタブを開く |   | | --- | --- | --- | | J or gT | 左のタブへ移動する |   | | --- | --- | --- | | L or gt | 右のタブへ移動する |   | | --- | --- | --- | | ^ | 直前のタブへ戻る |   | | --- | --- | --- | | g0 | 最初のタブへ移動する |   | | --- | --- | --- | | g$ | 最後のタブへ移動する |   | | --- | --- | --- | | yt | 現在のタブを複製する |   | | --- | --- | --- | | option + p | 現在のタブをピンする |   | | --- | --- | --- | | option + m | 現在のタブをミュートにする |   | | --- | --- | --- | | x | 現在のタブを閉じる |   | | --- | --- | --- | | X | 閉じたタブを復元する |   | | --- | --- | --- | | ? | ヘルプを表示 |   | | --- | --- | --- | ## 「i」でリンクをクリックできるようにする Vimiumのアイコンを右クリックして[オプション]をクリックしてオプション画面を開きます。 あとは「Custom key mappings」の部分に下記の設定を追加し、「Save Changes」をクリックします。 ``` map i LinkHints.activateMode map I LinkHints.activateModeToOpenInNewTab ``` ![キーの設定](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_2-7-1024x761.png) これで、ページでiを押すとページ内のリンクがハイライトされ、アルファベットが表示されます。 ![リンクのハイライト](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_3-4-1024x521.png) あとはアルファベットを入力するとそのリンクが開かれますし、大文字で入力すれば新規タブで開きます。 ## デフォルトで設定されているショートカットキーの使用方法 Vimiumをインストールすると、サイト内で設定されている元々のショートカットキーが使用できなくなってしまいます。 例としては下記のサイトです。 - Backlogで/を押すと検索ボックスにフォーカス - Gyazoでcommand + option + Cを押すとMarkdownをコピー このような元々のショートカットキーを使用したい場合は、fnキーを同時に押すと発火してくれます。 つまり先程の例だと、下記のようにします。 - Backlogでfn + /を押すと検索ボックスにフォーカス - Gyazoでfn + command + option + Cを押すとMarkdownをコピー 元々のショートカットキーが発火しないと混乱してしまいますが、とりあえずfnを押せばいいとだけ覚えておきましょう。 ## まとめ ページ内のスクロールとリンクの開き方さえ覚えておけば、マウスを使わずにブラウザの操作ができるようになります。 コードを書いている最中のちょっとした、検索が非常にラクになります。