今回は趣旨と異なるために前回のリストから漏れていた拡張機能を紹介します。Chromeを使ってブラウジング効率を高めるとかそんなのは他のサイトに任せて、ボクが単に必要としているものだけ紹介したいと思いますので、あしからず。

Feedly

「Feedly」は、Google Readerをベースに雑誌風にレイアウトを変更してくれるオンラインのサービスです。しばらくRSSの購読をやめていたボクがこれなら読んでも良いかな？と思わせてくれました。Chrome版では、FirefoxのアドオンにあるRSSの追加ボタンがないようですが、とりあえずは入れておこうかと。
→ Feedly

Secbrowsing – plugin version checker

最近巷では「Gumblar」なるAcrobatの脆弱性を突いたウィルスさんが猛威をふるってますが、何にしたってアップデートしてないとそんなことは起こりえます（対策されなきゃ意味はないですが 笑）。この「Secbrowsing」はプラグインのバージョンをチェックする拡張機能です。悪いことは言いません、入れておきましょう。
→ Secbrowsing – plugin version checker

Google Apps Shortcuts

読んでその名の通りGoogleの各種サービスへのショートカット集です。設定で普段使うサービスだけに限定することもできますし、任意のGoogle Appsのドメインも追加できるようになってます。Googleさんへの依存はほどほどに。
→ Google Apps Shortcuts

AdThwart

前回紹介した中に「FlashBlock」があったように、Webサイトのコンテンツのロードの妨げになるようなものが嫌いです（笑）。「AdThwart」は俗に言うAd Blockerの類ですが、フィルタをベースに何もしなくても消してくれるので助かってます。
→ AdThwart

gleeBox

今日見つけたばっかりの拡張機能「gleeBox」は、キーボードのショートカットを使って閲覧中のページ内のリンクをおっかけたりその他の操作を楽にしてくれるものです。こちらもFirefoxのアドオンが公開されてます。
→ gleeBox

詳しい使い方はマニュアルページを読んでいただきたいのですが、キーボードの「g」キーを押して、任意の文字列やコマンドを入力することでいろんな操作が可能です。一部取り上げると…。

任意の文字列を入力

gleeBoxを表示して任意の文字列を入力すれば、文字列にリンクが貼られていればその場所にジャンプできます。仮にリンクがなければ、そのままEnterで検索エンジンに放り投げることができます（日本語はダメですかね）。

?hを入力してh要素だけ、?aですべてのリンクを拾い上げる

マウスや矢印キーを押していちいちページをスクロールするのも面倒な場合は、gleeBoxを呼び出して「?h」と入力すれば、h1、h2、h3の要素を上から順番にTabキーで遷移できます。同様に「?a」と入力することですべてのリンクを対象にすることができます。

YubNubのコマンドで特定の操作を

「YubNub」というコマンドラインの検索インターフェイスのコマンドが使えるようになってます。たとえば、Twitter検索をしたければ「:tw キーワード」の形で入力してEnter、Wikipediaだったら「:wp」とか「:wpjp」、Amazonだったら「:am」とか「:amzj」とかです。gleeBoxから日本語渡すとこけますけど…（笑）。

!マーク付きのコマンドで他のサービスへ

閲覧中のページを指定された「!」付きのコマンドを入力すれば、他のサービスへその内容を持っていくことができます。たとえば、「!tweet」でTwitter、「!rss」でGoogle Reader、「!shorten」でbit.lyといった具合です。他にもInstapaperと連動させるとかもできます。

といった感じです。

なんだか最後はgleeBoxの使い方になってしまいましたが、前回紹介しきれなかったというか趣旨が異なったために省いていたChromeの拡張機能のリストでした。ちゃんちゃん。

とにもかくにもChromeのDev版をダウンロードしましょう。「あくまでも開発者向けなので…」とか言いたいとこですが、別にマシンがぶっ壊れるようなことはないので大丈夫（笑）。ちっちゃいことは気にすんな、ワカチコ。

ただし、Googleからは直接ダウンロードできませんので、Chromium Projectsの「Early Access Release Channels」からどうぞ。

真ん中あたりに「Dev Channel: GoogleChrome.dmg」ってリンクがありますので、ダウンロード&レッツらインスコローリングです。

肝心のエクステンションは、Googleさんが立ち上げてる「Google Chrome Extensions」からダウンロードできます。

※実は、他にも同名のサイトがあっていろいろリストされてるんですが、ものがものなので今回はGoogleさんの方でダウンロードできるものを紹介します。

Firebug Lite

今さら説明の必要はないと思いますが、既にChrome用が公開されています。
→ Firebug Lite

Pendule

「Pendule」というエクステンションはご覧の通り、W3Cのバリデータや画像の表示非表示、CSSの無効化のようなちょっとしたチェックに役立つものが呼び出せます。
→ Pendule

Chrome Sniffer

直接制作に役立つというより、Webサイト研究に役立つんじゃないかという「Chrome Sniffer」は、Webサイトで用いられているフレームワークやJavaScriptライブラリをリストしてくれるエクステンションです。
→ Chrome Sniffer

Window Resizer

その名の通りウィンドウをリサイズする「Windows Resizer」。世の中の人たちは、そんな大きなモニタでフルスクリーンで閲覧なんかしてませんから。
→ Window Resizer

他にもあるでよ、Windows専用とかだけど

残念なことにOS Xでは使えないその他のエクステンションもいくつかあります。Firefoxでおなじみの「IE Tab」、Googleがリリースしてる「Speed Tracer」なんかは、Windows環境の方は入れておくと良いかもしれませんね。

おまけ

では、ここからはおまけ。どうしてもこれがないとボクは生きていけないというか、ボクの生活ではこれが必要かな？ってものをあげておきます。

「FlashBlock」は、Safariの「ClickToFlash」とかFirefoxの「NoScript」みたいにFlashコンテンツをブロックするエクステンションです。嫌いなんです、いきなりでかいのとか出されたり、ブログパーツ的なものが（笑）。
→ FlashBlock

「Fittr Flickr」は、Flickrにアップされている写真のEXIFを表示したり、各種サイズのファイルへのリンクを付け足してくれるエクステンションです。カメラっ子なFlickrユーザーなら迷わずといったとこでしょうか。
→ Fittr Flickr

最後はもうこれなしのWebブラウジングなんて考えられない（というか、面倒でやってられない 笑）、「AutoPagerize for Chrome」です。ご存知の方には今さら説明の必要はありませんが、ページを自動的に継ぎ足して表示してくれる素敵なエクステンションです。助かります、ありがとうございます。
→ AutoPagerize for Chrome

といった感じで、とりあえずOS XのChromeでも拡張機能が使えるようになったのでいくつかピックアップしてみました。何かのご参考までに。

このプラグインを入れたIEは、metaに特定の指示詞があればそのページのレンダリングエンジンをWebKitにし、JavaScriptのエンジンもChromeに入ってるものが使われるようです。ようはそこだけChromeになるってことですね。

同意してインストールすれば終わりです。

ただこれは何もGoogle Waveに限った話ではなく、普段IEをお使いの皆さんが導入してくれれば、FirefoxやSafari、Chrome、Operaといったブラウザに最適化して作っておいても、見た目も崩れずスクリプト系も動くってことになると、その違いに頭を悩ませている開発者にとっても恩恵があるんじゃないかと思われます。

利用者側に促して入れてもらう必要はあるわけですが、「IEなんかなくなれ」とか「ウィンドウ内にアナログってだす」とか「サポートしません」というよりはいいかもしれませんね。日本のいくつかのサイトのように「IEしかサポートしません」っていつまでも言ってるのはどうかと思うんだけどね…（笑）。

自分のページというかテストをする際は、head要素内に以下を記述してアレコレ試してみましょう。現状「file://〜」で始まるローカルのものは処理しないようです。詳しいことは、Googleさんの用意しているドキュメントを見てください。

<meta http-equiv="X-UA-Compatible" content="chrome=1">

Google Chrome FrameがインストールされたIEをリンク先のページで強制的にそのモードでレンダリングさせるには、「cf:http://〜」みたいにしてリンクを記述しておくとhead要素のmetaがなくてもそれで動くようです。

ものは試しで一番手っ取り早いかなぁと思って、「Snow Stack」という名で有名なWebKitの3Dエフェクトとかを実装されたsatine.orgさんとこの実際のテストページにリンクしてみました。

→ Snow Stack demo（for IE with Google Chrome Frame）
→ Snow Stack demo（for Safari 4 / Chrome / Webkit Nightly）

こんな感じで動きました。

ただ、「cf:」付けちゃうと他のブラウザではリンクが辿れませんから、仮にそれを使うならそこはアレコレしてブラウザ毎にリンク先を振り分ける必要がありますね。

まだまだ新しい技術なので今すぐどうこうではないですけど、IEの次期バージョンの前にこれが浸透してくれたら少しだけIEの存在に頭を悩ませている開発者のストレスがなくなったり、帰宅時間が早くなったりするかもしれません（笑）。

＃あ、そうそう。世の中には「Browserscope」っていうブラウザの実装状況みたいなのが公開されているサイトもあります。

WebKitになってるってことは…

ちょっと試しに簡単なの用意してみました（CSSの角丸だけ）。

FirefoxやSafari、Chrome、Google Chrome Frameの入ったIEなら角丸の矩形になり、それ以外のブラウザはただの角張った矩形になってるはず

ということですね。
ちなみにこれ（上のmetaをいれても）、Internet Explorer本体でのみ動作してそれ以外には影響しないよう（というか、IE 8に入れたので単なるアドオン扱い）で、Expression Web Super PreviewとかIE Testerでは素のIEの状態で描画されるようです。

さて、数ヶ月ぶりにVistaを起動した私はいろんなもののアップデートでまた時間を費やしたわけですが（んな私のこたどうでもいいですね 笑）、終わったとこでGoogleのChromeのページからインストーラをダウンロード。

※「エラーでインストーラが起動すらしない」って人は、インストールをネットワーク経由でおこなうのでアンチウィルスソフトによっては、そこでチェックが入って落ちてる可能性があります。オフにしてやってみましょう。

起動してみると極限までそぎ落とされたシンプルなインターフェイスが出てきます。ブラウザウィンドウ内に表示されるWebサイトなりアプリケーションだけを使えるような配慮でしょうね。今、英語モードにしてるので英語のメニューですけど、普通にインストールすれば日本語になりますのでご安心を。

HTML部分のレンダリングエンジンはWebkitってことなので、Safariとかと同じで表示も速いですし、普通に作ってあるWebサイトなら別に問題もなく表示されます。Web作ってる人たちの間で新しいブラウザがリリースされるとかいう話になると気になることでしょうが、某MSさんのアイツみたいな心配はいらないってことです（笑）。で、Webkitがベースということは「-webkit-border-radius」みたいな「-webkit-」付きのCSS3の先行実装みたいなプロパティが効くんでしょう（*2）。

一応インスペクタとかも搭載されてますが、まだResourcesのタブがうまく動いてないような…動いてた（笑）。Safariの開発メニューにあるものと同じような感じですね。

JavaScriptのエンジンの方は「v8」ってのになってるそうで、早速いろいろ試している方の話では、実行速度が速いとかIE用のBookmarkletとかも修正なしで動いてるとかそんな話もちらほら。

Chromeはいわゆるタブブラウザなのですが、それぞれのタブは独立して動くような設計になってるらしく、どれかのタブが固まって全部が落ちてしまうということはないようです。そのためか、メニューの中にはタスクマネージャなんてものが用意されています。試しにタスクを落としてみたら下のような画面が出てきました（笑）。

で、ついでなのでfacebook.comに繋いだらwww.facebook.comに飛ばされずこんな画面がでてきました（笑）。エラーの画面もシンプルです（笑）。

ちなみにURLとか検索キーワード入れる上の入力欄に「about:memory」っていれると使用量とかが出てくるのは使ってると気付くのですが、それ以外にも「about:」とか「about:cache」とかあるようです。

あと、ちょっと気になったカラーマネジメントあたりはどうだろうかとチェックしてみました。下の画面は、左がカラーマネジメントを有効にしたFirefox 3、右がChromeでAdobe RGBのプロファイルが埋め込まれたJPGを表示した例です。ご覧の通り色が違ってるので、カラーマネジメントの機能までは入ってないようです（笑）。

とまぁ早速入れてみたわけですが、Chromeはこれからどんどん形になっていくんでしょうね。表示とかその辺の心配もないでしょうし今後が楽しみであります。

*1: 元になってる「Chromium」についてはこちらにいろいろ書いてあるようです。テストでOS XとかLinuxでホゲホゲする人なんかはチェックしてみては？

*2: 後から気付いたのですが、Google ChromeのWeb開発者向けの情報はこちらのページに掲載されてます。良かったですね、珍しく日本語版があって（笑）。
また、Chromeやそれ以外のブラウザのサポートしているセレクタは、evotech.netの「Google Chrome Browser CSS Selector Support」という記事でさっそく表になって公開されています。

最後に全然関係ない冒頭の話ですが、誰かに何かをしてもらう（協力してもらう）ためには自分が人に対して真摯な姿勢で動いてないと…というか、人のことを思いやりながら生きていかないと誰も何もしてくれませんよ…。「あの人がやってくれなかった」とかなんとか子供みたいなこと言ってちゃね…、それは「自分がちゃんとしてなかった」ということですよ、元総理（笑）。愛と一緒で求めるだけじゃだめっす。