IE Archive

DebugBar – IE plugin pour DOM access, Javascript debugger, voir les headers HTTP, voir les cookies を使ってみました。
サイトのデフォルト表示がフランス語なのでちょっとびびりますが左上にある英国国旗をクリックすればエングレッシュに変わります。
ホームページに「Download now !」があるのでまあインストールなどは割愛します。

いきなりちょっとハマりました

InternetExplorer (6|7) のプラグインなわけですが、このプラグインは IE7Pro と共存できません。
ただ、現時点でどちらを取るかと聞かれたら、微妙。僕は IE7Pro の拡張性は面白いので、恐らくこっちは IE7Pro と共存する方法がないと使わないと思います。

HTTP(s)

一番興味を引いたのはリクエストビューアです。 HTTP header（と content）がとてもわかりやすい形でログとして表示される機能でした。
ヘッダをプレーンな状態で見てるのは（僕は）結構疲れますので、このくらい表示を整えてくれるととてもありがたいです。（文字は小さいですが）
どうせなら画像の content として画像が表示されるとか、バイナリデータとしてビット表示してくれると凄いと思いましたが、これだけでも結構便利です。

サイトのホームページにニューバージョンはこうだぜ！と言うのがありますが、そこに

View AJAX requests with headers, content, timing and cache info :

とありますので、画面遷移しないでのレスポンスはそれっぽいアイコンになります。ここらへんもログが統一されてていい感じ。

DOM

DOM inspector もありますが、こちらは XHTML をパースしても HTML として表記されるのでちょっと微妙な感じ。
また、DOM といっても Firebug のような汎用的なものではなく、CSS に関連する一部しか見れない。これもちょっと微妙。
ただ、直感的なツリー表示はとても見やすく、インターフェースに関してはとてもよい印象を受けました。
スクリプトのソースもこのタブで読めますが、読めるだけです。デバッグ的な操作は JavaScript タブで行います。が、Run JavaScript ボタンが僕の環境では動きませんでした。デバッグできないじゃん！
と言う事でやっぱ微妙かなあとも思います。

HTML Check

また HTML Check タブでは HTML の文法を評価できるようですが、（このプラグインは文字化けを起こしませんが）日本語が入ってると invalid になるようです。
info タブではアクセスしているファイルのクライアント側での関連付けが表示されたりするのですが、まあこれもそんなに便利と言うほどでもなさげです。

インターフェースは結構とっつきやすかったので、今後のバージョンアップ次第ではガンガン使えるようになってきそうな気がしなくもなくもないですね。
ここまではサイドバー（Debug Bar）のお話。

ツールバーに関して

ツールバー単体でもそれなりに機能がそろってます。
スクリーンショットをとってメールに添付するボタンだとかボタンからドラッグすることでスポイトできるカラーピッカーと言った機能の他には、
ウィンドウサイズを（800*600|1024*768|1280*1024）に変えられるボタン（サイドバーを省いたサイズにできるのは結構うれしいが、完全に任意なウィンドウサイズにできない）や表示内容そのものをズームできたり InternetExplorer がパースした後のソースと見比べられるボタンがあったりと割とユニークな機能が多いです。
検索バーとページ内検索ができますが、ページ内検索は検索結果をハイライト表示できますが、ページのリロードなしに検索ワードを変更すると、全く同じ色でハイライトが追加されるので微妙です。

とにかく IE7Pro と共存できない

IE7Pro の Firebug プラグインなどは Debug Bar のツールバーが有効になってるだけでエラーを吐くので、ツールバーを無効に。と思うのですが、InternetExplorer を起動しなおすたびにツールバーが有効になっているのでちょっと面倒くさい。
どっちかしかだめだ。という選択肢は僕個人的は好きではありません。男なら後ろから前から両方いきたいものです。
よって現段階では、残念ながら前か後ろかどちらかしか選べないとの結論に達しました。
割とユニークな機能があったりするのでとても残念です。

以上、現場より生中継でお送りいたしました。

IE7Pro 便利ですね。
ちろっと使ってみましたが、概ね安定しております。

さて、いくつかスクリプトとプラグインを導入してみましたので、それらをざっとご紹介。
ざっとなんで大味です。詳細はリンク先のドキュメントを参照して下さい。

スクリプト

DOM Inspector

Firefox でおなじみの DOM Inspector です。
ページ上でダブルクリックすると DOM Inspector モードになり、マウスオンした要素の詳細が表示されるようです。
ホットキーがあり、それらを使うことで編集などもできるのですが、だいぶ不安定な印象。

Google Auto Pager

AutoPagerize のような機能ですが、Google 限定。
検索結果最下部のページ移動するリンク辺りでダブルクリックすると機能発動！あとは AutoPagerize と同様最下部までスクロールするとその下に次のページの検索結果が表示されます。
ちなみに、上の DOM Inspector と機能発動のトリガが同じなので、同時に使うことはできません。

Google Two Column Display

Google の検索結果を2カラムで表示するスクリプトです。
特に必要な操作はなく、検索結果が自動的に2カラムとなります。上の Google Auto Pager と併用すると、通常であれば下に次のページがロードされるのですが、2カラムで表示された部分だけが最下部に残るためとても使いにくいです。

Google Tag Cloud Maker v2

Google の検索結果で表示された文字列でタグクラウドを生成します。
タグをクリックすると、クリックしたタグをキーワードとして追加した検索結果が表示されますので、大まかなキーワードから（少しだけ）対話的に絞り込み検索ということも可能なのではないでしょうか。面白い。

FireBug Lite ++ (IE7Pro)

IE7 で Firebug を！というやつです。が、これだけでは大した事はできません。ページのソースを編集して、表示をいじることもできますが、もっさりしており不安定です。

他にもたくさんのスクリプトがあり、デフォルトでインストールされているスクリプトもいくつかあります。
Gmail を強化するものや、deli.cio.us や digg のブックマークレットのようなスクリプトが多く見受けられました。
ただ、とにかく競合してしまうスクリプトが多く、Google Tag Cloud Maker v2 などもモロに Google Link Preview と競合し、併用すると Google Link Preview の虫眼鏡アイコンをクリックすると別ウィンドウで開くことになります。まあこれはこれで便利かも。

プラグイン

FireBug Lite ++ with Status Icon and Debugging capacities

FireBug Lite ++ 上位って雰囲気です。
一見すると FireBug Lite ++ の拡張っぽいですが、FireBug Lite ++ が動いた状態では動かなくなりますのでご注意下さい。こっちのがステータスバーにアイコンが表示されたり、ソースが構造的に見れたりするので便利です。
Open DOM で開いたソースの要素をクリックすると属性などが表示されますので、DOM Inspector の代わりにもなってよいかもしれません。

Translator / Traducteur : GOOGLE – BABELFISH – SYSTRAN

開いているページを翻訳するプラグインです。
インストールするとステータスバーにアイコンが追加されますのでクリックすると翻訳サイトと元の言語と翻訳する言語を選択するウィンドウが表示されます。
デフォルトだと英語をフランス語に翻訳するようになっておりますが、IE7Pro の設定画面のプラグインの項目で件のプラグインを選択して表示ボタンをクリックするとプラグインソースのディレクトリになりますので、そこにある options_eng.html を編集すると（option 要素の selected 属性を修正）使う環境に合わせた表示になるかと思います。

IE7Pro で追加される機能

気になった部分だけ抜粋します。

マウスジェスチャー

インストールするとデフォルトで組み込まれています。マウスの軌跡が若干太いのが気になる以外はとても快適です。

ドラッグアンドドロップ機能の強化

文字列を選択した状態で、それをドラッグすると Google 検索になります。これすごい便利。アドレスバーとかじゃなくてもうページの開いた部分とかで OK なのでかなり便利です。

オンラインブックマーク

これはソーシャルブックマークではなく、Firefox でいうところの Foxmarks に当たります。登録も特に面倒ではないので、導入しておくと便利かも。

キャプチャ

ページを画像としてキャプチャします。クリップボードに貼り付けられるのが好印象。

他にも、Firefox で言うところの Web Developer のようなウィンドウリサイズやフォームいじったりとかそういった機能もあります。

総評

web 制作をやる身としてはとても便利なのですが、一般的な利用ではまだそれほどメリットはなさそう。
でもそれは Firefox でも変わらないか・・・ Opera の軽さがあれば Firefox からの乗り換えも考えそう。