林檎の木タイトル画像

Windows用のフリーソフト、シェアウェアの紹介サイト

Web Developerの紹介

お知らせ:当サイトは2017/05/07に閉鎖予定です。メッセージなど

Web Developer Web Developer [海外]

サイト作る時こんな機能あったら便利だよね、ごった煮ツールバー

メイン画像
メイン画像
メイン画像
ライセンス: フリーソフト
おすすめ度:
5点 / 2件 )
著作権者: Chris Pederick
動作環境: XP/Vista/7/8
公式サイト:

私がWEBサイトを作る上で必須になってますね。これが無いと泣いちゃいます。本気で泣くぞ。 Web DeveloperとFirebugのコンビネーションはヤバイ。便利すぐる。 一度この環境を体験すると、間違っても他の環境で開発しようとは思いませんね。二人で一人、そして不可分。 例えるとそうですね、牛乳とアンパン、風邪とバファリン、銀行強盗とストッキング、あぁああーお前ら大好きだ、二人とも大好きだ。

Web Developerを一行で表現するとしたら、「サイト作る時こんな機能あったら便利だよね、ごった煮ツールバー」です。 ツールバーを追加して、そこに所狭しと機能が詰め込まれています。全部の機能を列挙するなんて暴挙はしませんよ。 そんな長文を書いて嫌われたくはありませんからね。多分、50個以上機能があるんじゃないですかね。 20個まで数えて「これはいっぱいある、間違いない」と確信するにいたり、数えるのをやめたので正確には知らないけど、とにかくいっぱいある。 大体、全部を説明しろって言われても困る。普段使う機能はせいぜい5〜6個しか無いから、他のなんて知らない。 私は全部を把握していませんが、これだけいっぱいあるわけで、貴方の琴線に触れる機能がきっとありますよ、よかったですね。

そんなわけで、私が知ってる機能だけをご紹介。まず無効にする系の機能。Javascript、CSS、Cookie、画像の表示などなど何でも切れる。 私は、Cookieの無効とか良く使います。一度Cookieを食べちゃうと、いちいち削除するのが面倒なんですよね。 Cookie食べて無い状態でテストしたいのに。それが、ポチっとクリックすれば無効に出来ます。
あと情報を表示する系。クラス名、ID名を表示したり、Cookieの情報を表示したり、グリッドを表示したり、そのサイトのなんたるかを赤裸々に表示します。 見てるこっちが恥ずかしくなっちゃうくらい。特に私が好きなのは、ブロック要素の表示機能です。 ブロックレベル要素を色分けして線でマーキングしてくれます。レイアウトには、それはもうDIVタグを多用するわけですが、 DIVタグなんて基本的に見えないわけで、どこから何処までがブロック要素なのかわかるのは助かる。
CSSとかHTMLのリアルタイム編集が可能です。編集ウィンドウで、CSSとかHTMLとかを編集するとリアルタイムで結果がブラウザに表示されるあれです。 ただ、この辺はFirebugのテリトリーなので、私は使わない。なんとしてでも、Firebugを使いたくない、アンチFirebugの方は使うといいかも。 後は、今見てるページをHTML-Lint(HTMLの構文チェック)にかけられたりします。それと、エトセトラ、エトセトラ…。 なんだか何でも出来る気がしてきた。あーもう、サイト作るなら入れなさい。

管理人おすすめ度:

管理人おすすめ度

( 2008/06/25 )

その他スクリーンショット

ブロック要素の色分け
ブロック要素の色分け
2 :  さん 返信 掲載日:2010/06/22 おすすめ度:
おすすめ度

私はこれの為だけにFirefoxを入れています。
私がよく使うのは各種機能の一時無効化、要素の枠表示、CSSの検証機能ですが、他にも機能は書ききれないほど沢山あります。
特に、要素の枠表示はすごく便利です。「このDIVとDIVの間の余白、どっちがどれだけ空いてるの…? 分かんなくなった…(´・ω・`)」なんて時も、枠を表示させればタグ同士の関係性が一目瞭然。
ホームページを作る人には本当におすすめです。

コメント

1 : I72#0 : 2012/10/25 (木) 03:54:41 返信
バージョンアップ(1.2.1+)により日本語版が使えなくなりました。残念。
2 : DAKQo : 2012/10/25 (木) 12:30:42 返信
>>1 こういうのを使えてるなら自分で前バージョンから移植すればいいじゃない。AMOにはまだver1.1.9が残ってるんだし。
3 : SZv6a : 2012/10/26 (金) 18:13:47 返信
探したら(非公式ですが)普通に日本語版がありました。ごめんなさい。

公式サイト : Web Developer :: Add-ons for Firefox