病的溺愛シンドローム > web制作あれこれ > お役立ちツール > お気に入りのFirefoxアドオン – その１

お気に入りのFirefoxアドオン – その１

Posted on 2009年01月27日 | 14 Comments|

軽くて快適Firefox！
自由自在にカスタムできるFirefox！
サイト制作に便利なFirefox！
めちゃめちゃ大好き！Firefox！

というわけで、インストールしているFirefoxアドオンを紹介してみる。
たーくさんあるのでシリーズ化してしまおうという魂胆。
本日はまず９個。

Bottom Error Console

ウィンドウを２分割して、下にエラーコンソールを表示させる。
ページを見ながらどこだ？どこだ？とやるのに便利。

Bottom Error Consoleインストール

ColorZilla

カラーピッカー。
サイドバーと同じ色の画像を作りたいとか、パーツの背景色を同じ色に…
とか、そういう時にとっても便利。

ColorZillaインストール

Console²

CSSのエラーとか、JavaScriptのエラーとか、警告なんかを確認できるエラーコンソールを高機能にしたアドオン。
重複エラーの排除、検索ボックスなど、一度使うと手放せない。
このブログはエラーがありすぎて手が付けられなくなって…
野放しにされていることは言うまでもない（爆

Console²インストール

Table2Clipboard

HTMLの表から選択した行や列を配列を保ったままクリップボードにコピーできるようにする。
なんか便利そうだと思ってインストールしたけど、実はあんまり活用してない。

Table2Clipboardインストール

DragNDrop Toolbars

各種ツールバーをドラッグ＆ドロップで表示位置を変更できる。
新しいツールバーを入れたんだけど、順番が逆じゃないと気に入らないとかそういう時に。
ツールバーを右クリックして「Unlock toolbars」を選択すると、各ツールバーの左端にグリップが表示されて移動できるようになる。

DragNDrop Toolbarsインストール

FEBE

Firefoxのバックアップとリストアができるアドオン。
ブックマーク、設定、クッキー、ユーザー名／パスワード、Firefoxのフィッシング対策データ、検索用プラグイン、閲覧履歴、フォーム入力履歴、テーマ／拡張、ユーザープロファイルなど、Firefoxの全てをバックアップ。
自動バックアップを設定できるので、なんでも忘れがちなあたしの味方。

FEBEインストール

Firebug

閲覧中のwebページをリアルタイムに編集できる。
HTMLやCSSをこういじったらどうなるかな？っていうのを試せるから強烈に便利。

Firebugインストール

FireShot

webページ全体をキャプチャとか、表示されてる部分だけキャプチャとか、キャプチャして切り抜きとか、キャプチャを印刷とか、とにかくキャプチャするアドオン。
縦になが～いページも簡単にスクリーンショットがとれる。
例えばこんなことも↓

このブログをキャプチャしてみた

Fireshotインストール

Html Validator

わざわざW3Cに行かなくてもチェックできる優れもの。
………サンプル画像がエラー画面って悲しい…orz
（このブログだったりする）

Html Validatorインストール

この記事を読んだ人は、こんな記事にも興味を持っています

12 Comments for this entry

Keiさん
1月 27th, 2009 on 9:04 AM
便利なアドオンが一杯！！
でも使いこなせそうにない現状orz

軽さだけならGoogle Chromeの方が軽いんだけど、細かい設定出来ないし、使い慣れてないだけなのか使いづらいorz
簡単に観覧履歴丸分かりになるとも恥ずかしいし(；´∀｀)
- 唯奈
  1月 27th, 2009 on 6:07 PM
  ＞Keiさんさん
  Chromeは確かに軽いですねぇ。
  でもカスタムしたい症候群のあたしにはFirefoxの方が便利ですｗ
  閲覧履歴丸見えってのもね…うん、嫌かも(;´▽｀A“
AquaSunネットサービス
1月 27th, 2009 on 10:29 AM
firefoxは、3になってから消費メモリーが一気に増えた感があります。
また、以前私の方の記事書いたように、メモリーリークがあるので、
現在開発されている firefox に超～期待しています。
また、chrome 並に早くなるという噂です。

でも、なんだかんだいって、Webサイト開発時の確認作業には、欠かせないブラウザーです。
firefox頑張れ～！！
- 唯奈
  1月 27th, 2009 on 6:10 PM
  ＞AquaSunネットサービスさん
  開発中のFirefoxはそんなに早くなるんですか！
  それは楽しみです。
  どんどん進化して、IEユーザーが減ることを願ってます（笑
さん
1月 27th, 2009 on 10:54 AM
唯奈さんがFirefoxファンなのが伝わってきますね。
一気に９個とは大奮発（ネタの放出しすぎ。。。）
このシリーズいくつまで引っ張るか楽しみです。。
自分は、ブラウザ用途で使い分けてるけどブログめぐりはだいたいFirefox
カスタマイズの多さより、軽いことと履歴関係をIE系と共有しないで済む事が気に入ってます。
- 唯奈
  1月 27th, 2009 on 6:15 PM
  ＞さんさん
  特にお気に入りに絞って１０選とかにしようかと思ったのですが、どれも欠かせないアドオンで選べなかったのですｗ
  あと２回くらいは引っ張ります(￣ｍ￣〃)
  （２回で終わるといいな…）
  あたしはＩＥは仕事で最終確認にしか使ってません。
  ＩＥでしか見られないサイトはアドオンでＩＥにして表示してます。
  履歴は閉じるごとにクリアしちゃうし、ブクマはgoogle使ってるし…
  ブラウザの標準機能の方はあんまり使ってない気がします。
Cat-sushi
1月 27th, 2009 on 7:14 PM
さすが、Web開発系が多いですね。
FireBug、FireShot、FEDBだけかぶってました。

ところで、最近Chromeの速さにはまっています。
まだメインはFirefoxですが、アドオン機能が付いたら乗り換えるかも。
# 自分の重いブログを基準に話しているだけかも…
唯奈
1月 27th, 2009 on 7:35 PM
＞Cat-sushiさん
Firefoxはweb制作のために使ってると言っても過言ではない勢いですからねｗ
Chromeはホント速いですよねぇ。
アドオンさえあれば…。
Cat-sushiさんのブログ重いですか？
この激重に慣れすぎてるせいか、感じませんでしたｗ
cyah
1月 27th, 2009 on 10:31 PM
WinXP機は、デフォルトのブラウザをFirefox3にしています。（でも極悪ワンクリック詐欺サイトの「スイートキッス」だと、JAVAが反応しません。IE専用に作られているみたいです。まぁ、逆に引っかからなくていいという話もありますが。）
Macの場合、ブログ書く時のみFirefox使っています。ブログ巡回はもっぱらSafari。（こちらの方が動作が速いので。）
ちなみにColorZillaと同じ機能をする「DigitalColor Meter」というユーティリティが、Macにはデフォルトでついています。最初何に使うか分からなかったのですが、確かにブログいじる時なんかには重宝しますね。
唯奈
1月 28th, 2009 on 5:10 AM
＞cyahさん
ＩＥ専用のサイトも結構ありますね。（ゲーム関係が特に…）
ワンクリック詐欺が動作しないのは喜ばしいことかもｗ
Safariは使ったことがないのですが、Macユーザーには定番ですよね。
Macにはカラーピッカーがデフォルトで付いているんですか。
いいな～。
あたしはわざわざフリーソフトを探して入れてます。（webページ以外の色取得に）
あたしにとってはかなり使用頻度の高いツールです。
moco
1月 29th, 2009 on 12:51 AM
勝手にみんなおんなじようなアドオン入れてるのかと思ってましたが、
結構ちがうの入れてるんですねー
ボクが入れてるのは”はてブ”に大体メモってます。
http://b.hatena.ne.jp/aimymoco/firefox/
↑見てみてください、結構入れてるのにあんまり被ってないｗｗ
唯奈
1月 29th, 2009 on 3:13 AM
＞mocoさん
おぉ～。いろいろ入ってますねぇ。
あたしは、アドオンって便利なものが沢山あって、次から次へと入れてしまって「はて？これはなんだったか…？」ということになりがちです。
まだ紹介しきれてないアドオンがいっぱい入ってます。