Firebugのメイン開発者、GoogleのChromeチームに加入 | スラド IT
ストーリー by hylom 2011年07月21日 14時30分 Chromeの開発ツール機能強化につながるなら良いんだけど 部門より Web開発者にとっては必携と言っても過言ではないツール「Firebug」の開発者John J. Barton氏が、Google Chrome開発チームに加入、Web開発ツール関連の業務に取り込むことになったそうだ（CNETの記事）。 Barton氏は以前はIBMの支援を受けてFirebugの開発を行っていたが、支援を打ち切られ延長はできなかったとのこと。Google Chromeチームへの加入に伴い、Firebugの開発に定期的に関わることはできなくなるそうだ（Firebugの開発者向けメーリングリストへの投稿）。
Firebug、新たなデバッガへ「変態する」（虫だけに）と宣言
Firebugはクロスブラウザのデバッガへ「変態する」と、Firebug開発者ブログのエントリ「Firebug Metamorphosis」で今後の開発方針が明らかになりました。 なぜこのような方向性が打ち出されたのか？ その理由としてあげられたのは、Firefox 4から新たに内蔵される予定のデバッガ機能です。Firefox 4からはFirebugがなくともJavaScriptのデバッグなどが可能になるとのこと。 They all have more design and development resources than Firebug and they all have a built-in advantage 彼らは私たちFirebugチームよりも多くのデザインと開発のためのリソースがあるし、なによりもブラウザ内蔵というアドバンテージがある そこで彼らはFirefox内蔵のデバッ
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と、
jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
Webサイトを“速く”表示させる7つの計測ポイント（1/2） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには？ ライブドアブログを速くした著者が7つのポイントを伝授します（編集部） Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか？ デザイナや主にHTMLのコーダー／マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
【レビュー】BOOK REVIEW - 入門者に限らず、現役エンジニアにもオススメのJavaScript本 (1) Firebugをベースに解説 | エンタープライズ | マイコミジャーナル
基礎がなければ成長不可能、しっかりと身につけよう 『独習JavaScript』(Amazonの紹介ページは こちら) 本書『独習JavaScript』はJavaScriptの歴史から構文・関数の基礎にはじまり、JavaScriptにおけるオブジェクト指向プログラミングやDOM・Ajaxの利用方法、Prototype.jsやFirebugの使い方といった最新の開発環境事情を幅広くカバーした一冊だ。本書の構成は次のとおり(抜粋)。 はじめに 第1章 はじめてのJavaScript 第2章 JavaScriptの開発環境 第3章 基本的な文法 第4章 制御文 第5章 ビルトインオブジェクト 第6章 関数 第7章 オブジェクト指向プログラミング 第8章 Webブラウザのオブジェクト 第9章 DOM 第10章 Ajax 第11章 Prototype.js 付録A Firebugの使い方 付録B Ap
FirebugでRESTfulなDBアプリに挑戦!!（1/5） － ＠IT
これまでは、Ruby on Railsの環境づくりや、既存の表（レガシー表）に対してActiveRecordを使用する方法などを説明してきました。今回は、いよいよRuby on RailsにおけるREST（REpresentational State Transfer）に迫っていきます。Ruby on Rails2.0では、script/generate scaffoldがREST対応になったことや、ActiveResourceの標準搭載、AtomPub対応など、RESTfulサービスの実装が進みました。本稿では、RESTによるデータベース操作を、さまざまな方法で体験してみましょう。 Firebugを利用したデバッグ 本稿はスクリプトの確認にFirebugというFirefoxアドインを使用します。 Firebugを利用するにはFirefoxが必要です。お持ちでない方は、以下のURLより事前
Firebugと合わせて使いたいパフォーマンス分析ツール「YSlow」 - builder by ZDNet Japan
エッジからハイブリッド環境まで 考えられる全てのインフラ基盤を検証可能 Lenovoハイブリッドクラウド検証センター Microsoft 365のデータは安全か？ クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 リスクのある暗号資産取引を追跡 ブロックチェーン分析を利用し 暗号資産取引の健全性向上を支援する！ 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ゼロトラスト対策3つのポイント ニューノーマル時代に必須なゼロトラスト セキュリティの始め方 ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 激変するビジネス環境の中でのDX モダン
Firebugでサイトパフォーマンス改善の第一歩を踏み出す - builder by ZDNet Japan
任意のJavaScriptコードを実行 Firebugのコンソールパネルではウェブページに埋め込まれたJavaScriptを実行するだけでなく、直接コードを入力して実行することもできる。その場合、入力されたJavaScriptコードは表示されているウェブページと同じコンテキスト内で実行される。したがってページ内で定義されたオブジェクトや関数などにもアクセスすることができる。 一行のコードを実行するだけならば、コンソールパネルの下部に表示されているテキストエリアに入力して[Enter]キーを押してみよう。図1は前回示したスライドショー（firebug-sample.html）のnextImage()を呼び出した例である。firebug-sample.htmlを表示した状態で実行すれば、表示される写真が最後のものに切り替わる。
【ハウツー】人気のデバッグツールが待望の新版リリース! 「Firebug1.2」を使いこなそう (1) 新版の特徴 - Firefox3正式サポート、パフォーマンスの向上など | エンタープライズ | マイコミジャ��
Firebug1.2登場 - Firefox3正式サポート、パフォーマンス向上など 8月25日(米国時間)、Firebugの最新版である「Firebug 1.2」がリリースされた。 FirebugはFirefoxアドオンのひとつで、Firefox内で閲覧しているHTML、CSS、JavaScriptの内容を分析し、編集やデバッグ、各種モニタリングを実施できる。導入が容易なうえ、強力なデバッグがおこなえることからFirebugを愛用しているWebデベロッパも多いことだろう。 今回のリリースでの変更点はおもに次のとおり。 Firefox 3の正式サポート デフォルトでFirebugのデバッグ機能が無効に。Console/Script/Netのデバッグをおこなう場合は、どの機能を有効にするか選択する サスペンド/レジューム機能 HTML/CSSにおいて外部エディタを指定することができるように e
Firebugクックブック #2 - bits and bytes
前回に引き続き、自分がよくあるブラウザ上での単純作業をFirebugコンソールで片付けている方法の紹介です。前回はブラウザに表示されているデータをこっち側に持ってくる作業をどうやっやるかでした。今回はブラウザの向こう側のデータをFirebugで操作するにはどうするかです。 ボタンをクリックさせる ウェブのサービスを使っていて、今までに投稿したものを全部消したくなったり(でもアカウントは消したくないとか)することがあります。管理画面で投稿を消すことはできるけど、いちいちクリックしていかないといけなくて面倒.... という時にはFirebugでフェイクのクリックイベントを作って送れば、自動でクリックさせることができます。 Twitterのfavoritesを全部外したい、というのを例としてあげます。TwitterのfavoritesはAPIがあるのでAPIを使う手もありますが、サービスによって
Firebug最新版、Firebug 1.2登場 | エンタープライズ | マイコミジャーナル
Firebug - web development evolved 25日(米国時間)、Firebugの最新版となるFirebug 1.2が公開された。Firebug :: Firefox Add-onsにおいてダウンロードできる。FirebugはFirefoxエクステンションとして開発されたWebサイト/アプリケーション開発支援ツール。Webデザインの調整からJavaScript開発やロード時間分析まで幅広く活用できる有益なツールだ。 Firebugは有益なWebサイト/アプリケーション開発ツールとして高い人気を誇っているが、1.2の開発は長い間ベータ扱いのままで正式版としてはリリースされてこなかった。今回正式版として公開されたことで、1.2以前のバージョンを使ってきた開発者やデザイナには1.2へのアップグレードが推奨されることになる。 Firebug 1.2 - 動作対象はFirefo
Firebugのconsoleを有効にしているとWebページ側からクリップボードを上書きされる危険性がある - 素人がプログラミングを勉強していたブログ
簡単に言うと、下のようなコードをWebページ側が仕込んでいると、ユーザーが気づかないうちにクリップボードを書き替えられてしまう。 <script> window.addEventListener("load",function(){ alert("クリップボード置き替えのテスト"); window._FirebugCommandLine.copy("クリップボードが置き替えられてしまう"); },false); </script> これは、FirebugがWebページ側に特権を昇格されてしまわないように、拡張機能と、コンソールのやり取りをイベントで間接的に行なうようにしたことに起因する問題。 以下、いろいろ調べて分かったことのメモ。 例えば、 console.log("foo"); というコードが実行されてから、実際にconsoleに表示されるまでを辿ってみる。 まず、 console.l
Firebugクックブック #1 - bits and bytes
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2009/06/05/20090604google-opens-up-internal-speed-tool-to-the-public/
Admiral
Web開発者の必須デバッグツール「Firebug 1.3.0」リリース
TheServerSide | Your Java Community discussing server side development