6月29日（月）開催　リリース直前！「Firefox 3.5」ブロガーミーティング

というわけで、リリース直前のブロガーミーティングに参加させていただいて来ました。
どれぐらい直前かと言うと…後数時間に迫ってますね。日本時間で、7/1 未明と言った感じですか。なので、ちょっと焦り気味で書いてます。

Firefox 3.5 リリースカウントダウン

速くて、安全で、というようなコンセプトは、Chrome などとなんら変わりなくと言った感じではありますが、プレゼンの中で出てきたキーワードを連ねると、

• 創造性は自由から
• Web だから…なんて言わせない
• コントロール可能なプライバシー
• 堅実なブラウザ
• デザイナーを自由に
• 「Web の制約を開放」

と言ったところです。

個人的に興味の範囲は、

• HTML5 への対応
• CSS3 への対応
• ダウンロードフォント
• ICC プロファイルのサポート
• TraceMonkey
• Web ワーカースレッド
• ネイティブ JSON 対応

と言ったところでしょうか。個別にどれがどうとかは書きませんが、ネットワークが変わり、ブラウザも成長し、「想像力が追いつかない」というような状態は避けたいところですね。

ライトニングトークでは、

• DNS Prefetch
• xMarks
• Cooliris
• ある家庭における…

といったような話題があがりました。

そうそう、確かにビギナー？初心者？が Firefox を使い始める理由ってあんまりないですよね。うちの「妻」には、全く必要ない。勧めたことないですけど、反応が想像できますね。IE に不満はないと言いそう。

IE なんてなくなｒ…。Mozilla さんには、そういうとこも頑張って欲しいです。全力で応援するので。

Firefox 3.5 から、Firefox のロゴが変わったそうです。

新ロゴ

じゃーん…どこが？しっぽのあたりが変わってるらしいです。ぶっちゃけ微妙すぎて分かりませんでした。でも、変わったんだって。

ちなみに、Firefox3.5 は、プロジェクトコードが SHIRETOKO で、知床財団とコラボで、

Discover Shretoko

をやってるそうです。

最後に、フォクすけと知床財団の「ひっくり返すとどんぐり?ひぐま」のツーショットをどうぞ。

フォクすけとどんぐりひぐま

と、何かまとまりのない感じですが、いつものことなので、そんなところで、今晩のリリースを待て！

• Firefox
• 灯火

自宅では、ほぼ Safari ユーザの私ですが、Firefox 3.5b4（旧 3.1 コードネーム SHIRETOKO）を入れてみました。ダウンロードはこちらから。

まず、TraceMonkey の機能がデフォルトだと出し切らない設定になっているらしいので、惜しみなく実力を発揮するように設定します。

Location バーに

about:config

と入力。フィルタに

jit

と入力し、

• javascript.options.jit.chrome
• javascript.options.jit.content

など全ての値を true にして、FF を再起動。下ごしらえは以上です。

で、ブラウジングしてみた感想は、とても速いです。体感出来るくらい違います。これは売り上げ上がっちゃうよってくらい速いです。ちょっと感動の速さです。

あ、ちなみに、私の環境としては、

• プロセッサ：2 GHx Intel Core 2 Duo
• メモリ： 1 GB
• OS： Mac OS X 10.5.6

で、たいして速くない ADSL の無線で（大事だけど、曖昧）ブラウジングしております。

Safari もかなりのものだと思いますが、感覚的には Safari より速いです。詳しく調べてもおらず、あちこち見てまわった訳ではないので、全てのサイトでとは言いませんが、FF 3.5b4 では、<a href=”http://rent.homes.co.jp/” target=”_blank”>HOME’S 賃貸</a> の地図検索がサクサク動きます。良ければ？試してみてください。

続いて、「プライベートブラウジング」に関してですが、これ、私、必要ありません。というか、今のところ、有効な活用方法を思いつきません。どちらかと言えば、

ブラウザに履歴は残し、Google のウェブ履歴に、社内の URL を残さない

ようにしたいところ。もうね、トップサイトに並んでるのなんて全部社内ですよ。何とかしましょう。

そして、Firefox を使う一番の理由である？アドオンですが、まぁ対応してるものは、現時点ではまばらですよね。私が、使えないと結構困るものは、

• Firebug
• FireMobileSimulator
• FireGestures
• YSlow
• GreaseMonkey

あたりですが、これらは今のところ全部使えません。という訳で、

Nightly Tester Tools

のお世話になります。この?Nightly Tester Tools というアドオンは、「このヴァージョンには対応していません？そんなの関係ねー！そんなの関係ねー！」と、アドオンが Firefox のヴァージョンに対応していなくても、強制的にインストール出来ちゃうというオッパッピーなアドオンです。

そんな訳で、Firefox 3.5 beta 4 は快適です。でも、サイト開発者として、サイト来訪者のほとんどは、Firefox 使ってないという事実だけは忘れてはいけませんね。Firefox が IE に比べて快適であればあるほど、勘違いしてしまいそうなので。

Firefox 3.5 beta 4 、興味のある方は、使ってみてくださいねー☆

ちなみに、コードネームの SHIRETOKO ?ですが、Firefox の開発コードネームは、世界各国の国立公園の名前にちなんでいるから、だそうです。

Firefox のメモリリークは、決定的に致命的な感じです。でも、Firefox 便利だし。そんな時は、

Flock を使ってみる。

という選択肢はどうでしょうか？Flock は Firefox のコードをもとに書かれたブラウザだそうで、先日正式版もリリースされました。英語ですけどブラウザのメニューなんてたかが知れてる。ハートで乗り切れ！

Flock – The Social Web Browser

私は、自宅では Flock を使っています。理由は、

• Firefox ベース
• Firefox のメモリリークの問題が解決されている
• Firefox の機能拡張がそのまま使える（ものがほとんど）

だからです。 機能拡張は、あんまり試したわけではありませんが、必ず必要！という以下のものは、行けました。

• Web Develop
• Firebug
• All-in-One Gesture
• Greasemonkey
• Better Gmail2

など。 メモリリークで落ちることがないので、タブを開きまくる私としては、3 倍快適にウェブサーフできます（当社比・個人差があります）。その他の便利機能は、一切試してませんが、それでもこれです。

という訳で、「いっそ Flock を使って快適ネット生活を送る」Hack。選択肢の 1 つとして、気に入ったら試してみてくださいねー☆

Firebug は非常に便利です。Web Developer と共に開発にはかかせません。しかし、Firebug を有効にしたまま Web を徘徊していると、かなりの頻度で Firefox が落ちます。使っているうちに、落ちなくとも非常にパフォーマンスが悪くなります。そんなんことない？なので、

開発しない時は、Firebug は落としとく。

のが良いでしょう。開発する時だけ、立ち上げればよし。必要のない時につけっぱなしにする必要はないでしょ？ Firebug を必要ない時は落としとくだけで、3 倍くらい快適にネットサーフ出来ます（当社比・個人差があります）。Firebug に限らず、必要ない時につけっぱなしにしているものってないですか？落とせるものは落としときましょう。

という訳で、「必要ない時は、Firebug を落としとく」Hack。気に入ったら試してみてくださいねー☆

ちなみに、Firebug は非常に便利なので、使い続けますよ。

開発をしてるとソースを開くことがよくありますよね。周りの技術者を見ていると、ほとんどの人が Firefox の All-in-One Gesture のジェスチャで開いています（上右下）。この方法は、良いのですが、難点がいくつかあります。その最も致命的なものが、

重いページには向かない。

です。ジェスチャが途中で中断されたり、待ちに入ったり、うまく行かないことが多々あります。技術者にとってこれは致命的。配列やらオブジェクトの内容を dump するような事は、毎日のことだと思いますが、非常に巨大なものを dump すると、ものすごくソースも重くなり、あらかたジェスチャはうまく行きません。そんな悩みを簡単に解決する方法があります。

Ctrl + U

これ、実は Firefox のメニューの中にも書いてあったりして、非常に普通なんですが、使っている人を見たことがありません。多分、ジェスチャが便利すぎるので、それに目が眩んでるためですかね？こちらの方法の方が、重いソースも 3 倍くらい安定して開くことが出来ます（当社比・個人差があります）。

似たような例で、更新もジェスチャ（上下）より、Ctrl + R が良いです。理由やシチュエーションは一緒。他にもあるかも知れませんね。ジェスチャを入力するのが大変なくらい重い処理をしている時にやりたいこと。

という訳で、「ジェスチャよりもショートカットキーを使って安定して作業する」Hack。気に入ったら試してみてくださいねー☆

ちなみに、ジェスチャはものすごく便利です。これがないと仕事になりません。

Greasemonkey のユーザスクリプトの話です。このスクリプトをインストールするとググる時に、検索結果に色を添えてくれます。

GoogleTagCloudMaker

検索クエリの関連ワードをタグクラウドにして、検索結果に表示してくれます。下のイメージのような感じで。いわゆるサジェストみたいなものと考えてもらえば良いかと思います。

関連ワードの分かりやすいインターフェースは人それぞれと思いますが、私はタグクラウド好きなので、 非常に分かりやすいです。出てきたタグにマウスオーバーすると、一覧も絞り込まれた一覧に早変わり。より深く検索するためのヒントが出てくるような感じなので、よく知らないものを検索する時などには、スニペットから絞り込む 3 倍くらいサクサク検索出来ます（当社比・個人差があります）。

という訳で、「Google の検索結果をカスタマイズして検索効率を上げる」Hack。気に入ったら試してみてくださいねー☆ ただし、グリモンは at ur own lisk で。

この山の様な作業依頼が今すぐ全部まっさらになったら良いのに。開発するつもりが、日々メンテとバグつぶしに奔走する毎日。Web プログラマの現状でしょうか。そんな鬱憤を晴らしてくれるスクリプトが最近話題です。

HTML 崩壊 meltdown.js – KAZUMiX memo

こちらで提供されている、HTML がバラバラ崩れて行くスクリプトが爽快です。Bookmarklet が用意されており、これであちこち崩壊させられます。作業依頼の板など、まさに「依頼がゴミのようだ！」とあっと言う間にまっさらにしてくれます。なかなか先に進めない時にやると、気分が 3 倍くらいすっきりします（当社比・個人差があります）。

ただ、KUZUMiX さんの用意されている Bookmarklet は、KUZUMiX さん鯖の js ファイルを読みに行くようになっており、プログラマ的には、とっても微妙な気がします。なので、ダウンロードして、自分の鯖に置いてと、、、それだと何なので、先日紹介した、JSActions にでも突っ込んで使いましょう。右クリックでいろんなページを崩壊させることが出来ます。アホみたいにあちこちのページを崩壊させまくって喜べます。仕事は減らず、あっと言う間に時間がなくなって行きます。危険ですね。

さて、話はちょっとだけ逸れて、私の働いているネクストでは、エンジニアには、20% ルールがありまして、毎週金曜日は、好きに使って良い日となっています。好きに使って良い他、勉強会のようなこともやっており、今、JavaScript の勉強会他が開かれています。で、そんな JS な中、この HTML 崩壊スクリプトが話題になりました。そこで、

これがコナミコマンドで発動したらアレですね。

と誰かが言ったとか言わなかったとか。そうそう、そう言えば、コナミコマンドあったよね。今日アジアシリーズを制したドラゴンズのヘルメットにも KONAMI って書いてあったし。で、

• お知らせ:「コナミコマンド」を実装しました
• JavaScript で波○拳を繰り出すことはできるか？

を参考に HTML 崩壊スクリプトとコナミコマンドのマッシュアップ！

ですが、私、HHKB Pro を使ってまして、矢印キーがないので、コナミコマンド発動出来ないんですね。えぇ。でで、やっぱり崩壊は、「バルス」で発動して欲しいということで、そのように実装しました。

このサイトで、おもむろに「BALSE」とタイプしてみてください。

崩壊が始まります。大文字でなくても OK です。目がぁぁぁ目がぁぁぁぁぁ！

ご自分のサイトに設置したい場合は、

こちらをダウンロードして head の中で読み込んでください。他にすることはありません。

せっかくだし、グリモンで使えるようにしようかと思いましたが、先祖還りということでやめました。欲しい欲しいと誰かが言うなればってとこですが。私、JavaScript なまら苦手なんですが、こういうのは、結構燃えちゃうたちでして。。

という訳で、「BALSE で HTML 崩壊させて楽しい」Hack。気に入ったら、今すぐ BALSE とタイプしてみてくださいねー☆

なお、ネクストではこんなおかしな事ばかりやっている訳では決してございませんが、こんな事もちょこちょこやっています。ネクストでは技術者を大募集しておりますので、一緒に働いてみたくなった人は、こちらから。その際、倉林のブログを見てと一言添えていただけると良いかも知れません。

Gmail のバージョンがひっそりと？2 にバージョンアップしました。右上のメニューにも Older version のリンクが。

色々追加されたようですが、何より今までよりもサクサク動くのがスバラシイ。体感で 3 倍くらいサクサク動きます（当社比・個人差があります。いやそんなにないかも）。

で、いきなりアラートが出たんですが、Firebug 入れてると Gmail 遅くなるよ。と。

（クリックして拡大）

ヘルプページに解決方法が、書いてありました。

1. Click the green or red icon in the bottom right corner of the browser window to open Firebug.
2. Click the bug icon in the top left corner of Firebug and select ‘Disable Firebug for mail.google.com.’

ということで、

Firefox の右下の Firebug のアイコンクリックして出して、右上の虫アイコンをクリックして出てくる ‘Disable Firebug for mail.google.com.’ を選択。

はい。そんな感じで、 「新しくなった Gmail を Firebug を Disable にしてサクサク使う」Hack。気に入ったら試してみてくださいねー☆

便利に使いたい Bookmarklet はいっぱいあるじゃないですか。All-in-One Gesture で使えるのは 2 つだけ。そこまで使わないけど、使いたい Bookmarklet はどうしましょう。そんな時は、これ。

JavaScript Actions

これは、右クリックメニューの中から各種スクリプトを実行できるようにしてくれる Firefox の機能拡張です。使い方も簡単。インストールしたら再起動。

• jsactions
  • global : 右クリック時
  • image：画像クリック時
  • link：リンク右クリック時
  • selection：選択して右クリック時
  • startup：起動時

と言った感じで、適当にディレクトリを作って、Firefox で JSActions の設定からそのディレクトリを指定。欲しいスクリプトを適当に置いて、再起動。これで右クリックが変わります。ディレクトリ置き場はどこでも良いかと。

では、試しに作ってみましょう。以前作った「アルく」でも移植してみましょうか。

global ディレクトリに アルく.js を作成。内容は以前と一緒で、下記の通り。

Sel=document.getSelection();
if (!Sel) {
void(Sel=prompt(’type keywords:’,”))
}
if(Sel){
window.location=’http://eow.alc.co.jp/’+Sel+’/UTF-8/’;
}

以上。 これで、右クリックメニューの中の Actions の中に「アルく」が出来ると思います。出来てなかったら、再起動してみてください。今日は、テンションが低いので、スクリーンショットはなしの方向で。アルく.js をアップしようかと思いましたが、あまりにもたいしたものじゃないので、やめます。

出来たら右クリックで実際に起動してみると、ホントにちゃんと動くことが分かると思います。こんな感じで、どんどん利用頻度の高い Bookmarklet 達を移植して行くと Firefox が 3 倍くらい便利になります（当社比・個人差があります）。

ちなみに、この JavaScript Actions の一番良いところは、

ブラウザの URL 長制限に関係ないので、長くて複雑な Script も使えるところです。

使いようによっては Bookmarklet 以上に便利です。ブラウザで実行する個人的なスクリプトと言うと簡単な Bookmarklet 程度になってしまいがち？ですが、それだけだと、もったいなお化けが出るぞ。と。

という訳で、「 JSActions で右クリックからスクリプトを実行する」Hack。気に入ったら試してみてくださいねー☆

何か表示が崩れてるんですけど・・・どっか違うらしいけど、一体どこ？みたいなことありますよね。制作さんに貰ったコーディングファイルを Smarty で実装してみたら何か違うみたいな場合とか。。。伝わりづらいですよね。まぁ、人間、一度やったものから間違いを見つけ出すのは難しいものです。で、そんな時は、差分を取る訳ですが（訳ですよね？）、差分を取る時にどうやってやりますか？

差分を取るアプリケーションと言えば、

DF

が有名？です。これで、ビシバシ差分を取ってみましょう。私、良く使ってます。ただし、これは比較するものがファイルになっている必要があります。確か。それが意外に面倒臭い。テンプレートとか変数入ってるし、分割されてるし、すぐどこのって分かれば良いけどって話です。なので、そんな時は、Y 氏の教えてくれた

PageDiff

という Firefox の機能拡張が便利です。使い方も簡単。インストールが済んだら、

比較したいページその 1 のページ上で右クリックして、「Start DIFF」 を選択。その後、比較したいページその 2 のページ上で右クリックして「Show DIFF」を選択する

と、差分が取れます。これで、通常の 3 倍くらいコーディングミスを簡単に見つけられるようになります（当社比・個人差があります）。

という訳で、「PageDiff を使って簡単に差分を取る」Hack。気に入ったら試してみてくださいねー☆

DF と PageDiff は用途に応じて使い分ければ良いと思います。

つぶやき：
昨日、科学未来館で光学迷彩を体験してきました。すごく。楽しかったです。光学迷彩以外にもたくさん面白いものがあって、たった 500 円でこんなに楽しんで良いのか？という感じでした。今度は、ここのプラネタリウムに行きたいと思います。500 円で大人も子供も楽しめる科学未来館。休日に是非。ちなみに、光学迷彩は今日で終わっちゃいました。確か。