Our Blog

vimで快適ブラウジング!

  • 10pakpak

chromeのvimiumというプラグインの紹介です。

私はプログラミングにvimというエディタを使っています。キー操作(キーバインド)が独特で、使いこなせるようになるまで時間がかかるのですが、慣れると超快適で、また拡張性も高く様々な状況に対応できるため、プログラマに愛用者が多いです。vimは中毒性が高く、vimの独特なキーバインドにハマってしまうと、エディタ以外のツールもvimエディタと同じようにしたくなってきます。同じようなエンジニアが結構いるようで、ブラウザをvim風にする拡張が幾つかあります。

昔ガラケーサイトを作っていた頃は、firefoxをメインのブラウザにしていて、vimperatorというfirefoxをvim風にするプラグインを使っていました。これが優秀で満足していたのですが、chromeに乗り換えてからはちょうどいいプラグインがなく、しばらく検討していませんでした。
が、最近ぐぐってみたら、vimiumというよさ気なchromeプラグインがあったので、
インストールして使ってみることにします。

とりあえずインストール

ここからインストールできます。
http://vimium.github.io/

使い方はこんなかんじ。

「?」を入力するとキーバインドのヘルプが表示されます。

ちょっと拡張

「ウィンドウ」-「拡張機能」-「Vimium」のオプションから設定できます。

「Custom key mappings」に以下を設定しました。
これでかなり私のvimエディタの挙動に近づきました。


map  previousTab
map  nextTab
map  scrollFullPageUp
map  scrollFullPageDown
map i LinkHints.activateMode
map I LinkHints.activateModeToOpenInNewTab

また、「Custom search engines」に設定をすれば、検索が便利になりそうです。

以下を設定しました。
「:o」を入力して検索ボックスを表示したあと、
「コマンド+スペース」に続けて検索ワードを入力すると、wikipedia、amazonなど設定したサイトの検索結果がすぐに表示されます。


w: http://ja.wikipedia.org/w/index.php?title=Special:Search&search=%s Wikipedia@Ja
we: http://en.wikipedia.org/w/index.php?title=Special:Search&search=%s Wikipedia@En
y: http://www.youtube.jp/results?search_query=%s Youtube
a: http://www.amazon.co.jp/s/?field-keywords=%s Amazon

さらに、特定のページだけvimiumを動作させないようにしたいときは、
「Excluded URLs and keys」に設定を足せば良さそうです。

Gmailのキーバインドもvim風にしたい…
よく使うGmailのキーバインドもvim風にしたいところですが、javascriptを多用したリッチなUIの場合、vimiumの機能でvim風に操作できるようにするとかえって使いにくくなりそうです。vimiumもdefaultでGmailを非対応にしています。
しかし、Gmailにはもともといくつかのキーバインドが定義されているので、それをなんとかvim風にできないかなぁと考えています。今度調査してみます。

参考
http://vimium.github.io/
https://github.com/philc/vimium/wiki/Search-Completion

This is a unique website which will require a more modern browser to work! Please upgrade today!