検索バーにお好みのエンジンを追加する方法

ブラウザの右上にある検索バーには、あらかじめ色々と検索エンジンが入っておりますが。
ぶっちゃけGoogleやYahoo固定で使ってる人多いんじゃないでしょうか。

先日、用途別にFirefoxをカスタマイズ!でもご紹介したように、起動ショートカットごとに用途が分かれたのでどうせなら検索バーもカスタマイズしたくなりました。

たとえば、Goo辞書のように、インストール用ページ(http://guide.search.goo.ne.jp/apply/firefox/install.php)を用意してくれてるところはすぐ登録できますが・・・。

どうせなら言語のリファレンスマニュアルや、個人のWikiなども追加できたらいいですよね。

そんなわけで、その辺をちょっと調べてきました。
(・・・Google先生に聞けばすぐなんでしょうが、今回はGoo辞書のソースを探ってみたという。探ったときの勘所などはまた別の機会に書いてみようと思います)

用意するもの

Firefox2以上
検索したいWEBサイト
ファイルがアップロードできるレンタルサーバー
文字コードが色々扱えるテキストエディタ(TeraPadなど)

検索したいWEBで検索してみる

たとえばMySQL(http://search.mysql.com/)で検索して、アドレス欄を確認。

例)「DATE_FORMAT」を検索した
http://search.mysql.com/search?site=refman-41&q=DATE_FORMAT&lr=lang_ja

「検索した文字」がURLに入ってたら、検索バーに追加できるサイトと判断します。
(余談ですが、仕事で「検索文字列をGETで受け取っているか確認する」と言うと↑のような事を指します)

検索語句が日本語だと、アドレスの中に「%8E%9E%8D%8F%8A%D6%90%94」とか日本語を文字コード化したものが入ることがあります。
違う言葉で再度検索してみて、文字コード化されたところが変化していたらそこが「検索した文字」に当たるところと判断しましょう。

OpenSearchにのっとったXMLファイルを作成

ブラウザに追加するためには、検索エンジン名、URL、アイコン等をまとめたXMLファイルを作成する必要があります。
中身は、こんなかんじ。


サーチエンジン名
http://検索エンジンのアイコンURL
UTF-8
UTF-8

テキストエディタで作ってもいいんですが、更に便利なRady2Search(http://ready.to/search/jp/)へアクセスして作成します。
前項で確認したアドレスを、「DATE_FORMAT」の前と後で分けて入力。

入力し終わったら、[検索プラグイン作成]ボタンを押します。

日本語の検索をするときは、文字コード無変換だとうまくいかないことがあるので。
あらかじめそのサイトの文字コードを調べておいて指定します。
具体的には、検索したいサイトを開いて[表示]→[文字エンコーディング]でチェックの入っている文字コードを指定します。

下に出てくる[検索設定(OpenSearch)をダウンロード]をクリックして一旦PCに落とした後、レンタルサーバーにアップロードします。
ローカルに置いたままフルパス・相対パス試しましたがインストールできなかったので。

インストール用HTMLファイルを作る

ブラウザにそのままXMLファイルを読ませればいいってもんではなくて、Javascriptを使ったインストールをしなければいけないようです。

というわけで、1つHTMLファイルを作ってみる。






検索エンジンインストールてすと

window.sidebar.addSearchEngineの詳細は
ウェブページからの検索エンジンの追加(https://developer.mozilla.org/ja/Adding_search_engines_from_web_pages)
をご覧ください。

コレはローカルに保存してOKです。

ブラウザに、HTMLを読ませる

ローカルに置いたインストール用HTMLをブラウザに読ませます。

[追加]をクリックすると

登録されてます。

どうでしょう。
ちゃんと検索できました?

ちなみに、検索バーのエンジン切り替えは、マウス操作以外だと文字列入力後に[Alt]+[↑]または[↓]ですることができますよ。

ニコニコ動画用の編集はFlashMXでも十分いけた。

知り合いから、ニコニコ動画アップする用の動画編集を引き受けました。

うちで撮影して、そのまま編集→UPまで半日でした。
知り合いの顔とか出ちゃってるので、動画URLは晒せませんが(笑

ロゴ作ったり・SE入れたりテロップ入れたり、全部Flash MX 2004(古!)でやったんですが、MOV形式の携帯なんかで撮影した動画であれば結構古いFlashでもまだまだ使えそうです。

あゆたラジオもニコ動UPしてみようかなー?

コメント欄暫定公開

どこでもはれる付箋みたいなものが作りたかったので、Javascriptで作ってみました。

まだIEとFireFoxで挙動が違うのですが(Firefoxは完全版で、IEは表示に若干不具合あり)そのうち同じになってると思います。

興味のある方は、Firefoxでこの記事(下記URLでリンクしてます)見てみてください。
http://www.ayutanalects.com/blog/index.php?entry=7

用途別にFirefoxをカスタマイズ!

1台のPCで仕事用とプライベート用両立しなくてはいけなくて、ブラウザのブックマークがごちゃごちゃしてきた今日この頃。

皆様いかがお過ごしでしょうか。あゆたやです。

ブラウザといえば、IE8入れてみたんですがレンダリング爆速じゃないですか?MSの本気を見た気が・・・
Javascriptのエラー表示が微妙すぎるのは直ったかな?

さてさて、用途ごとのアドオンやブックマーク(お気に入り)がごちゃごちゃ入り混じってて、起動は重たいわブックマークを掘り起こすの大変だわ・・・ってなときに、プロファイル(アカウントのようなもの)を用途ごとに作っておいて、起動したウィンドウごとに分けてしまう方法をご紹介します。

■まずはプロファイルを作りましょう。

Firefoxを終了して、[スタートボタン]→[ファイル名を指定して実行]で、

firefox.exe -p

と入力します。

[Firefox-ユーザプロファイルの選択]画面が出てきます。

インストールしたまま使ってる場合は、[default user]だけのはず。

ここに、用途の数だけ[新しいプロファイルを作成]します。
今回は、「development」(開発用)と「ffxi」(ゲーム用)を追加しました。

新しく追加したプロファイルで起動するには、一覧からプロファイル名を選んで[Firefoxを起動]です。

■新しいアカウントは、初期化されています。

他のアカウントとのブックマーク・アドオンの共有は一切ありませんので、それぞれに追加する必要があります。
まっさらなところから厳選していくっていうのも良いですね。
たまに検索しなおすと新しい発見があったりします。

■元のプロファイルから、ブックマークやアドオンを引き継ぐには。

最初に使っていたアカウントから全部引き継ぎたいという方は、プロファイルのデータをコピーするとよいです。
プロファイルデータのありかはこちらを参照
http://support.mozilla.com/ja/kb/profiles

xxxxxxx.defaultの中身を、同じ階層のほかのプロファイルのフォルダ(今回はxxxxxxx.developmentとxxxxxxx.ffxi)に全てコピーします。

■プロファイル別にFirefoxを起動するには?

ショートカットを作るのが良いです。
まずは普通に、Firefoxのショートカットをコピーするなり新しく作成するなりします。
Firefoxのショートカットを[右クリック]→[プロパティ]して、引数欄に

-p “(プロファイル名)”

と指定します。
deveropmentプロファイルで起動したいなら「-p “development”」

ついでに、後ろに

-no-remote

引数もつけてやるとなおいいです。
(Firefoxの複数起動が出来るようになる引数です)

■カスタマイズ完了!

テーマを変えてどのプロファイルかわかりやすくしたり、入れてるプラグインを変えて最適な状態で使えます。
何よりブックマークツールバーが直感的になって好きなんです。

■あゆたやおすすめアドオン

・Tab Mix Plus
https://addons.mozilla.jp/firefox/details/1122
ブックマークから起動するとき必ず新タブ、などの細かい設定ができます。

・Auto Pager
https://addons.mozilla.jp/firefox/details/4925
Googleの検索結果、Youtubeのコメントなど、アドオンで対応しているサイトの[次へ]を自動取得してページの後ろに付け足してくれます。下にスクロールするだけで次ページがどんどん増えるので便利。

・No Script
https://addons.mozilla.jp/firefox/details/722
Javascriptを無効/有効を切り替えるためのアドオン。
最近表示するだけでウィルス感染するサイトが増えてますが、Javascriptを使った仕掛けが多いので、通常はJavascriptOff、必要なときだけOnにして使います(もちろん、基本ONのサイトを覚えさせることも可能です)

・IE Tab
https://addons.mozilla.jp/firefox/details/1419
インストール済みIEのエンジンを使って、Firefoxの画面内でIEモードに切り替えることができます。
IE以外で表示が崩れるとか、とりあえずMicrosoft社サイトなど基本IEにするサイトを覚えさせておけばストレス減ります(笑)

・Download statusbar
https://addons.mozilla.jp/firefox/details/26
ダウンロードウィンドウのかわりに、画面下部にロード状況を表示するバーが出るもの。窓の切り替えが面倒な人におすすめ。

普段使い

●テーマ:Chromefox Basic(https://addons.mozilla.org/ja/firefox/addon/8782)
●アドオン:
・Chromin Frame(https://addons.mozilla.jp/firefox/details/10091)
タブをメニューバーの上に持って行ってくれるアドオン。
完全に偽Chromeです。ありがとうございました。

開発用

●テーマ:Full Flat(https://addons.mozilla.org/ja/firefox/addon/6971)
●アドオン:
・Alexa Sparky(https://addons.mozilla.jp/firefox/details/848)
Alexaデータをステータスバーに表示

・Console2(https://addons.mozilla.jp/firefox/details/1815)
高機能エラーコンソール

・Firebug(https://addons.mozilla.jp/firefox/details/1843)
定番中の定番。WEB関連のデバッグには必須。

・Firesizer(https://addons.mozilla.jp/firefox/details/5792)
Firefoxの窓サイズを指定値してくれるもの。
1600*1200の画面で1024*768の見え方チェックしたいときなどに。

・Live Http Headers(https://addons.mozilla.jp/firefox/details/3829)
ヘッダー情報をサイドバーに出してくれるもの。
Flashアプリのテスト・デバッグには欠かせない。

・Pearl Crescent Page Saver Basic(https://addons.mozilla.jp/firefox/details/10367)
表示中のページをキャプチャしてくれます。表示領域だけでなく、HTML一本丸ごととってくれるのがありがたい。

・Server Switcher(https://addons.mozilla.jp/firefox/details/2409)
テストサーバーと本サーバーの切り替えを1クリックでしてくれるもの。・・・まだあんまり使ってないです。

・Web Developer(http://chrispederick.com/work/web-developer/)
Firebugと機能かぶるんだけどこっちのほうが長く使っていたのでまだ入れています。オプションから日本語選択可

ゲーム用

●テーマ:RulerDark(https://addons.mozilla.org/ja/firefox/addon/9300)