Koonies/こりゃいいな！

超便利なChrome拡張のSmooth Gesturesのカスタムアクション設定方法

Google Chromeの拡張機能であるSmooth Gestures。たぶん定番拡張だと思うのですが、カスタムアクション（bookmarkletでの機能追加）の設定方法について検索してみたのですが、公式のヘルプも無いし解説ページも見つからなかったので自力でなんとかしてみました。

以下そのメモです。

・設定方法

■ オプションを開く

［＋カスタムアクションを追加］のボタンを押す

■ javascriptでコードを書く＆その他設定

ブロックが追加されるので、各項目を設定します。とりあえず手始めに「選択文字列でGoogle検索」です。

1．「starting anywhere」を「有効な選択がされているときのみ」に変更

2．アクションの名前として「Google 検索」を入力

3．アクションの説明として「選択文字列で検索」を入力

4．javascriptのコードを入力 ↓

(function(url){
    window.open(url.replace("%s",encodeURIComponent(window.getSelection())));
})("http://www.google.co.jp/search?q=%s&num=100")

5:［save］ボタンを押す

■ジェスチャーを設定する

他のアクションと同様に登録すればOKです。

これでOK！できてしまえば何てことはないですね。

・検索結果を背面のタブで開く場合は

それと上記のスクリプトだとアクション後に前面のタブで開くのですが、バックグラウンドのタブで開きたい場合は以下のようにすれば良いみたいです。

(function(url){
    var a=document.createElement("a");
    a.href=url.replace("%s",encodeURIComponent(window.getSelection()));
    var event=document.createEvent("MouseEvents");
    event.initMouseEvent("click",true,true,window,0,0,0,0,0,false,false,false,false,1,null);
    a.dispatchEvent(event);
})("http://www.google.co.jp/search?q=%s&num=100")

・他の検索も登録

ちなみに↓の★の部分を変更すれば、色々な検索エンジンも使えます。

(背面タブバージョンも同様です)

(function(url){
    window.open(url.replace("%s",encodeURIComponent(window.getSelection())));
})("★")

↑　の★を　↓　のURLに置き換える

検索エンジン	URL
■ google	http://www.google.co.jp/search?q=%s&num=100
■ amazon.co.jp	http://www.amazon.co.jp/s/ref=nb_ss_gw?__mk_ja_JP=カタカナ&url=search-alias%3Daps&field-keywords=%s&x=0&y=0&tag=kooniesb-22
■ amazon.de（ボードゲーム：amazon販売のみに限定）	http://www.amazon.de/gp/search/ref=sr_nr_p_6_3?rh=n:12950651,k:%s,p_6:A3JWKAKR8XB7XF&bbn=12950651&ie=UTF8&rnid=367784011&tag=kooniesb-21
■ play:game （ボードゲーム）	http://www.gamers-jp.com/playgame/db_searchlist.php?mode=1&order=1&search_str=%s
■ はてなブックマーク	http://b.hatena.ne.jp/search?q=%s
■ はてなブックマーク （タグで検索）	http://b.hatena.ne.jp/t/%s
■ 英辞郎	http://eow.alc.co.jp/%s/UTF-8/
■ クックパッド	http://cookpad.com/search/post?keyword=%s&order_by_date=%E6%A4%9C%E7%B4%A2
■ twitter検索	http://search.twitter.com/search?q=%s
■ 価格.com （注意*1）	http://kakaku.com/search_results/?c=&query=%s
■ -

これ以外にもChromeの検索エンジン設定（chrome://settings/searchEngines）からURLを持ってくれば大体イケると思います。

・リンク上で開始するアクションの設定例

1．「starting anywhere」を「有効なリンクのみ」に変更

2．アクションの名前として「Twitter 検索」を入力

3．アクションの説明として「リンクを検索」を入力

4．javascriptのコードを入力 ↓

(function(url){
    window.open(url.replace("%s",encodeURIComponent(b.targets[0].href)));
})("http://search.twitter.com/search?q=%s")

リンク先のページについてTwitterでの評判が見られます。

ちなみにこれも最後のURL部分を他に変えることで流用が可能です。

・画像上で開始するアクションの設定例

1．「starting anywhere」を「有効な画像のみ」に変更

2．アクションの名前として「TinEye（類似画像検索）」を入力

3．アクションの説明として「画像を検索」を入力

4．javascriptのコードを入力 ↓

(function(url){
    window.open(url.replace("%s",encodeURIComponent(b.targets[0].src)));
})("http://tineye.com/search?pluginver=bookmark_1.0&url=%s")

・さいごに

前は別のマウスジェスチャの拡張を使っていましたが、思い切って乗換えてみました。まだ使い始めてから日が浅いので↑のコードも何か不具合があるかもしれませんが、いまのところは良い感じです。よければご参考に。

ツイートする

Permalink | コメント(1) | トラックバック(0)