webデザイナー必須のFirefox3アドオン

2008年8月 7日
少し前になりますが、Firefoxのバージョン3がリリースされましたね。
そのため、使えなくなってしまったアドオンなどもあると思います。
今回、Firefox3でも使えるwebデザイナー必須のアドオンを紹介します。

Firefoxアドオン一覧
↑私がインストールしているFirefox3アドオン一覧

開発に役立つアドオン

Web Developer 日本語版

http://lab.tubonotubo.jp/tools/webdeveloper/

定番中の定番です。Web制作者向けツールに作られた、まさにwebデザイナー必須のアイテムです。私は特にHTML/CSS構文チェックとレイアウトの確認に使用しています。

Firebug

https://addons.mozilla.org/ja/firefox/addon/1843

CSSやHTMLをリアルタイムにブラウザ上で変更できるツール。JavaScriptもデバックできます。私は、どちらかと言えば、他人様のサイトのレイアウト構成、CSSを確認するのに使用しています。また、たまにひとつの要素に複数のCSSを適用してしまって、最終的にどのようなCSSが適用されているのかわからなくなったときにも使っています。ページのソースをみるときに、自分の好きなエディタで見るようにする設定もできます。とても便利です。

HTML Validator

https://addons.mozilla.org/ja/firefox/addon/249

リアルタイムに閲覧中Webページの文法をチェックしてくれます。W3Cのチェックエンジンを使用しているので信頼できます。リアルタイムにVaildか確認できるので、間違いの少ないコードの書き方でできるようになります。

MeasureIt

https://addons.mozilla.org/ja/firefox/addon/539

webページ上でドラッグすることによりそのサイズを表示することができます。ボックスのサイズなどを知りたいときに便利です。

Pagediff

https://addons.mozilla.org/ja/firefox/addon/4274

2つのwebページのソースコードの差分がわかります。ソースコードに違いがあるところは、ハイライトされます。ローカルと公開ページの違いを知りたいときとかに便利でしょうか。私自身はあまり使いませんが。

Make Link

https://addons.mozilla.org/ja/firefox/addon/142

リンク用のテキストを作成する際、頻繁に使用する形式でタイトルとURLを貼り付けできます。英語サイトのものですが、使い方もわかりやすいです。かなり重宝しています。

LinkChecker

https://addons.mozilla.org/ja/firefox/addon/532

webページ内にリンク切れがないか確認できます。結果はリンクがハイライトされることによりわかります。

ColorZilla

https://addons.mozilla.org/ja/firefox/addon/271

webサイト上の色が何色が知るのに便利です。RGBなど様々な形式でコピーできます。カラーパレットも付属。

Font Finder

https://addons.mozilla.org/ja/firefox/addon/4415

webページのテキストに指定されているCSSを簡単に確認することができます。素敵な文字レイアウトをしているサイトのCSSを見るのに便利です。

Pearl Crescent Page Saver

http://pearlcrescent.com/products/pagesaver/

webページのスクリーンショット（チャプチャ）を撮ってpng画像にしてくれるプラグイン。表示されている部分のみとページ全体を撮れるのが便利。海外のサイトのものだけど日本語化されています。Proは有料だけどBasicだと無料です。Flash画像は取り込めないようです。

Firefoxの使いやすさ向上

Tab Mix Plus

http://tmp.garyr.net/dev-builds/

Firefoxのタブの拡張です。タブやリンク先をどのように開くかなど細かく設定できます。ブックマークを別のウィンドウで開くようにしたいとき便利です。現在、Firefox3ではリリース版が対応しておらず、dev（開発）版で利用できます。

CacheViewer

https://addons.mozilla.org/ja/firefox/addon/2489

Firefoxのキャッシュは非常に見にくい。これはとてもわかりやすく表示してくれます。

ブラウジング

IE Tab

https://addons.mozilla.org/ja/firefox/addon/1419

Firefoxのブラウザ上でIE表示できます。ただしサイトによってはうまく読み込んでくれない場合も。ちょっとIEで動作確認、程度に使うのがよいでしょう。私は基本的にIEの確認はきちんとIEのブラウザを別に上げて確認しています。そちらのほうがレスポンスがよいので。

OperaView

https://addons.mozilla.org/ja/firefox/addon/1190

Firefoxのブラウザ上でOperaのブラウジングができます。私はIE Tab同様、基本的に確認はきちんとOperaのブラウザを上げて確認しています。

その他、便利ツール

Google Toolbar

http://www.google.com/tools/firefox/toolbar/FT3/intl/ja/

Googleの検索バーです。私は検索エンジンはGoogle派なので。サイトのページランクもわかるし検索文字列を早く見つけることができます。サイト内の文字検索の際、その部分に色がつく（ハイライトになる）機能が便利です。

Google Notebook

http://www.google.com/notebook/

オンライン上のメモ帳です。テキスト以外にURLも同時に保存できるのでサイトをブックマークするときに非常に便利。私はソーシャルブックマークには追加できないようなコアなサイト（？）をブクマします。

ソーシャルブックマーク（SBM）

https://addons.mozilla.org/ja/firefox/addon/3615

気になったサイトをばしばしブックマークできる、ソーシャルブックマークです。私はあえて外国産のdel.icio.usを使用していますが、日本にははてなブックマークやPOOKMARKといったすばらしいSBMも存在しますので、いろいろお試しください。しかしながら、del.icio.usへのブックマークのしやすさと言ったら格別です。

こうリストにしてみると、Firefox2を利用していたときと、使用しているFirefoxのアドオンってあまり変化ないなぁと思いました。

投稿日:2008年8月 7日
« 前の記事 | webコラムのトップへ | 次の記事 »

トラックバック歓迎です。以下URLにて登録をお願いいたします。

このエントリーのトラックバックURL:

↓↓↓トラックバックしてくださった方々↓↓↓
※トラックバックされても管理人がスパムと判断したものは公開されません。

最近のコラム

top