Webのバグを燃やしまくるFirebugと、そのアドオン7選
Webのバグを燃やしまくるFirebugと、そのアドオン7選：ユカイ、ツーカイ、カイハツ環境！（10）（1/3 ページ） 高度化するWebのデバッグに悩む人、必見！ 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 本稿では、Firefoxのアドオンとして利用するFirebugと、
最近のFirebug - Firebug 1.4とFireQuery | バシャログ。
最近ActionScript3.0を再入門しているtanakaです。PHPや、JavaScriptに比べるとカタい言語だと感じますが、PHPではあまり扱わない図形などがでてきて新鮮ですね。さて、本日はActionScript3.0の話ではなくて、Firebugの話です。Firefox3.5用になって変わったことや、jQueryを使った開発で役に立つFireQueryの紹介をいたします。 Firebug 1.4はFirefox3.5/3.0と組み合わせて動きます。単に3.5に対応しただけでなく、使い勝手の面で改良が見られます。 Offボタン OffボタンですぐにFirebugの機能を無効にすることができるようになりました。単純な変更ですが、日常的にFirefoxを使っているひとには重要です。Firebugは有効にしたままにしておくとWebページの動作を割と遅くさせてしまう拡張機能ですが、Of
FireQuery - jQueryを扱う際に便利なFirebug拡張 - - monjudoh’s diary
FireQuery is a Firebug extension for jQuery development jQueryを扱う際に便利なFirebug拡張 現在のバージョンは0.3 結構前に紹介されていたけど、ちゃんと使いこなせてきた感じなので紹介する。 以下、各機能について紹介と解説。 jQueryオブジェクトのconsoleへの表示 jQueryオブジェクトをFirebugのconsoleへの出力 1.2系の場合通常のオブジェクトとして表示されてしまいどの要素を抱えているかぱっと見て把握出来ない、 1.3系の場合は通常の配列と同じように表示される。 jquery12.fn.jquery;// 1.2.6 jquery12('div');// Object length=6 0=div#main 1=div#outer1.outer jquery13.fn.jquery;// 1.3
Firebugを活用しよう！jQueryの動作チェックに最適な『FireQuery』
皆さんご存知のFirefoxのアドオン「firebug」コーダーとかであれば、これを入れている人はかなり多くいると思います！ しかし、中には『linker』のまーしーさんや『スグラボ』のフジカワさんのように、”いまいちFirebugを使いこなせていない”なんて人もいるのではないでしょうか？ 今回はそんな方もふくめ「FireQuery」のご紹介を仕様と思います！個人的にかなり便利だと思います。 FireQueryとは？ FireQueryは、Firebugを便利にさせる機能強化アドオンで、Firebugのコンソールで楽々jQueryを使えるようにしたり、DOM画面イベントがどこについているのかとかを確認することができるようになるツールです。 ただのFirebugでもJavaScriptのデバッグや動作の確認をすることはできたのですが、FireQueryを入れることによって、jQueryを使っ
jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
10 Reasons Why You Should Be Using Firebug | Envato Tuts+
Firebug is one of the most popular tools used by web developers. In this article, we'll take a closer look at ten of its most attractive features. 1. Console The first thing you're going to notice when opening Firebug (either from the status bar or using the ctrl+F12 key combination) will be the Console panel. After a quick look, one might think that it is an alternate version of the Error Console
Firebug 1.2リリース間近、Firefox側も支援機能を追加 | エンタープライズ | マイコミジャーナル
Google, Steve Souders氏が開催したFirebug Working Groupミーティングの概要が同氏のブログで報告されている。Steve Souders氏は現在はGoogleに就職しているが、以前はYahoo!に勤務しており、Webサイトパフォーマンス分析ツールYSlowの開発を手がけていた。YSlowはFirebugで動作するエクステンション。 Firebug Working Groupの目指すところはFirebugプロジェクトを支援するボランティア組織を作っていくことにある。しばらく新バージョンが登場していないFirebugだが、Firebug自身の進歩を望む声は多い。Firebug Working Groupには支援体制を強化しFirebugの開発ペースを向上させたい狙いがある。 同ミーティングのメモによれば、次期Firebug 1.2は2008年8月中のリリース
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
