ホーム » ブログ » alvin's blog

Firefox 拡張機能コレクション

投稿者: alvin　日付: 日, 2007-03-04 02:49 
Firefox のシンボル

数多くの素晴らしい Firefox Add-ons の中から、愛用しているものを中心に、 これから活用したいと考えているものも併せて紹介します。

2009-11-04、1 件変更しました（Google Reader Notifier →）。
2009-06-17、2 件追加しました。
2009-06-17、10 件アーカイブしました。
合計で 22 件あります。

 閲覧 (4)

Webページへの機能追加、操作性の改善
Greasemonkey :: Firefox Add-ons
スクリプト配布 → Userscripts.org （英語）

以降の拡張のうち のアイコンが付いているものは、ユーザスクリプトと呼ばれるもので作成されています。 ユーザスクリプトを使用するには、あらかじめ Greasemonkey をインストールしておきます。
Webページのデザインを自分の好みに合わせて変更
Stylish :: Firefox Add-ons
スタイル配布 → userstyles.org （英語）

CSS の知識があれば、小さくて読み難い文字を大きくしたり、薄い文字を濃くするなどは極めて簡単です。 その気になれば、ドラスティックなデザイン変更もできます。 CSSセレクタの作成には、後述の Firebug が役に立ちます。
ページ分けを結合して1ページにまとめて表示
AutoPagerize


↑このようなページ分けを結合して、1ページにまとめて表示することにより、 優れたユーザビリティを確保します。 ページの結合ルールは データベース で管理されており、 @IT, CodeZine, ITpro, ThinkIT, マイコミ, 他沢山のサイトに対応しています。
Webサイトのユーザインタフェースを日本語化
Japanize

対応サイトの一覧 に載っているサイトであれば、 Japanize をインストールしておくだけで日本語化されます。 対応サイトにアクセスすると、ほんの短い時間だけ原文で表示されますが、 すぐさま日本語に書き換わります。 書き換えは、ストレスを感じさせない十分な速度だと思います。

 検索 (1)

Webページ上の選択された単語を検索
Dictionary Search  


設定例 
Dictionary 1  （Yahoo!辞書のすべての辞書で検索）
 Text: Yahoo! dic :: "$"
 URL : http://dic.yahoo.co.jp/dsearch?enc=UTF-8&p=$&stype=0&dtype=2

Dictionary 2  （ウィキペディアで検索）
 Text: Wikipedia :: "$"
 URL : http://ja.wikipedia.org/wiki/$

Dictionary 3  （IPアドレス検索サービスで検索）
 Text: Who is :: "$"
 URL : http://whois.ansi.co.jp/?key=$

 統計 (3)

ステータスバーに「はてブ」を表示 Add
Hatena Bookmark :: Firefox Add-ons


現在表示しているページのブックマーク数を表示する他に、コメントの表示、 はてなブックマークへの登録が出来ます。
ステータスバーに PageRank と Traffic Rank を表示
Search Status

ステータスバーに Traffic Rank を表示
Alexa Sparky :: Firefox Add-ons



Traffic Rank の表示については、Search Status の代わりに Alexa Sparky を利用することもできます。 詳しくは Firefox向けAlexaツールバーSparkyを活用する を参照してください。

 通知 (2)

ステータスバーに Mail の着信を表示 （Gmail）
Gmail Notifier :: Firefox Add-ons

ステータスバーに Feed の着信を表示 （Google Reader）
Google Reader Notifier :: Firefox Add-ons
Google Reader Watcher :: Add-ons for Firefox  Change

 制作 (4)

テキストエリアを使い慣れたエディタで編集
It's All Text! :: Firefox Add-ons

テキストエリアの右下に半透明で表示される をクリックすると、 あらかじめ登録しておいたエディタが起動します。 エディタで保存を実行すると編集結果がテキストエリアに反映されます。

関連リンク ⇒ テキストエリアを外部エディターで編集するためのFirefox拡張『It's All Text! 』 （POP*POP）
Webページから自由な書式でリンク情報を取得
Make Link :: Firefox Add-ons

取得するリンク情報の書式は、次のような画面で簡単に設定できます。
Webページから色情報を取得
ColorZilla :: Firefox Add-ons

Webページを1000%まで拡大できるので、 取得対象のピクセルを指定するのに殆んど困ることはありません。 色情報は “rgb(R,G,B)” や “#RRGGBB” といったテキスト形式でクリップボードに取得できるので、 そのまま CSS の作成に使えます。
Webページ全体をスクロールキャプチャ
Page Saver Basic

カメラのアイコンをクリックすると、ファイル名を指定するダイアログが表示されます。 ファイル名（PNG または JPEG）を指定したら、あとは [保存] をクリックするだけです。

 開発 (5)

凄すぎるデバッグツール
Firebug :: Firefox Add-ons

以降の拡張のうち のアイコンが付いているものは、Firebug に対する拡張です。 Firebug 本体だけでも凄すぎて要約できないので、リンクだけ張っておきます。
パフォーマンス評価のフレームワーク by Yahoo!
YSlow :: Firefox Add-ons

Firebug に ［YSlow］タブが追加されます。 パフォーマンスの評価、チューニングが場当たり的にならないように、 フレームワークとして活用すると良さそうです。

パフォーマンス評価のフレームワーク by Google Add
page-speed - Google Code

Firebug に 2つのタブ［Page Speed］［Page Speed Activity］が追加されます。
HTTPヘッダ情報を表示
LiveHTTPHeaders

Firebug の「net」タブには、Webページの表示に伴って実行された HTTP 通信についてヘッダ情報が表示されます。 これに対して LiveHTTPHeaders では、拡張機能が実行した HTTP 通信についてもヘッダ情報を表示します。 このような違いを理解したうえで、場面に応じて両者を使い分けます。
ブログを公開する前に HTML の文法をチェック
HTML Validator

いつものように「表示」→「ページのソース」を実行すると、 ソースコード画面の下半分で問題点を丁寧に指摘してくれます。 もっと早くからその存在を知っていれば良かったのにと悔やまれる一品です。

 環境 (3)

乱雑になったメニューを整理
Menu Editor :: Firefox Add-ons

色々な拡張をインストールしていると、次第にコンテキストメニューと［ツール］メニューが乱雑になってきます。 こんなときは、要らないメニュー項目を消して、さらに使いやすいように並べ替えてしまいましょう。
ステータスバーのアイコンの配置を自由に並べ替え
Organize Status Bar :: Firefox Add-ons

Webブラウザの進化を促進
Gears

Gears のパワーを享受するには、Webアプリケーション側でも Gears に対応している必要があります。

更新履歴

日付 内容
2009-06-17 情報 一部、「Firefox 拡張機能アーカイブ」へ移した。
2007-03-04 初版
»