便利でも時々邪魔になる拡張機能
Chrome には便利な拡張機能が多くて（でもよく動かなくなったりしますがw）日頃からたいへん助かっているけど、時々じゃまになる場合もありますよね。
SNS をやり始めてから必須になったのが、ページの一番上や一番下にスクロールしてくれるやつ。ぼくの場合、下の画面の右端にあるのがそうで、 Scroll To Top Button っていうのを使ってます。
結構便利なんですけど、スクリーンショットを取るとこのボタンまで写ってしまって面倒な事が度々あったので、これをなくす代わりにマウスジェスチャーの拡張機能を入れてみようと思った訳です。
そう、ここからが本題。
マウスジェスチャーとはマウスを上下左右に動かしてそのパターンによってそれぞれ別々のアクションを実行させる機能
どんなマウスジェスチャー用の拡張機能があるのか調べる
で、まずは Chrome にどんなマウスジェスチャーの拡張機能があるか調べた所、以下のようなものがありました。
- Smooth Gesture
- Gestures for Chrome
- Chrome Gestures など
Smooth Gesture っていうのが評価が高い感じでしたが、Chrome ウェブストアから探すものの今は登録されていない様子。
参考サイトによると、あろうことかスパイウェアに認定されちゃってストアから消されちゃったらしいとのこと。うーむ、のっけから波乱。
しかし、 次に記事も多い Gestures for Chrome が評価も高そうなのでチョイス。
探すには Chrome ウェブストアに行き、「Gestures for Chrome」 と検索しましょう。日本語で「マウスジェスチャー」と入力しても見つかるはず。
で、見つかったものの同じ名称のやつが2つあります。同じ物のようですが、詳細な説明文を見ると片方は中国語になってる・・・。今は尖閣諸島問題で中国は大荒れですし、中国語だとどうしても遠慮しちゃいますよね。スパイウェアというキーワードも妙にリンクしちゃったりしてw。というわけでもう一つの方をインストール！
インストールが完了したら拡張機能を開き、「オプション」リンクをクリックすると、Gestures for Chrome の設定画面が現れます。
上部にタブがいくつかありますが、「Basics」 を選ぶと標準的な設定がここで行えます。幸いなことに日本語で表示されていますね。ここは特にデフォルトのままで構わないはず。
下の方に「スムーススクロールを使用する」というチェックボックスがありますが、ちょい上の「マウスホイールを使用する」がチェックされていないとチェックできません。つまり、マウスホイール用の機能だということ。 私個人的に興味があったのでやってみましたけどそんなに違いはありませんでした（ガクリ）。
次に「Actions」 タブをクリックすると、既に登録されているジェスチャーの一覧が表示されますので、ここから既存のジェスチャーを確認したり、新たなジェスチャーを登録することができます。
まずは、デフォルトのジェスチャーをここで確認して、実際にどうなるかやってみましょう。で、気に入らなければ自分の好きなように変えればいいのではないでしょうか。
ちなみに、最初に出てくる「Flip Back」や「Flip Forward」って何だろ？ですが、以下のことらしいです。ふむふむ。
- Flip Back：マウスの右ボタンを押しながら左ボタンを押す
- Flip Forward：マウスの左ボタンを押しながら右ボタンを押す
でも、マウスジェスチャーにも既に「→ 進む」「← 戻る」がすでに登録されているのであまり使うことは無さそう。 試してみてもちょっと反応悪そうな感じでした。
さてさて、では実際にジェスチャーをやってみましょう。
やり方は、ブラウザのどこでもいいので、マウスの右ボタンをドラッグ（押したまま移動）しながら上下左右に動かし、最後に右ボタンをリリース（離す）します。その際、マウスの軌跡も表示されるので便利です。
登録されているジェスチャーの中で単純な「← 戻る」「→ 進む」などいいかも。つまり、前のページに戻りたいなら、右ボタンをドラッグ（押したまま移動）しながら今ある場所から左の方へ動かしてリリースします。やってみると・・・か、快適すぎるw
上図は Google ニュースで試した画面ですが、右の赤で囲った部分が右ボタンをドラッグ（押したまま移動）しながら描いたジェスチャーの軌跡、そして画面中央（左の赤い囲い）はそのジェスチャーを感知してどのアクションが選ばれたかを表しています。
ただ、デフォルトで設定されているジェスチャーはあまり多くないので、例えば需要が多そうな「ページの一番上、一番下にスクロール」を新たに登録したり、逆にあまり使いそうもない「右端のタブを選択」「左端のタブを選択」などは削除して構わないのではないでしょうか。
新たなジェスチャーの登録
新たなジェスチャーも登録してみましょう。
ここでは、需要が多そうな「ページの一番上にスクロール」を新たに登録してみようと思います。
Twitter や Facebook など SNS やってる人はタイムラインやストリームがどうしても長くなりがち。そんな時いっぺんにページの一番上や一番下にスクロールさせたくなることが多いのではないでしょうか。そんな時に威力を発揮します。
まず、「add new gesture」ボタンをクリックして、新たなジェスチャーを登録開始します。
すると以下のように黒っぽい画面になりますので、ここでマウスの右ボタンをドラッグしながらジェスチャーを記録させます。
「ページの一番上にスクロール」だとどんなジェスチャーがいいでしょう。私は「→↑」にしました。
ただ、そのジェスチャーが既に他のアクションで登録されている可能性もありますので、事前に調べておくのもいいでしょう。
幸いにも「→↑」は無登録でしたので、右ボタンをドラッグしながら以下のように描いてみます。
右ボタンをリリースして意図通り「→↑」と表示されればOKです。
正常に感知したので「ok」をクリックします。もし、違うジェスチャーになっていた場合は「cancel」をクリックしてやり直します。
「ok」をクリックすると以下の画面になります。
登録されたばかりなので「アクションなし」となっていますが、そこをクリックするとドロップダウンリストが表示され再設定することができますので、「一番上にスクロール」を選択します。
これで、「→↑」が「ページの一番上にスクロール」のジェスチャーとして登録されたはずです。実際に試してみてください。
ただし、サイトやページによっては、ちゃんとジェスチャーを認識して登録されているアクションが起動されたにもかかわらず、その通りのアクションをしないことがあります。
SNS で試したところ、Facebook は比較的広い範囲でマウスジェスチャーが効きますが、Twitter は場所が限られるようです。下図のように、縦長で狭い「タイムライン上」でなら毎回効きますが、その他の空いてるスペースなどでは効きませんのでご注意。
残念なことに、私のメイン SNS の Google+ ではスクロール操作は全面的に効きませんでした・・・orz。
さて、「ページの一番上にスクロール」があるなら、「ページの一番下にスクロール」も欲しいはず。早速、「add new gesture」ボタンをクリックして、「→↑」と似たようなジェスチャー「→↓」で登録してみましょう。すると・・・
気づきましたか？
右ボタンをリリース（離す）と消えてしまいますが、さっきは何も出ていなかった部分に文字が表示されているのを。
そう、既に登録済みのジェスチャーに関しては、どんなアクションが割り当てられているかが表示されるのです。だから、他のアクションと被らないように事前に調べていなくても大丈夫。ここでわかります。
さて、アクションが被ってるのがわかりましたけど、使いそうもないアクションだなと思ったら構わず「ok」して登録してしまいましょう。
すると、アクションを登録する画面になりますので、そのアクションの代わりに「ページの一番下にスクロール」を選び直します。
ジェスチャーを削除したらリロードを忘れずに
不要なジェスチャーやアクションは「Del」ボタンで削除できます。
ただ、注意して欲しいのは、「Del」ボタンをクリックしただけでは半透明になるものの画面から消えずまだ有効な状態だということ。ちゃんと画面上からも消すには、リロードが必要です。
はい、リロード・・・って、F5キー押すならまだしも、思わずブラウザのリロードボタンを押してしまった人！何のためにマウスジェスチャーを導入したの？。リロードするジェスチャーも登録されてるでしょ？w
下の画面は「右端のタブを選択」というジェスチャーを「Del」したところ。
「Undo」は「Del」を取り消したい時、つまり元に戻したい時はこれをクリック。
このまま「Del」したいので、リロードのジェスチャー「↑↓」を実行。
すると、リロードされて画面上から「Del」したジェスチャーが消えているはずです。これをしないまま新たなジェスチャーを登録しようとしても、うまくいかない時がありますのでご注意です。
はい、設定はここまで。いろいろ試して自分好みのジェスチャーにカスタマイズしましょう。
ついでに滑らかなスクロールも試す
マウスホイールのスムーススクロールは残念でしたけど、Chrome には「滑らかなスクロール」という機能が有効にできるとあったのでついでにやってみることに。
有効にするには、URL入力欄から「about:flags」と入力し、表示された「試験運用機能」の中から「滑らかなスクロール」を探して「有効」にするだけ。
機能が多いので、ちょっと探しにくい時はF3キーを押して検索欄に「スクロール」と入力してやると、2番目くらいに見つかります。
「有効にする」をクリックすると、滑らかなスクロールが出来るようになる・・・はずだったのですが、どこが滑らかやねん！（こういう時関西弁は便利w）
全然変わりないのですが・・・ 汗；
ツイート
