Life Hacks Lite

何か資料を作るときに、キャプチャを撮る必要があったりすること多々ありますよね。私は、しょっちゅうです。皆さんは Web のキャプチャを撮る時、どうやっていますか？まさか・・・

プリントスクリーンで撮って、スクロールしてまた撮って、全部スクロールしきるまで繰り返して、切って貼って・・・

なんてことはしてませんよね？スクロールバーが汚い感じになっちゃうなーなんて悩んでいる場合じゃないですよ！ キャプチャは「はい、チーズ」でカシャです。Firefox の機能拡張にそんなのがあります。お勧めはこちら。

Pearl Crescent Page Saver

Basic で十分です。インストールすると右クリックメニューに出せたり、Firefox の右上にカメラマークが付くので、それでポチっと行けます。

Firefox の 1.5 – 2 で使えます。快適です。キャプチャを撮るのにかかる時間が 3 倍どころか、ほんの一瞬で撮れるので、相当倍の時間削減です（当社比・個人差があります）。時間も短縮できますが、気持ちがね。気持ちが良いですよ。イライラが減る。こういう機能拡張を作ってくれる人がいるってホントありがたいですね。感謝しましょう。

ちなみに、ロゴマークだけ欲しいとかそういう時は、この Bookmarklet もいけてます。

画像泥棒

javascript:t=”;
for(var n=0;n<document.images.length;n++){
t+=’<img border=0 src=’+document.images[n].src+’><br>’
};
if(t!=”){
document.write(‘<p>Gotta get\’em all！</p>’+t+”);
void(document.close())}else{alert(‘no image…orz’)
}

img タグで読み込まれているものだけですが（CSS で Backgroud に指定されている画像は取れませんが）、それなりに重宝します。ご利用は計画的に。

と言うわけで、 「『はい、チーズ』でキャプチャを撮る」 Hack。というか機能拡張。気に入ったら試してみてくださいねー☆

ブックマークは、del.icio.us と Digg に入ってます。私の Firefox のブックマークは、毎日必ず開くサイト以外のブックマークは、ほとんど何も入っていません。ほぼ全てが Bookmarklet です。そんな人、Web の開発をやっている人なら結構いるんではないでしょうか？そして、基本的に URL はロケーションバーに直接打つか、分からなかったらググる。そんなことない？そんなことある！

さて、ロケーションバーに URL を直打ちする際に、Firefox は閲覧履歴から URL を補完してくれますが、こいつをもう少し賢くする機能拡張があります。

デフォルトでは、基本的には前方一致の補完ですが、これを部分一致の補完にしてくれる

ようになると、とても便利ですよね。「URL の一部しか覚えてないんだけど、どこだっけ?、あれ？あぁここまで出かかってるんだけど！」と言うときとかに。どんどん忘れていく私なんかには非常に便利☆とか、どこも同じだと思いますが、開発環境のドメインは変わらないので、前方一致だとちょっと鬱陶しいです。部分一致してくれると、URL のアクセスも 3 倍くらい上がりますよね（当社比・個人差があります）。そんな訳で、部分一致の補完をしてくれる機能拡張はこちら。

Autocomplete Manager

閲覧履歴だけじゃなく、ブックマークの中身も調べてくれるみたいです。Firefox 2.x で動きます。del.icio.us とか Digg も検索してくれると便利なんですけどねー。そういうのを暇な時にでも作ってみたい気がしなくもないです。

そんな訳で、「URL を部分一致で補完してズバっとアクセス」な Hack。便利な環境を構築すればする程、その環境じゃないと凄いストレスを感じる体になってしまいますが（マウスジェスチャ出来ないブラウザで、右クリックメニュー出しまくったり）、気に入ったら試してみてくださいねー☆

ちなみに、この記事を書きながら、私、「部分一致」という単語がどうしても出て来ず、、頭の中から探して補完してくれたら良いのに、もー！と、もどかしい思いをしました。Firefox は便利だなー。

ぶっちゃけ Firefox は 1 日中立ち上げっぱなしだ。

そんな人、開発者にはたくさんいると思います。え？IE？何それ。さて、Firefox をずーっと立ち上げっぱなしにしていると、何か

やけにメモリ食ってんですけど。

となることがありますでしょう？ガチャガチャいじってたら、マウスが不連続になってみたり、白くなってみたり。そんな時は、Firefox の再起動ですが、正直再起動は鬱陶しい。時間のロス！要はメモリを開放してやれば良いだけの話なので、再起動するまでもなく簡単にメモリを開放する方法を。これまた Y 氏が教えてくれました。Y 氏の Firefox テクはもうちょっと続くと思います。簡単なメモリの開放方法は、

最小化時にメモリ開放

というものです。やり方も結構簡単。

1. ロケーションバー（ URL のとこ）に ” about:config ” と打って Firefox の設定を出す。
2. ブラウザ上でおもむろに ” config.trim_on_minimize ”という「真偽値」を ” true ” で作る。

以上。簡単でしょ？以下図解。

はい。これで、最小化するだけでメモリが開放されるようになりました。インストールされている機能拡張などにもよりますが、Y 氏の環境では、開放した瞬間に 5.1 MB が 0.8 MB くらいになるそうです。開放した瞬間は、6.375 分の 1 にメモリ使用量が軽減された訳ですね（ Y 氏比・個人差があります）。その後、メモリ使用量は JoJo に上がって行くそうですが、定期的に開放してやれば、快適にブラウジング出来ます。

そんな訳で、「Firefox のメモリを最小時に開放して快適ブラウジング」な Hack。気に入ったら試してみてくださいねー☆

Firefox の魅力のひとつは、豊富な機能拡張です。一言で Firefox と言っても、社内で私と同じ環境の Firefox を使っている人はいないでしょう。というくらい、インストールする機能拡張によって、全く別物になりえます。Firefox。

調子に乗ってガチャガチャ入れまくっていると、2 つ困ったことが起こります。

1. 何か動作が変になった！
2. Firefox での動作確認って、えー、これホントに標準的な Firefox でこの通り見れんの？

はい。困ります。という訳で、それぞれの解決策をば。

1．何か動作が変になった！

これは、機能拡張を作る人が他の機能拡張との関係を考えて作っていないから。いないことがあるから。で、機能がバッティングしたりと、食べ合わせが悪いと下痢になる的な現象です。たくさん入れればたくさん入れるほど起こりやすくなります。 実際にインストールする前に「これ、入れても平気か？」と確認が出来る環境があると良いですよね。じゃ、作りましょう。やり方は、そんなに簡単じゃない感じですが、順を追ってやれば、平気です。

1. Firefox を落としていることを確認。
2. コマンドプロンプトで、Firefox がインストールされているディレクトリに移動（通常であれば、C:\Program Files\Mozilla Firefox\）
   # cd c:\Program Files\Mozilla Firefox
   などと叩いて移動する。※ コマンドプロンプトは、Windows メニューの「ファイル名を指定して実行する」で”cmd”と打つと出てきます。
3. プロファイラを起動する。
   # firefox.exe -p
4. ウィザードに従って、テスト用のプロファイルを作る。
   上記画像では、仮に test というプロファイルを作ってみました。

これで、テスト用のプロファイルが完成です。このプロファイルをどうやって起動するかと言うと

firefox.exe -p プロファイル名

と叩きます。例えば、”firefox.exe -p test”です。でも、これだと Firefox が既に立ち上がっていたりすると良くないんで、別プロファイルを指定して起動します。

firefox.exe -no-remote -p プロファイル名

例えば、”firefox.exe -no-remote -p test”です。ところが！どうも私の環境ではうまく行きませんでした。ので、これを教えてくれた、Y 氏か誰かが正しいやり方をコメントしてくれると思います。ので、ちょっと待って。もしかすると別プロファイルを指定して実行は、2.x 系だけかも知れませんとか思っています。

で、プロファイルを指定して起動するのをいちいちコマンドラインからやるのは面倒なので、ショートカットとして登録してしまいましょう。デスクトップなんかにある Firefox のショートカットをコピーして、プロパティを開き、リンク先って書いてあるところにオプションを付けてしまいましょう。

“C:\Program Files\Mozilla Firefox\firefox.exe” -p test

こんな感じ。長かったけど、これで OK 。実際に作業しているプロファイルに機能拡張を入れる前に、こっちで試してみましょう。

2．Firefox での動作確認って、えー、これホントに標準的な Firefox でこの通り見れんの？

はい。これも問題ですよね。 こんなときは、機能拡張を全部オフにしましょう。やり方は簡単。

セーフモードで立ち上げる。

すべてのプログラム＞Mozilla Firefox＞Mozilla Firefox (Safe Mode)ってあるじゃない。Windows のセーフモードっぽいものかな？イヤだな・・・みたいに思って立ち上げたことのない人がほとんどかと思いますが、ま、やってることはそのような感じですけど、こっちはもうちょっと気軽な感じです。Firefox をインストールしたての頃のさらの状態で起動することが可能です。これで、テスト確認なんかはしましょう。心配だったら。

そんなわけで、もっと簡単に説明出来るかと思ってたけど予想以上に説明がいつもの 3 倍くらい長くなった「Firefox で機能拡張する時 / した時にも慌てない」Hack。気に入ったら試してみてくださいねー☆

Web プログラマは、デバグな毎日です。デバグする時、パラメタの内容を dump して確認したりすることありますよね？この際に一発でうまく行くことなんてほとんどないので、何度もソースを表示しまくりますよね。これ、超うざい。面倒臭いわけです。右クリックしてーとか。

そんな鬱陶しさを一気に解消する方法があります。意外と知られていないようなんですが、何もしなくても Firefox のデフォルトの機能として備わっている方法。Firefox でソースを一度表示して、何かしてソースを更新したくなったら、閉じて再度開くなんて臭いことはしません。

Firefox はなんとソース自体が「F5」や「Ctrl+R」で更新できる！

これを知ったとき、私は Firefox の便利さに震えました。 これで、デバグが 3倍どころか数倍快適にできるようになります（当社比・個人差があります）。ちなみに、私は最近は仕様策定ばかりでプログラミングは、ほとんどしていないのであれですけど・・・この「Firefox でソース自体を更新してデバグを快適に行う」Hack。気に入ったら試してみてくださいねー☆

FirefoxのブックマークがBookmarkletだらけなので、普通のブックマークとの違いが分かりやすいようにします。アイコン変えて視認性を上げることで、作業効率が3倍上がりますよ（当社比・個人差があります）というHackです。やり方はちょっとムズカシメですが、これから書いた通りにやればきっと出来ます。やることの流れはざっと以下な感じです。

1. userChrome.cssというファイルをサンプルを元に作る
2. 中身にとあるおまじないを書く
3. アイコンを用意する
4. Firefoxを再起動

さぁやってみよっ！

まずはファイルの場所です。エクスプローラーを開いて、以下のパスに行っちゃって☆

C:Document and Settings\(ユーザ名)\Application Data\Mozilla\FireFox\Profiles\(自分の使ってるプロフィールのディレクトリ)\chrome

そこを開くと、

userChrome-example.css

というファイルがあるので、これを複製するなり名称変更するなり、似るなり焼くなりして、

userChrome.css

というファイルを作成します。そしたらそれをテキストエディタで開いて（文字コードはUTF-8なので、秀丸とかが良いと思います。まぁ日本語が文字化けしても説明文なので、化けちゃったところは削除しちゃても構いません）、中に以下のおまじないを書き込みます。

.bookmark-item[statustext^="javascript:"] { list-style-image: url(“bookmarklet.png”) !important; }

そんなの無理って人は、ファイルを置いておくので、ダウンロードしてください。

> userChrome.css

デフォルトだと下記な感じになります。

@charset “utf-8″;
/*
* このファイルを編集して、profile-directory/chrome/userChrome.css
* としてコピーしてください。
*/

/*
* このファイルは、Mozilla のユーザインタフェース(UI) の外観をカスタマイズ
* するのに使用することができます。
* デフォルト設定の無効化宣言 !important を使用する事を忘れないでください。
*/

/*
* @namespace 行は削除しないでください ? 正しく機能するために必要です。
*/
@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); /* set default namespace to XUL */
.bookmark-item[statustext^="javascript:"] {
list-style-image: url(“bookmarklet.png”) !important;
}

Bookmarklet.pngの部分は、好きな画像名とパスにして良いですけど、そこあんまりこだわるところじゃないので、userChrome.cssと同じ場所にbookmarklet.pngという名前のアイコンを置きましょう。私がやってみたところ、17 x 17 ピクセルがちょうど良い大きさでした。私が使ったアイコンも置いときます。

> bookmarklet.png

で、再起動すると、完了。驚くほど視認性がアップ！！じゃーん。

ちなみに、私は、Bookmarkletじゃないブックマークはほぼゼロなので、全く意味ないですけど、なんかアイコンがかわいいので、やってます。この「Bookmarkletのアイコンを変えて視認性をUP!!!!!」なHack。気に入ったら試してみてくださいねー☆

なお、あんまり関係ないですけど、FirefoxをFireFoxと書くとすごく突っ込んでくる人が世の中にはいるので、注意しましょう。