2013年11月28日

[拡張機能]Chrome の神ツール「Keyconfig」! ブックマークレットがショートカットで起動!

keyconfig_250

こんにちは。効率UPツールが好物のヨス(@yossense)です!

今回は、ずっと記事で詳しく紹介したかったGoogle Chrome最強の拡張機能のご紹介です。ブログを書いている方にはお馴染みかもしれませんが、「Keyconfig(キーコンフィグ)という拡張機能です。

最初の設定が多少面倒ですが、この拡張機能はブロガーだけでなく、WEB制作をする方にもオススメしたいモノの一つです。

Keyconfigってなに?

では、そのKeyconfigって何なんでしょう? 簡単に説明すると、マウスを使わずに、キーボード操作のみで、複雑な動作をできるようにする拡張機能です。

例えば、ページを閲覧していて、一番下まで一気にスクロールさせたいとき。普通ならマウスのホイールをガシャガシャ何回も回しますよね? これをキーボードのショートカットだけでできるようにするんです。

言ってみれば、マウスジェスチャーのキーボード版です。

Keyconfigで出来ること

Keyconfigで出来ることはこんな感じです。

  • Google Chrome上での動作のショートカットを自由に作れる。
  • CtrlとかAltを組み合わせないショートカットも作れる。
  • 見ているページの「タイトル」「URL」を取得し、それをHTMLタグに組み込んだコードをショートカットで取得できる!
  • ブックマークレットもショートカットで作動できるようになる!!

もうとにかく、一番下の「ブックマークレットをショートカットで起動できる」のところが最強すぎなんです。

Keyconfigをインストールして使ってみる

Keyconfigをインストールしたら、まずは使ってみましょう。インストールはこちらからできます

拡張機能のインストールの仕方はこちらに詳しい記事があります。

1ページの一番下にスクロール

まずは、こんな風に縦にスクロールが長いページに行ってみて下さい。そしたらさっそく、Keyconfigで最初から設定されているショートカットを試してみましょう!

では、Alt+Shift+Jを押してみて下さい。

一瞬で一番下へスクロール
一瞬で一番下にスクロールする

うおぉぉ!! びっくらこいたぁ!! 一気に下の端にワープしたっ!! ちなみにAlt+Shift+Kで一番上に戻れます。

2次はタブの移動をしてみる

では、次はタブの移動です。

タブとは
タブってこれのことです。

WWと連打してみてください。なんと右のタブに移動します!! そして左のタブに移動するときは、QQと連打します。

そうなんです。何がスゴイって、Ctrlとかを組み合わせなくてもショートカットが起動するんです!

Keyconfigを設定してみよう!

上記では、Keyconfigに最初から入っているショートカットを試してみました。では今度はKeyconfigを自分で設定してみましょう。手始めに、Alt+Yのショートカットを押すと、このブログのトップページ「http://yossense.com/」にリンクされる設定をやってみます。

設定画面は、[ クローム右上の3つの点マーク(設定) ] → [ ツール ] → [ 拡張機能 ]で出ます(画像はこちら)。

オプションをクリック
開いた画面でKeyconfigを探し、「オプション」をクリックします。

リンク先を設定

1「Actions」タブ

まずは「Actions」タブにします。

Actionsをクリック
上にあるタブの中からActionsをクリック。

2ショートカットキーを登録

それでは、ショートカットキーを登録しましょう。この例ではCtrl+Yを登録していますが、ほかのショートカットとダブらなければ何でも結構です。Ctrlキーはほかのショートカットとダブりやすいので、私はAltを好んで使います。

ショートカットキーを登録
[ 「type key here(ここに入力してね!)」の欄をクリック ] → [ ショートカットに登録したいキーを押す(この例ではAlt+Yを押しています)] → Addをクリック

ちなみに、Keyconfigの設定画面では、CtrlキーはCAltキーはMとして表示されます。

3「アクションなし」をクリック

Keyconfigの設定画面に、先ほど登録したショートカットが表示されているはずです。その部分を探して下さい(この例ではM-yと出ているところです)。

「アクションなし」をクリック
アクションなしをクリック

アクションなしをクリックすると、ポップアップで大きなメニューが出ます。

4ポップアップが出る

ポップアップでメニューの中から、go to #1をクリックします(「ナビゲーション」の列にあります)。

ポップアップが出る
go to #1をクリックします。

5リンク先を設定

go to #1の下側に「URL」と「NAME」という欄が表示されます。そこに下記のように入力します。

(1)URL: リンクで飛びたいURLを入力 (2)NAME: 自分で分かりやすい名前を付ける(何でもOK)

今回の場合Alt+Yを押すと、http://yossense.com/に飛ぶようにしたかったので、ここではURLの欄にhttp://yossense.com/と入れています。

これがKeyconfigの真髄! ブックマークレット起動!

さてついに出ました。Keyconfigが神ツールと呼ばれる理由がここで明らかになります。

上で説明したものが、URLを設定できるということは、URLにプログラムを入れて起動するアレが使えるってことですよね!? お察しの良い方はすでにお気づきだと思います。そうです!! URLの欄にブックマークレットが登録出来るんです!!!!

まじかー!? すげー!!

つまり、ブックマークレットを、ショートカットで呼び出せるんです。

ブックマークレットもショートカットで呼び出せる!!
URLの欄にブックマークレットをペーストするだけっ!!

ブロガーにオススメのブックマークレットのまとめは下の記事にありますので、ぜひKeyconfigにガンガン登録して使って下さいい!

URLとかタイトルも一瞬で取得

ブックマークレットを起動できるだけで十分有用なのですが、このKeyconfigは、開いているページのURLとタイトルも取得でき、HTMLの中に組み込むこともできちゃいます!

copy url and title by custom tag #1を選択 → [ HTMLをいじる ]

上記の「<a href="%URL%" target="_blank">%TITLE%</a>」をこの今読んでくださっている記事ページで適応させてみると「<a href="http://yossense.com/keyconfig/" target="_blank">[ 拡張機能 ] Chrome の神ツール「Keyconfig」!! ブックマークレットがショートカットで起動!|yossense</a>」という風に取得できます。これがショートカットでできるなんて……。

使える変数はこちらの2つです。

Keyconfigの変数
ページタイトル %TITLE%
URL %URL%

これは希望なんですが、例えば%TEXT%で、ドラッグしているテキストを拾ってこれたら、もう言うことないです! 対応していただけると嬉しいなぁ~w。

ちなみに、この機能を開いている全タブに使える拡張機能もあります。下記記事もご参考に!

Keyconfigの同期・気をつける点

ほかのPCと設定を同じにしたいとき

複数のPCでKeyconfigの設定を同じにしたいときのやり方です。

残念ながら、自動的な同期はできません。なので手動で設定をいじる必要があります。……って言っても超簡単です。先ほどのKeyconfigの「オプション」から設定画面を出して、コードをコピペするだけ。

1まずはエクスポート

まずは、エクスポート(データの取り出し)です。

データを取り出したいGoogle ChromeKeyconfigの「オプション」を開き、下記のように。

keyconfigのエクスポート
Advancedタブ → Export Configurationをクリック → [ 欄に表示される「コード」を選択しCtrl+C(クリップボードにコピー)]

クリップボードに「コード」をコピーします。

2インポートする!

お次はインポート(データ挿入)です。

データを入れたいGoogle ChromeKeyconfigの「オプション」を開き、下記のように、クリップボードにコピーしているコードをペースト!

keyconfigのインポート
Advancedタブ → [ 空欄にCtrl+Vでペースト ] → Import Configurationをクリック

たったこれだけで、設定が同じになりました。インポートしたいGoogle Chromeが違うパソコンにある場合、コードのデータをメールとかクラウドで送って下さい!

Keyconfigで気をつける点

Keyconfigを使う上での、注意事項が少しあります。ちょっとまとめてみました。

  • Google Chrome拡張機能なので、クローム内でしか動かない。
  • Google Chrome内でも、ローカル環境や、設定画面では動かない。
  • Keyconfigで新しいショートカットを登録したら、使いたいページを再読み込み(F5キー)を押す必要がある。
  • アルファベット一文字での登録はGmailなどを使うときなどに問題が生じる。なので避ける。

特に一番下のものは気をつけないと混乱してしまいそうなので、ご注意を! 詳しくは、大谷大(@delaymania)さんの下記の記事にあります。

参考: KeyconfigというChromeのエクステンションの落とし穴にキレイにはまった | delaymania

オマケ: 別の拡張機能をショートカットで起動する

Google Chrome拡張機能(クリックして起動するタイプ)はショートカットで起動させることができます。こちらはKeyconfigを使わなくてもいけます。詳しくはこちらの記事にて!

今回ご紹介したKeyconfigですが、私はちょうど一年ほど前に知って、それ以来使っています。

特にブックマークレットをショートカットで起動させる技は、この拡張機能の一番素晴らしいところですので、ぜひ使ってみて下さい。あ、それとGoogle Chromeのショートカットつながりで、こんな記事もありますので、こちらもどうぞ!

あと、ブロガーにオススメのブックマークレットはこちらの記事をぜひ!! Keyconfigにガンガン登録してみてください。

この記事が気に入ったら
「いいね!」で情報GET!

Twitterでヨスをフォローしよう!

この記事のシェアはこちら♪

※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!