SearchBarでChrome検索エンジンの超拡張カスタマイズをしよう! | さえずりブログ

さえずりブログ

月1回ペースで更新中!最近はiPhoneの記事などを書いています。基本、ふざけて書いているので温かい目で読んでいただけると助かります。。。


テーマ:

Google Chromeの拡張機能であり、検索を快適にする「SearchBar」のご紹介です。

作成者はJacob Hさん。

SearchBarのダウンロードはこちらから。
Chrome ウェブストア - SearchBar



公開は2013年1月でしょうか、出来たての拡張機能のようです。

作成者のJacob Hさんからのメッセージです。




The most efficient way to use your favourite search engines. Search selected text, use customizable hotkeys and much more.

*PLEASE READ:*
To get started with SearchBar, simply open a new web page such as www.google.com and press F4!

SearchBar brings the best features of Google Toolbar to Chrome, saving you time and appearing just when you need it.
Simply press F4 and start typing, or even just select some text. Then use a button or hotkey to immediately reach the search results you are looking for: no copy/pasting required.
Open a search in a new tab using the Ctrl key or middle mouse button, just like for an ordinary link.
Best of all, everything is completely customizable!

Features:
customizable searches
select text to search
customizable hotkeys
search current site
searches can be opened in new tabs
search suggestions
search history
highlight search terms
find in page
populate with terms from normal searches *NEW*
works in pages containing frames
all in one convenient toolbar

Why does SearchBar need to "access my data on all websites"?
Chrome requires this permission to be asked for in order for SearchBar to be inserted onto every page. However, SearchBar does not change or use any of your data outside of its declared features.

What inspired you to create such an amazing extension?
This extension was borne out of personal frustration with Chrome's default search system and dissatisfaction with the features of similar extensions. I hope it improves your browsing experience as much as it has mine, and I would love to hear your comments, questions, suggestions and bug reports.

This extension incorporates images from the Tango! Desktop Project.




Google Chromeの検索システムにフラストレーションが溜まり、とうとう自分で検索の拡張機能「SearchBar」を作ってしまったと書かれています。
Googleのツールバーを意識し、アイデアを練って作られたようです。
SearchBarの様々な機能が紹介されていますが、さっそくそれら機能の設定についてご紹介します。









まずは「Display Settings」の項目です。


「Show SearchBar when I press this key combination」
キーボードから検索バーを表示させることができます。
個人的には使用しないので、デフォルトのままにしています。
ボタンはお好きなボタンでどうぞ。


「Hide SearchBar when I press this key combination」
キーボードから検索バーを非表示にします。
「into SearchBar」「from anywhere」とありますが、初期設定の後者で良いでしょう。
ボタンはお好きなボタンでどうぞ。




ここからSearchBarの重要な設定です。


「Show SearchBar at the start of my browsing session」
ブラウザを起動させた時に、検索バーを表示するか、しないか。
表示させるなら、チェック(〆)を入れておきましょう。


「Hide SearchBar when I go to a new page」
新しいページに移動した時に、検索バーを非表示にするか、表示するか。
表示しておきたいなら空白にしましょう。


「Show SearchBar while I have text selected」
テキストをなぞった時に、検索バーを表示するか、しないか。
ぜひともチェックを入れておきましょう。
下の画像のような機能です。


↑なぞった文字列が検索バーに移動しています

「Google Chrome」という文字列をなぞったところ、検索バーにも表示されていますね。
この状態から検索することができます。


「Display the "hide SearchBar" button」
検索バーを非表示にする☓ボタンを表示するか、しないか。
☓ボタンは左端のボタンです。
チェックを入れておいても支障ないでしょう。
無い方がいいなら、空白にしましょう。


「Display the link to this page (there is always a link from Chrome's Extensions page)」
設定画面に移動するボタンを表示するか、しないか。
このボタンは右端の歯車アイコンのことです。



あると便利なので、チェックを入れておきます。


「SearchBar displaces web pages (not recommended – incompatible with some web pages)」
検索バーがページに重ならないように表示するか、重なるように表示するか。
(直訳だとまったく違う訳ですが、とりあえずこう書いておきます)

これはチェックを入れる(重ならないように表示する)をオススメしますが、画像で説明した方が早いと思います。

重ならないように表示すると・・・



↑これだけではわかりにくいと思いますが、じつは検索バーのためのスペースができています。

一方、重なるように表示すると・・・



↑検索バーはページに重なるので、ページの上部が隠れます。前の画像では表示されていたところが隠れていますね。

かりに上部が隠れても、☓ボタンで検索バーを消せば一時的に非表示にできます。
ちなみに、表示・非表示・オプション(設定画面)を出す方法は、SearchBarのアイコンボタンでも可能です。




「Features」の設定に入ります。

「Search suggestions」の項目です。


「Get search suggestions from Google」
検索候補を表示するか、しないか。
下の画像のように、文字を入れると、第2検索ワードが表示されます。
チェックを入れた方が良いでしょう。




「Use www.google」
日本語の検索にするなら上から7番目の「.co.jp」を選択しましょう。


「Display up to 1-10 suggestions」
検索候補の数です。
10コまで選べます。




ここから「Highlight search terms」の項目です。

ハイライトについての設定です。
SearchBarは作成者が外国製の方であるためかわかりませんが、残念ながら日本語はハイライトできません。
半角の英数字にしか反応しません。
しかし、ハイライトについては代用できる拡張機能があります。
すべて初期の設定のままでスルーします。

少し飛ばします。




「Custom Searches」
使用する検索エンジンが並んでいます。
SearchBarでもっとも手が掛かる設定です。
なお、ここの設定データをのちほど掲載しています。

表の左端からご紹介します。



左から1番目「delete」。
バツ印、押すとその段を消すことができます。

左から2番目「uncheck to disable」。
□にチェックを入れると、その検索エンジンのアイコンが検索バーに表示されます。

左から3番目「click and drag to move button」。
十字マークをドラッグ&ドロップすると、好きな位置に移動させられます。

左から4番目「click to insert vertical bar before button」。
□にチェックを入れると、その検索エンジンのアイコンの左に区切り線(┃)が表示されます。

「Description」
検索エンジンの名前です。

「Home page URL」
「検索エンジンのトップページのURLです。

「Search URL」
検索のためのURLです。
「%s」を検索ワードに見立ててURLを入力します。

「Icon URI」
アイコンとなる、favicon.icoを入力します。

「Hotkey」
キーボードの操作。タブは変えずに検索します。

「New tab hotkey – background tab」
キーボードの操作。新しいタブで検索し、アクティブにしません。

「New tab hotkey – foreground tab」
キーボードの操作。新しいタブで検索し、アクティブにします。

一覧表の最後に「create new」とあります。
新しい検索エンジンを追加できます。



一番上にある検索エンジンはデフォルトの検索エンジンです。
初期設定では「Google (Alt+G)」が最も上にあります。
YouTubeに変えるとYouTubeに、Amazonに変えるとAmazonになります。


チョイ技 Part.1
常用しなくても、例えばYouTubeをデフォルトにすれば、YouTube専用検索バーとして省スペースで置けます。


↑ボタンを最小に減らした設定。


チョイ技 Part.2
「Icon URI」に何も入力しないでおくと、「Description」で入力した文字がアイコンに表示されます。


「あ」とだけ入力すると「あ」に・・・


チョイ技 Part.3
「Search URL」は検索とは関係ないURLを入力しても、そのページに移動することができます。
これを利用して、かんたんなブックマークにも使えます。




SearchBarの検索履歴についてです。


「Search History」
まずは2つ飛ばして、大きい四角の説明からです。



検索履歴がこちらに表示され、編集することもできます。
ここでは編集について書きます。
試しに「クロム」「グーグル」などと入力し、検索バーを確認してみます。


↑青文字で表示されます。

検索履歴が残ることによって、テキストを再び入力する手間が省けます。


「Suggest up to xx previous searches」
検索履歴の記録件数です。
初期の設定だと10件になっています。
10~30件ぐらいがベストかもしれません。


「Stop recording searches」
検索履歴の記録を停止するか、しないか。
チェックを入れると検索履歴の記録を停止します。

便利なやり方としては、よく検索するキーワードだけを大きい四角(Edit search history)に書き入れ、検索履歴の記録を停止します。
そうすると検索履歴は変化せず、特定のキーワードをいつでも引っ張り出せます。




最後です。


「Import/Export Settings」



「Use this feature to change all of your settings at once. Not recommended to be edited manually (see FAQ if you want to reset to the default settings).」
一度にすべての設定を変更するにはこちらをどうぞ。直接、文字を編集するのはオススメしません。(初期設定にリセットしたい場合はFAQをお読みください)と書いてあります。
下には「{"custombuttons":[[true,false,[[71,true,false,false...」という謎の文字列が並んでいます。
この文字列は設定のすべてを表しています。
これを自分以外のユーザーがコピーして、こちらにペーストし、「Save changes」をクリックすると、すべての設定を一度に変えることができます。

日本の検索エンジンを20コ近く入れたデータを作成しましたので、もし宜しければどうぞ。

Google、Yahoo!、YouTube、Amazon、Bing、Wikipedia、ニコニコ動画、Ustream、Gyao、FC2、Twitter、Facebook、Mixi、Ameba、Naverまとめ、ブクログ、Chromeウェブストア。




{"custombuttons":[[true,false,[[71,true,false,false],[71,true,true,false],[71,true,true,true]],"Google (Alt+G)","https://www.google.co.jp/","https://www.google.co.jp/#hl=ja&q=%s"],[true,false,[[74,true,false,false],[74,true,true,false],[74,true,true,true]],"Yahoo! JAPAN (Alt+J)","http://www.yahoo.co.jp/","http://search.yahoo.co.jp/search?p=%s"],[true,false,[[89,true,false,false],[89,true,true,false],[89,true,true,true]],"YouTube (Alt+Y)","http://www.youtube.com/","http://www.youtube.com/results?search_query=%s"],[true,false,[[65,true,false,false],[65,true,false,false],[65,true,true,true]],"Amazon (Alt+A)","http://www.amazon.co.jp/","http://www.amazon.co.jp/s/?field-keywords=%s"],[true,true,[[false,true,false,false],[false,true,true,false],[false,true,true,true]],"Google 画像","http://images.google.com/","http://www.google.com/search?tbm=isch&q=%s"],[true,false,[[false,true,false,false],[false,true,true,false],[false,true,true,true]],"Google 地図","http://maps.google.com/","http://maps.google.com/maps?q=%s"],[true,false,[[false,true,false,false],[false,true,true,false],[false,true,true,true]],"Google ニュース","http://news.google.com/","http://www.google.com/search?tbm=nws&q=%s"],[true,false,[[false,false,false,false],[false,false,false,false],[false,false,false,false]],"Google 翻訳","http://translate.google.com/","http://translate.google.com/#auto/en/%s"],[true,false,[[false,false,false,false],[false,false,false,false],[false,false,false,false]],"Gmail","https://mail.google.com/","https://mail.google.com/mail#search/%s"],[false,false,[[66,true,false,false],[66,true,true,false],[66,true,true,true]],"Bing (Alt+B)","http://www.bing.com/","http://www.bing.com/search?q=%s"],[false,false,[[87,true,false,false],[87,true,true,false],[87,true,true,true]],"Wikipedia (Alt+W)","http://ja.wikipedia.org/","http://ja.wikipedia.org/w/index.php?search=%s&title=Special%3ASearch"],[false,false,[[78,true,false,false],[78,true,true,false],[78,true,true,true]],"ニコニコ動画 (Alt+N)","http://www.nicovideo.jp/","http://www.nicovideo.jp/search/%s?track=nicouni_search_keyword"],[false,false,[[85,true,false,false],[85,true,true,false],[85,true,true,true]],"Ustream (Alt+U)","http://www.ustream.tv/","http://www.ustream.tv/new/search?q=%s"],[false,false,[[68,true,false,false],[68,true,true,false],[68,true,true,true]],"Gyao (Alt+D)","http://gyao.yahoo.co.jp/","http://gyao.yahoo.co.jp/search?p=%s"],[false,false,[[50,true,false,false],[50,true,true,false],[50,true,true,true]],"FC2 (Alt+2)","http://video.fc2.com/","http://video.fc2.com/movie_search.php?keyword=%s"],[false,false,[[84,true,false,false],[84,true,true,false],[84,true,true,true]],"Twitter (Alt+T)","https://twitter.com/","https://twitter.com/search?q=%s"],[false,false,[[70,true,false,false],[70,true,true,false],[70,true,true,true]],"Facebook (Alt+F)","http://www.facebook.com/","http://www.facebook.com/search/results.php?q=%s"],[false,false,[[77,true,false,false],[77,true,true,false],[77,true,true,true]],"Mixi (Alt+M)","http://mixi.jp/","http://mixi.jp/search_diary.pl?keyword=%s"],[false,false,[[77,true,false,false],[77,true,true,false],[77,true,true,true]],"Ameba (Alt+M)","http://ameblo.jp/","http://search.ameba.jp/search.html?q=%s"],[false,false,[[86,true,false,false],[86,true,true,false],[86,true,true,true]],"Naver まとめ (AlT+V)","http://matome.naver.jp/","http://matome.naver.jp/search?q=%s"],[false,false,[[76,true,false,false],[76,true,true,false],[76,true,true,true]],"BookLog (Alt+L)","http://booklog.jp/","http://booklog.jp/search?keyword=%s"],[false,false,[[67,true,false,false],[67,true,true,false],[67,true,true,true]],"Chrome (Alt+C)","https://chrome.google.com/webstore/","http://chrome.google.com/webstore/search/%s?hl=ja"],[false,false,[[false,true,false,false],[false,true,true,false],[false,true,true,true]],"サイト内検索","http://www.google.com/","http://www.google.com/search?q=%s%20site%3A%h"]],"detect":true,"detectcustom":[],"detectprimary":true,"detecttosearchhistory":false,"disablesearchhistory":true,"displaycross":true,"displayfindbuttons":true,"displayhighlightbutton":true,"displayoptionspagelink":true,"escfromanywhere":true,"highlightingremember":true,"hotkeys":{"hide":[27,false,false,false],"highlight":[72,true,true,false],"show":[115,false,false,false]},"i1":"http://www.google.com/favicon.ico","i10":"http://www.bing.com/favicon.ico","i11":"http://ja.wikipedia.org/favicon.ico","i12":"http://www.nicovideo.jp/favicon.ico","i13":"http://static-cdn1.ustream.tv/images/favicon-blue:1.ico","i14":"http://gyao.yahoo.co.jp/favicon.ico","i15":"http://video.fc2.com/favicon.ico","i16":"https://twitter.com/favicon.ico","i17":"http://www.facebook.com/favicon.ico","i18":"http://mixi.jp/favicon.ico","i19":"http://ameblo.jp/favicon.ico","i2":"http://www.yahoo.co.jp/favicon.ico","i20":"http://matome.naver.jp/favicon.ico","i21":"http://booklog.jp/favicon.ico","i22":"http://chrome.google.com/favicon.ico","i23":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACcElEQVQ4jZWS30tTYRjH9zd0o5EGatR01ObQsVw6pzsza62cEzVtLUOEqFU6s2aemRW22FaRyGo0EkOiNscC+wGZVKM1dacVFEvaRbCgbgRpF4Kwb3tfmDgOQV18Xw4vz/t5vud5voLioFZAtLKygjH3HciVdaiqrYe2yQCRtBJW2yV6//LVHLK1G0WPZPIHGK0OlvNWhBZiiHz7BcuFQRxu2YGxvjy4+vPR2SbCqV4LD0KP5rYO3Lo9jvEZDubgdxwZuomh02L8Ts4inU5T/YyY0GMqo25yAIHgE5TLFWD266hlIlmNCkmuDxzHUWUh4ck86jQHYOruQaOwHL7243jK2vF1YBRXlVq88esgEAioyONUKoX3jwppgxwAGZrP0E2LlpeXwbIs7htPIDEtg1qthtlsxtraGuZmA+CmNvEdGEulWJp9SwHkMekokUgQ02/G5xcViL5z4PWzXsQe58NkEPJncLR0F5buPaQA8r8EcmPUjudbpWhvEsPJFsF+bhtaD+6k9sm6cwDE0rxEhfjHT1hdXUUikcBERQPMRWLUGjrQ0tUDKzuMM5ZBkHnx1jjxYAp6WRU+NHchVt+KsFCG64XbIc9swuWdxGKUg983jYu2KzRkX+Jx8HJAIMSeXncITHUNlJpGhMLz8AdmYBlg0Wk8Bo/HA4fTBaW6ISeV6yRCJhbV+w7g5Nn+TBKHsVdnoF0JvEwkgtPppKDqemZ9mLxsExDpQFxFFhZpEQmbUCxFcUkJLo+MwOv1QpMJ3jWHEzzA35SFbCkogC2zqVA4it0Zd/8M2AhhGA3c7rtQqNT/B8hCKhU12FPHgHz/AcaQDZ9dh2YlAAAAAElFTkSuQmCC","i3":"http://www.youtube.com/favicon.ico","i4":"http://www.amazon.com/favicon.ico","i5":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACQUlEQVQ4jaWTXUhTYRzGz9zp06mRZpYVtdboy7Ux+oKISunTCzFqRBR5kRAsvXQledFAV3rs+7TaJIez1syP4W6W3czAJlmIuxDKm5DoRgkGVh63/9N7zqGLsYKyi985h3P4Pf9z3uc9nD5Uzv0Pv71p7iFsDxI2PyMYOgjrnxDWeAh/FSDLJV2ELQGC0c8kH2FdG2H1I0KhmBmiHKx9BEsvYUc3m8zkykgSd8dm0TXxQ6EhJsHqT6HgPmHZbYKuhbDIpYZxsmR6oU7d9pxQPyyhZWACpjMu8JbL0O68ioN1IbSPJXCiO4mcVoJzMIn4FwkLmwicLG0NqN97NJyCOPQZuXtrwJvt0FpqkbWnAZoDIowX++GNf8OKOwSzJ4XqcFINMHYSNvnVxXIMSSit9Sqi1lKDrH3N0BzyQFvmQXZFH4ToNMrck4r4C05epA3t6kq73kkoOS9Cu6seGiZzh4PgjvczQsg/+wr2p59ga/uQHrDWyypiFLOamkYk7LYHwO8X2NTHqlweAV8RQcG5KJyRqcyAIjdBZuVDgi08h8YIe8UjPhTagtCdDEN3agBFF6Kw1o3CF5/Bxitv0wPkavLvEZYzilnPre9n4eiZhL46Ct3pl0x+jVLnOITBr7B3jGLBten0gDzWa94tQi6rJ0cgZZWvv5FYbTN4EEtAHE6gc/w7qtwx8JdG0mQ14CZhaTNhCTsvvqFuEPmBQZiCyfVRYZUjnjFZJruRBRiOVUEvzs0L2VW2snwxH/74N/4LPwH4nz84wgMhgAAAAABJRU5ErkJggg==","i6":"http://maps.gstatic.com/favicon2.ico","i7":"http://www.gstatic.com/news/img/favicon.ico","i8":"http://translate.google.com/favicon.ico","i9":"https://mail.google.com/favicon.ico","maximumnumberoffindbuttons":5,"maximumnumberofsearchhistorysuggestions":10,"maximumnumberofsearchsuggestions":10,"pinned":true,"searchsuggestionslocale":".co.jp","sendsearchsuggestions":true,"showingremember":true,"showonsessionstartup":true,"showontextselection":true}




初期設定にリセットしたい場合・・・FAQには「削除し、再インストールすること」とあります。

以上です。




この拡張機能「SearchBar」は「日本語のハイライトができない」という点が残念ではあると思います。
あとは一部のページが、設定で重ならないようにしても重なるところ。
しかし、重箱の隅をつつくようにさがしても、なかなか短所が無く、優れた拡張機能だと思います。

考えられるとしたらデザイン性、ウインドウの長さの調節、灰色となっている検索バーの色を変化や透過させる。マウスを重ねた時だけ検索バーを表示するようにする。
常に新しいタブで開くか、否かの設定。
Chromeのアイコンのようにドラッグ&ドロップでアイコンを移動できるようにする、ぐらいでしょうか。

まだ公開されて一ヶ月ですが、ここまでの拡張機能に作り上げてくださった作者の方に心から感謝したいと思います。

それはもとのページに戻ります。

【Chrome 拡張機能】 面倒くさがりにオススメ!22の便利な拡張機能

さえずりさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ

Amebaトピックス