(チーム内発表会用) Vimium で快適にGoogleChromeを使おう！

# Vimiumを使い始めたきっかけ

肩が凝る
↓
内蔵キーボードを使った方が姿勢を変えられて、意外と肩が凝りにくいかもしれないと気付く
↓
外付けキーボード・外付けマウスを使わなくなる
↓
トラックパッドで辛い操作が出てくる
↓
インストール！

---

# ちなみに

僕のメインエディタは SublimeText。
Vimには詳しくない

---

# Vimium とは

GoogleChrome でキーボード操作だけでリンクを開いたり、テキストをコピペできるようになる拡張。

---

# もったいない

キーボードにはAからZまでのキーがあるのに、ブラウジング中に使うのはほんのわずかだけ。

画面内検索するとかコピペする時とか、 Ctrl(Command) とキーを組み合わせたりするけれど、他はほとんどマウス、トラックパッドでの操作をしている。
こんなにキーがたくさんあるのにもったいない。

---

# マウス、タッチパッドでの操作は

決して心地良くはない。軽快じゃない。
学習によって上手くなったりしない。学習曲線が平行線だ。

キーボードから手を離すことで意識のテンポが崩れてしまう。

---

# なんか固い

MacBookのトラックパッドが、なんか固い。
キーボードのキーを押すのより10倍ぐらいの反発を感じる。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/5cabdff4-64fa-715a-b857-597094b95b66.png)

---

# キーボードだけでの操作は

心地良い。軽快なので作業のテンポが途切れない。
学習によって操作がうまくなっていく.

1ヶ月ほどVIMIUMを使い続けた実感は「もう手放せない」。

---

# Vimiumでは

「ブラウジング中の死んだキーたち」を有効利用することができる。
操作に慣れてくると、だんだんと「VIMIUMでのブラウジングがうまくなっていく」ので面白い。

なんでこんなに良い拡張がマイナーなのか分からないぐらい。
(GooleChromeを使っている技術者なら、誰でも入れていても良いぐらいだと感じる)


---

# メインの機能はこれ。

---

`f` キーを押すと、画面内の各リンクにアルファベットが割り振られ、そのキーを押すだけでリンク先に飛べる。
自分の場合は、VIMIUMを使う目的の80%はこの機能のため。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/86b1f350-a750-0edc-5dbd-7e946ff06883.png)

---

リンク数が多くても全部キーを割り当ててくれる

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/7e778e71-be4b-3de2-1170-b4402b05fc5c.png)

---

# ちなみに

<kbd>Shift</kbd> を押しながらキー入力すると「別タブをバックグラウンドで」開ける。
<kbd>Command</kbd> を押しながらだと「別タブをフォアグラウンドで」で開ける。

---

<kbd>A</kbd> とか <kbd>S</kbd> とか <kbd>E</kbd> とか、キーボード的に打ちやすいキーで固まっている。（使いやすい）

他には「リンクのテキスト検索して移動する」っていう方法もあるけど、こっちの方が断然素早い。

---

Vimiumの存在は前から知っていたのだが、「リンクをテキスト検索する」というのが主な使い方だと思いこんでいて、インストールしてなかった。

その頃はテキスト検索も、日本語入力にも対応していなかったっぽい。

---


# ページのスクロール

`j` `k` で普通にスクロール出来る。
Mac ではなぜか 上下キーでのスクロールより動きがスムーズ。

---

# 半ページスクロール

`d` `u` で PageUp / PageDown ができる。
Mac の `Command+上下キー` だと1ページずつスクロールするが、Vimiumだと半ページずつスクロールしてくれる。いい感じ。

---

# 入力欄にも使える

慣れれば軽快に入力して行ける。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/bd945b26-370c-c867-87dd-02b97e92e0d8.png)

---

# gi ( いま見えている中で、一番上の入力欄にフォーカスする )

だいたいのサイトはページの最上部に検索フォームがある。
なのでたとえGithubを開いて、すぐにレポジトリ検索するということが出来る。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/59d89336-0e8c-bb21-12e0-a24e6624f969.png)

---

# gg / G ( ページの最上部へ / ページの最下部へ )

前述の `gi` と合わせて使うことで、いつでも「ページ最上部の入力欄」にフォーカスできる。

( `gggi` )

---

# x / Shift+x ( ページを閉じる / 復元する )

軽快。


---

# 良いところ

## サービスごとのショートカットを覚えなくて良い

よほどよく使っているサービスでなければ、ショートカットは覚えづらい。

世の中にはたくさんのサービスと、そしてショートカットがある。

---

### Twitter

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/56944d57-365a-97b5-0d3e-2a9fe00a8fc7.png)

---

### Gmail

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/42049da3-4e9f-eac5-3226-63a02f85f1e2.png)

---

### Github

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/d8fa6527-d91e-e6ab-7ae3-2340f07b1eb3.png)

---

# その他の機能

---

## テキストのコピペ

`v => c` のキャレットモードでテキストの起点を決め、
`v` のビジュアルモードで範囲選択をおこなう。
カーソルの移動は `hjklwb` でおこなう。

(わりと難しめ。まだ慣れていない。トラックパッドでコピペするもどかしさに比べたらすごくマシ。だんだん上手くなってくるし)

---

## 現在のURLをクリップボードにコピー ( 'yy' )

よく使うので便利。
URLのコピーのためににフォーカスしなくて良い。

アドレスバーにフォーカスしてしまうと、元の状態（ページにフォーカスされた状態）に戻りにくい。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/cd9e2dba-1534-a4f4-dbb7-10e1516e50bc.png)
p

---

このページに書かれているとおり。

[キーボード操作だけでGoogle Chromeのアドレスバーへ行ってしまったフォーカスをページへ戻したい](http://randyumi.hatenablog.com/entry/2015/01/24/164927)


>enterを入力する
>enterを打ち込むとページが読み込まれ始めて読み込み終わるまで待たされてイライラする

>tabを押す
>アドレスバーの横の拡張機能とかブックマークバーに移動してなんかいtabを連打すればいいのかわからなくてイライラする

>マウスでページのなにもないところをクリックする
>マウス(or トラックパッド)まで手を伸ばす必要がありめんどくさくてイライラする

---

## クリップボードのURLに移動 ( `p` or `P` )

よく使うオペレーションなので便利そう。

---

## タブの複製 ( `yt` )

今開いているタブを複製することができる。

- アドレスバーにフォーカスを移す
- <kbd>Command+Shift+Enter</kbd> よりずっと楽。

---

## タブの入れ替え ( `<<` `>>` )

「切り替え」ではなくて「入れ替え」ができる。スイスイと。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/cf5a256d-bb4b-3dad-d083-658a2b2ceff7.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/e53d5d1a-30a1-a0dc-7472-51e8149cd730.png)

---

## ページめくり ( `[[` `]]` )

ページ内に `<` `>` っていうリンクがあると、移動してくれる。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/d4b2054d-53eb-caed-dd42-330d6050acaa.png)

( サイト側によってページ構造はマチマチなので、「このサイトでは使える」と覚えておいたら便利かも、ぐらい)


---

# オプション

サイト毎 / キー毎に Vimuimの動作を無効にすることも出来る。
現在は Gooogle でだけ Vimiumを無効にしている（が、もう全部Vimuimで良いんじゃないかとも思っている）。

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/2d628cd4-3f7e-f212-4e9a-1ae51571624c.png)

---

# VIMIUMの欠点

---

## 「ソース表示」ページではショートカットが効かない

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/a96ed53f-639b-85a3-9ffb-5c776bb67009.png)

---

## 読み込み中のページではショートカットが効かない

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/1be86d8c-2164-d15a-9ed9-e7521fc16173.png)

---

## セレクトボックスにフォーカスを当てても使えない

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/4420b9a0-d46f-c3d3-672a-43c1b24375d5.png)

すぐにフォーカスが外れてしまう。VIMIUMのバグと思われる。

---

## 他のソフトウェアでもVIMIUMのショートカットを使おうとしてしまう

「なんで `x` を押してるのに閉じないんだ！」とか思ってしまう。
`Ctrl(Command) + W` でウィンドウを閉じるとかいう動作は、元々のショートカットを使ったほうが良いかも。

---

## ウェブサイト独自のショートカットと競合することがある

ウェブサイト側のショートカットが優先され、VIMIUMがそれを上書きできない場合がある。

--

## すごく重要な操作をするときは使わないほうが良いかも

![image](https://qiita-image-store.s3.amazonaws.com/0/89618/159bcfd3-7062-db39-46be-521047194c5a.png)


---

# 環境

- Mac OS X El Capitan








<!-- Update From Qiita API -->

# チャットメンバー募集


何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ





# Twitter


https://twitter.com/YumaInaura


<!-- Update From Qiita API -->