さよなら、Firebug | プロダクト・サービス | POSTD

2017/11/07 326 users POSTD 終焉 Firefox Quantum プロダクト

Firebugはこれまでに驚異的な成功を収めており、その12年の歴史において、オープンソースのツールとして人気を築き上げてきました。そのような中、Firefox Quantum (バージョン57) で、Firebugが終焉を迎えます。Firebugプロジェクトが残した素晴らしい功績を振り返り、懐かしみましょう。最も人気が高くパワフルなWeb開発ツール。 Firebugはこれまでに驚異的な成功を収め... 続きを読む

リモートWeb開発者ツール「Vorlon.JS」｜Web Design KOJIKA17

2015/11/18 104 users Vorlon.JS Dragonfly Microsoft

Web開発者ツールといえば、ブラウザに付属されている開発ツールやFirebug、Dragonflyなどを思い浮かべる方が多いでしょう。これらの開発ツールはブラウザに大きく依存しています。 今回紹介するのは、プラットフォームに依存しないリモートWeb開発者ツール「Vorlon.JS」です。 Vorlon.JSについて Vorlon.JSは、Microsoftが開発しているオープンソースプロジェクトで... 続きを読む

Firefoxの開発ツール

2013/11/12 122 users Firefox 開発ツール ツール 資料 JavaScript

Firefoxの開発ツール Presentation Transcript Firefox 開発ツール Mozilla Japan
 清水智公 (nshimizu@mozilla-japan.org) 2013/11/11 この資料について • JavaScript での開発を助けるツールの紹介 • 想定する読者 • これまで Firebug を利用して来た方 • JavaScript で開発をさ... 続きを読む

Reveal - naoyaのはてなダイアリー

2013/06/04 261 users developers naoya iOS Reveal 知人

Reveal (http://revealapp.com/) なる iOS 向けのランタイムインスペクタなるものを知人のツイート経由で見つけた。ランタイムインスペクタとは何か ･･･ "Reveal brings the power of tools like Firebug and Web Inspector to iOS developers." ということでiOS アプリ用の Firebug... 続きを読む

【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（後編） : アシアルブログ

2012/09/07 224 users consoleオブジェクト JavaScript log

こんにちは、橋本です。 前回にひきつづき、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 consoleオブジェクトには以下の19個(logを除くと18個)のメソッドがあります。 assert count debug dir dirxml error group groupCollapsed... 続きを読む

【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編） : アシアルブログ

2012/08/07 539 users consoleオブジェクト Console アシアルブログ

こんにちは、橋本です。 今回と次回の２回にわたり、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 Javascriptのコードをデバッグする際に、console.logを使ってメッセージやオブジェクトの内容をログに表示することがあるかと思いますが、 この「console」オブジェクト、実はl... 続きを読む

ウェブ開発者必携の「Firebug」をiPhone, iPadで利用する方法*二十歳街道まっしぐら

2011/12/14 373 users iPhone function return Safari

まず、iPhoneのSafariでどこでも良いのでページを開いてブックマークしましょう。 そして「How to use Firebug on your iPad and iPhone」に書かれているJavaScriptをコピーします。 javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'N... 続きを読む

FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい | Web scratch

2011/04/24 488 users Firefox Web scratch 進化 正式 すごい

Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で)現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定... 続きを読む

【ひとりStartMac】 Firefoxに導入したアドオン＋Greasemonkeyスクリプトまとめ（2010/11版） - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/11/03 265 users IDEA Older Firefox デバッグ アドオン

Home > Firefox関連 | StartMac > 【ひとりStartMac】 Firefoxに導入したアドオン＋Greasemonkeyスクリプトまとめ（2010/11版） Older さてお次はFirefoxで導入したアドオンとか行ってみますかね。 Firebug これのためにFirefox使い続けています。デバッグの最強ツール。 Gmail Manager 定番。Gmailへのアクセ... 続きを読む

Firebugの意外と知られていない機能紹介（プログラマ向け） | tech.kayac.com - KAYAC engineers' blog

2010/07/29 620 users index.php ago KAYAC engineers

羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mous... 続きを読む

Firebugの使い方 | THE HAM MEDIA

2010/06/25 1288 users 使い方

札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。 jQuery plugin 自作plugin JavaScript (X)HTML CSS SEO 日記 プロフ Webコン Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい... 続きを読む

ブックマークレットサービス・Hatena::Let を作りました - 川o・-・）＜2nd life

2010/05/15 358 users Let ラボサービス ブックマークレット 2nd life

ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。http://let.hatelabo.jp/未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を... 続きを読む

[N] ウェブ開発者に人気のFirefoxアドオン10

2010/03/11 359 users ウェブ開発者 ウェブデザイナー アドオン 人気 エントリー

10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると良いのですが。1. Firebug :: Add-ons for FirefoxFirefox上でCS... 続きを読む

使っていないCSSを見つけ出す方法 | エンタープライズ | マイコミジャーナル

2010/03/08 465 users エンタープライズ CSS マイコミジャーナル オンザフライ

Windows Internet Explorer 8 オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属しているか、付属していなくてもFirebugのように実質的にデファクトになっているツールが提供されおり、そ... 続きを読む

Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - 文殊堂

2010/02/23 354 users ブレークポイント Console 文殊堂 false 出力

JavaScript, Firebug, tipsFirebugでは条件付きブレークポイントが使えるので、scriptタブにて該当行にブレークポイントを貼り、条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こう... 続きを読む

Webのバグを燃やしまくるFirebugと、そのアドオン7選 (1/3) - ＠IT

2009/12/03 840 users パク web

近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグ... 続きを読む

小粋空間: Firebug の使い方：(X)HTML と CSS の確認・修正方法のまとめ

2009/07/21 417 users CSS HTML Firefox アドオン ご存知 空間

Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に３項に記した、(X)HTMLとCSSを一発で確認する方法はおすすめです。 １．基本：(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示... 続きを読む

MOONGIFT: » jQueryを使った開発に便利！Firebug + jQuery「FireQuery」:オープンソースを毎日紹介

2009/06/28 332 users MOONGIFT jQuery エレメント Firefox

Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだ... 続きを読む

Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net

2009/03/02 716 users 実践

最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Tue, 03 Mar 2009 22:39:44 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会... 続きを読む

【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル

2009/02/23 375 users リファレンス アドオン ハウツー プロパティ エンタープライズ

あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコ... 続きを読む

ウノウラボ Unoh Labs: CSSを書くときに使っているツールの紹介

2008/08/06 263 users ウノウラボ CSS Unoh Labs inspect ツール

yamaokaです。 今回は、ぼくが普段CSSを書くときに使っているツールを紹介します。 Firebug 入手先: Firebug :: Firefox Add-ons Firebug posted by (C)フォト蔵 もはやJavaScriptの開発には欠かせなくなった感のあるFirebugですが、CSSを書くのにも使えます。 ボックス要素を調査（inspect）、CSSを書き換えてレイアウト... 続きを読む

ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス

2008/07/10 508 users コリス デバッグ アドオン CSS Firefox

Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Fir... 続きを読む

特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社

2008/05/07 912 users リリース 本連載 JavaScript 処理 gihyo.jp

堀邦明 Firefox 3のリリースが2008年6月頃になると発表されました。Firefox 3より，JavaScript 1.8に対応され，より洗練されたJavaScriptを利用することができます。また，高速化されたJavaScriptの処理により，あなたのJavaScriptによる開発を手助けしてくれることでしょう。 本連載では，この最新のFirefox 3と，JavaScript開発でのデ... 続きを読む

Firefox の拡張機能をふとした時に手元でチョコチョコいじれるようにしとくと楽しい - IT戦記

2007/11/30 262 users Firefox IT戦記 手元 拡張機能 XPath

この記事でFirebug ハッキング Tips を纏めたい Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記とか言ってたけどその前に、僕は Firebug だけじゃなくて、だいたいの拡張機能で、簡単に「チョコチョコいじれる化」というのをしてるのでそれを書いてみます。 チョコチョコいじれる化とはjar ファイルを解凍しておいてすぐ書き換えられるようにし... 続きを読む

JavaScript開発ツールの本命！ FirebugとAptana（1/3） − ＠IT

2007/11/16 306 users Aptana 新谷剛史 セカンドファクトリー 本命 リリース

どこまでできる？ 無料ツールでWebサイト作成（4） JavaScript開発ツールの本命！ FirebugとAptana 株式会社 セカンドファクトリー 新谷剛史 2007/11/16 ついに「Aptana STUDIO」がリリース 先日、連載第1回と第2回で紹介したAptanaが、2年にわたる開発期間を経て「Aptana STUDIO 1.0」としてリリースされた。 「Aptana STUDI... 続きを読む