Firebug Lite 1.2登場、IE Safari OperaでFirebug活用 | エンタープライズ | マイコミジャーナル
Firebug - Firebug Lite 25日(米国時間)、Firebug Liteの最新版となるFirebug Lite 1.2が公開された。Firebug LiteはFirebugの機能をJavaScriptで実装したサブセット版。ページに挿入可能なJavaScriptとして実装されているためFirefoxのみならずIE、Safari、Operaなどのブラウザでも使えるという特徴がある。 Webアプリケーション開発やWebデザイン調整に人気のあるエクステンションがFirebugだ。しかしエクステンションとして実装されているためFirefox以外では使えないという制約がある。同じデバッグ機能をIEやSafariで試したいと思っても使えない。Firebug LiteはFirebugの機能を挿入可能なJavaScriptで実装することでIEやSafari、Operaでも動作するようにし
MOONGIFT: Firebugと連携するPHPライブラリ「FirePHP」:オープンソースを毎日紹介
JavaScriptを多用する時代にあって、Firebugのありがたさを感じている人は多いのではないだろうか。開発の補助ツールとして、何らかの問題が起こった時のデバッグツールとして活躍していることだろう。 ログをFirebug上で確認できるようになる そんなFirebugがPHP開発において活用できるFirefoxアドオンがこれだ。 今回紹介するオープンソース・ソフトウェアはFirePHP、PHPと連携するFirebugだ。 FirePHPはFirebugをインストール済みの状態で使うプラグイン的なアドオン（分かりづらい）だ。PHP側でもPearを通じてライブラリをインストールする必要がある。それが終わったら、FirePHPのインスタンスを呼び出せるようになる。 サンプルのコード そしてログを出力することや、ダンプしたデータを出力できるようになる。また、コンソールにエラーメッセージを出力す
Webデバッガ最強はFirebugだが、ほかのブラウザでは… | エンタープライズ | マイコミジャーナル
JavaScriptベースのWebアプリケーションやWebサイトのデザイン調整に欠かせないツールがFirebugだ。Webブラウザ内で直接インスペクトやデバッグを実施するツールとしては実質的にデファクトスタンダードといっていい。どれも満足のいく機能ばかりだが、唯一不満な点をあげるとすればFirefoxエクステンションとして実装されているためほかのWebブラウザでは使えないというところだろう。IEが最大シェアを持っていることにかわりはなく、むしろ標準に準拠していないことが多いIEでこそ同様のツールが必要だ。 そこでKevin Yank氏がSitePointにアップしたドキュメントIn-browser Development Tools: Firebug Still Kingに注目したい。同氏は代表的なWebブラウザとそのデバッグ/インスペクトツールに言及し現状をまとめている。内容を簡単にかい
いまさら人に聞けない Firebug tips - bits and bytes
2年前の夏に書かれたFirebugの便利な組み込み関数 - 技術メモ帳を読んで、いまさらdebuggerと書くとそこからデバッガでステップ実行できるのを知ってショックでした.... lurkerさんのブログで紹介されている$0, $1 で直前にinspectしたものを参照できることも、なぜか公式のドキュメントっぽいFirebug Documentationには載っていなくて、FireBug Documentation - JoeHewitt.comには載っています。 で、もうひとつ、ソースコードにしか書かれてなさそうなやつを発見しました。$$1と$$2です。 自分はFirebugを使っていて、ときどきconsole.logで出したオブジェクトのプロパティを引数にして関数を呼んだりしたい、ということがあったけどできなくて困ってたんですが$$1でそういうことができるようになりました。 たとえば
【ハウツー】YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを! (1) YSlowでWebページパフォーマンス計測 | エンタープライズ | マイコミジャーナル
Webページの表示パフォーマンスの向上は、Webデベロッパやフロントエンドプログラマにとって永遠の課題だ。ページの表示が速いかどうかは、ユーザの満足度に大きく影響する。リッチなUIや機能を実現しつつも、ページの表示は軽くしたい。 そこで重要になってくるのが、ページの読み込み速度を測定して分析してくれるツールの存在だ。Webページパフォーマンス計測ツールを使うことで定量的に状況を把握し、改善策を練ることができるというわけだ。Webページパフォーマンス計測ツールはいくつかあるが、最も導入が簡単で、かつ効果の高いもののひとつがYahoo! Developer Networkを通じて提供されているYSlowだ。執筆現在での最新版は0.9.2となっている。 YSlowはFirebugを活用しつつJavaScriptで開発されたWebページパフォーマンス計測ツール。Yahoo! Exceptional
Firebugと連携：Webサイト分析ツール「YSlow 0.9」
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Yahoo!はオープンソースのWebサイト分析ツール「YSlow 0.9」をリリースした。同社が運営するブログ「Yahoo! Developer Network blog」にて明らかにされた。 YSlowは、Firefoxのアドオンとして動作するツール。Firebugと連携して利用可能で、Web 2.0アプリケーションの性能分析、問題点の発見を行う。 今回のリリースでは、Firebugのネットパネルとより密接な連携により、AjaxリクエストなどのDOMでないコンポーネントの発見が可能となった。また、frameおよびiframe内部のリソースを分析することも可能となった。 YSlowはMozilla Public License（MPL）
MOONGIFT: » Firebug for IE7「FireBug Lite 」:オープンソースを毎日紹介
Firebugは恐ろしいくらい便利なFirefoxアドオンだ。一時はFirefoxの重さからSafariへの乗り換えも検討したが、このFirebugのために舞い戻ってしまった。 そんな便利なFirebugであるが、他のブラウザ向けにはFirebug LiteというJavaScriptが提供されている。しかしこれはJavaScriptファイルなので、どこかのサーバに置いておく必要がある。その面倒さを解消するのがこれだ。 今回紹介するフリーウェアはFireBug Lite ++、IE7Proで使えるFirebugだ。ソースは公開されているが、ライセンスは明記されていないのでご注意いただきたい。 FireBug Lite ++はIE7Pro向けのユーザスクリプトで、IE7にFirebug Liteの機能を埋め込む事ができる。これであれば、ローカルの開発時にも使えそうだ。 機能はあまり多くはない。
Firebug で XPath を簡単に試す方法 - IT戦記
適当に XPath を試したい時に 以下のようにすれば、簡単に XPath をためせます。 document.evaluate( '//div[@class="hoge"]', // XPath 式 document, // 基準となるノード（要素とか null, // 名前空間の解決方法（適当にやるときは null 6, // 取得する形式の指定（適当にやるときは 6 null // 結果を再利用するかどうか（適当にやるときは null ); 簡単ですね。 document.evaluate、式、ドキュメント、ヌル、６、ヌル。 覚えましたか？ でも、これを Firebug で実行するとこうなっちゃいます。 うーん。これではどの要素が選択されたかわかりません＞＜ 不便ですねー。 というわけで、以下のブックマークレットを実行してあげてください。 javascript:void(XPathRe
MOONGIFT: » ActionScriptをブラウザ上でデバッグ「ThunderBolt」:オープンソースを毎日紹介
最近、Flashにはまっている。元々素晴らしい技術であることは分かっていたが、デザイナー的な位置づけが大きいと二の足を踏んでいた。が、ActionScriptだけでも様々なアプリケーションが開発できそうだと分かり、面白さを感じている。 Flash自体の開発環境は無料でも構築できる。が、デバッグが非常に面倒くさい。全てtraceで出力するしかない。だが、これを使えばFirefox上でデバッグが可能だ。 今回紹介するオープンソース・ソフトウェアはThunderBolt、Firebugを使ったActionScriptデバッガだ。 ThunderBoltを使ってFlashを表示すると、FirebugからコマンドベースでFlashを操作できるようになる。表示の大きさや表示開始位置の取得も可能だ。 コンソールからFlashの内容を動的に書き換えることもできる。サンプルスクリプトではうまく動作するが任意
YSlow － サイトのパフォーマンス向上策を教えてくれる”FireBug”拡張: ある SE のつぶやき
YSlow for Firebug via Ajaxian YSlowは、FireFoxの"FireBug"に対する拡張ツールで、Yahoo!の「Rules for High Performance Web Sites」にしたがってサイトを分析し、パフォーマンス向上策を教えてくれる超すぐれもののツールです。 分析結果は、下図のようにされますが、「1. Make fewer HTTP requests」と表示されている改善項目をクリックすれば、Yahoo!の解説ページに飛ぶこともできます。 うーん。これは、すばらしく便利！ ■関連エントリー FireBugの日本語版が公開されています FireBug1.0 正式版リリース Firebug Lite - IEやOperaでFireBugのconsoleをエミュレートするライブラリ
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
第1回 JavaScriptの復権 ― ＠IT
連載目次 JavaScriptが、いま注目を浴びている。JavaScriptの復権、といってもよい。 最初にJavaScript（当初は「LiveScript」と呼ばれていた）がブラウザに実装されたのが1995年の「Netscape Navigator 2.0」というWebブラウザでのことであるから、すでに登場から10年以上も経過しているわけであるが、そんな枯れた言語がなぜいまごろになって注目されているのか。 いうまでもない。昨今、GoogleやYahooをはじめとした多くの企業が積極的にJavaScriptを採用したリッチなユーザー・インターフェイスを公開し、これが「Ajax（Asynchronous JavaScript And Xml）」という名前とともに急速に注目を浴びたことが、その理由である（Ajaxについては拙稿「枯れた新しいUI革命「Ajax」をASP.NETで活用する」を参
FireBugで使える役立つ関数テクニック色々:phpspot開発日誌
Seifi.org Blog Archive FireBug Tips and Tricks There is so much power packed into this little FireFox plug-in. FireBugで使える役立つ関数テクニック色々。 FireBugをインストールしていても、多くの機能を使っていない方が多いのではないでしょうか？ 次のような、便利な関数がFireBugには用意されています。 console.log 関数の sprintf 風使い方(次のように、sprintf 風に使えます) var x = "fubar"; var y = 543; console.log("value of x is %s and value of y is %d", x, y); console.info 関数 で情報アイコン付きでメッセージ表示 console.in
Livedoor Reader や Livedoor Clip を読んだときに Firebug が壊れる件を修正。 - IT戦記
今まで LDR や LDC を使うと Firebug が壊れて困ってました＞＜ 原因が分かったので エントリーを書いてみました。 原因は Livedoor Reader や Livedoor Clip が parent という名前のグローバル関数を定義していること。 Firebug が parent を無条件に Window オブジェクトと判断していること。 で、修正方法 まず、 Firefox のプロファイルディレクトリに行く。 環境 プロファイルディレクトリ WinVista C:\Users\[ユーザ名]\AppData\Roaming\Mozilla\Firefox\Profiles\[ランダムな文字].default\ WinXP C:\Users\[ユーザ名]\AppData\Roaming\Mozilla\Firefox\Profiles\[ランダムな文字].default\
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
第3回 Command Line APIとその活用，各タブからのデバッグ方法：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
IBM Developer
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Purchase Intent Data for Enterprise Tech Sales and Marketing - TechTarget
