btmup Blog

Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。

Firefox

使用中のFirefoxアドオン一覧。

投稿日:

SafariからFirefoxに乗り換えて早幾月。
もはや単なるブラウザの域を超えて、強力な制作・開発ツールとなっています。

ここでは、そんなFirefoxの機能を拡張・強化してくれるアドオンをご紹介。
基本的には普段仕事で(たまにプライベートでも)使っているものばかりなので、実際の使用感なんかを参考にしていただければ、と。

アドオンの基本的な使い方については、別の記事にまとめてあります。
ご参考まで。

Firebug Japanese
言わずもがな。Web制作・開発に携わる人ならまずインストールしましょう。
(X)HTML、CSS、JavaScriptなど、およそクライアントサイドの情報ならすべて確認できてしまいます。
しかも、見るだけじゃなく編集も可能。
リアルタイムで結果が反映されるので、CSSの数値を微調整したり、JavaScriptのデバッグなどで重宝します。
すっごい便利。というか、これが無いと仕事にならない。
英語版は既にFirefox3に対応しているのですが、こちら日本語版はまだFirefox2まで。
僕がFirefox3に移行できない最大の理由は、これです。
https://addons.mozilla.org/ja/firefox/addon/5165
https://addons.mozilla.jp/firefox/details/1843[英語版]
ColorZilla
Adobe製品のスポイトツールのように、任意の場所から色情報を取得できます。
ステータスバーに数値を表示してくれるので、いちいちメモったりする必要もないしムダなウィンドウが開くこともありません。
故に動作も軽いです。
また、アイコンをダブルクリックするとカラーピッカーが表示され、RGB・HSV・Hex(16進数)の数値換算も簡単にできます。
「RGBの数値は分かるけど16進数でどう書くんだっけ?」というとき、非常に便利。
https://addons.mozilla.jp/firefox/details/271
CSSViewer
表示中のページで、マウスオーバーした要素に適用されているCSSの内容を表示してくれる。
確かに便利なのだけど、Firebugで事足りてしまうという可哀想なアドオンです。
しかも、一回起動すると余白でクリックしようがEscキーを押そうが、消えてくれません。
正直、ちょっとウザい。
コピペもできないし、最近はお蔵入りです。
https://addons.mozilla.org/ja/firefox/addon/2104
DownloadHelper
「YouTube」や「ニコニコ動画」などのサイトから、動画ファイルを簡単にダウンロードできる。
自動的に動画を認識してリストアップしてくれるので、ツールバーのアイコンからファイルを選択するだけでダウンロードが開始されます。
ネタ集めには便利ですな。
https://addons.mozilla.jp/firefox/details/3006
Google Toolbar for Firefox
まぁ……、あっても邪魔にはならないし。
という感じの「ご参考」程度。PageRankの信憑性も薄いし。
「マウスオーバー辞書」は、ときどき役に立ちます。
http://www.google.com/tools/firefox/toolbar/FT3/intl/ja/index.html
Measurelt
ページ上のメジャー(定規)です。
「この画像のサイズってどうだったっけ?」「このエリアの横幅って何px?」というちょっとしたときに威力を発揮するアドオン。
そのためだけにファイルを開いたりCSSの設定を確認するのって、けっこう手間かかるし効率悪いんですよね。
「あれっ?」と思った瞬間、直感的にサッと調べられるので非常に便利です。
https://addons.mozilla.org/en-US/firefox/addon/539
Resizeable Textarea
入力フォームなどをリサイズできます。
たぶんtextareaタグに反応していると思われます。
それだけです。
https://addons.mozilla.org/en-US/firefox/addon/3818
Screen grab!
Talkback
Total Validator
User Agent Switcher
異なるUA(ユーザーエージェント)のように見せかけることができる。
要は「ケータイでアクセスしたときの表示結果」なんかを確認するためのアドオンです。
僕はうまく動作できなかったんですけど、ちゃんと設定したらちゃんと動くと思います。たぶん。
(普段の業務でUAを切り替える必要がないので、詳しい設定方法が未だ分からず)
VideoDownloader
Web Developer[日本語版]
YSlow
翻訳パネル
こりゃ便利!
と喜び勇んでインストールしたものの、翻訳結果が出てくれた試しがありません。
設定が悪いのかも。
DOM Inspector
keyconfig
Mozex







-Firefox
-, , , , ,

執筆者:


  1. I’ve learn some excellent stuff here. Definitely worth bookmarking for revisiting. I wonder how a lot attempt you place to make this type of excellent informative website.

  2. Johne404 より:

    I loved your blog article. Really Cool. dbkddbkdkkad

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Firefox で特定のページの特定の箇所から特定のページにリンクしたとき「一部だけ暗号化されていない」という状態になる

何かよく分からない事象にハマってます。 もし原因や解決法などをご存知の方が居ればぜひ情報を……。 同一ドメインにおいて(仮に「http://www.hoge.jp/」とします) Firefox で保護 …

no image

Firefoxで「警告:応答のないスクリプト」のダイアログが出ないようにする

最近、Firefoxで処理が重くなったときにこんなメッセージがダイアログで出るようになりました。 警告:応答のないスクリプト このページのスクリプトは処理に時間がかかっているか応答しなくなっています。 …

no image

Firefoxアドオンの基本的な使い方。

今さらですが、念のため基本からおさらい。 アドオンの検索 Firefoxの「ツール」メニューから「アドオン」を選択すると、インストールされているアドオンの一覧が表示されます。 そのウィンドウの右下に「 …

no image

現在インストール中の Firefox アドオン一覧。

メモ的ポスト。 「Extension List Dumper」で生成したリストを基にしてます。 ColorZilla 2.0.2 http://www.colorzilla.com/ Firefox …

no image

Firefox でテーブルの線(border)が表示されたりされなかったりする件の対策。

珍しく Firefox のバグです(だと思います)。 あえて「解決法」ではなく「対策」としたのは、解決したかどうか定かではないからです。 つまり、「よく分からんけど、とりあえずうまくいってるっぽい」と …