Backbone-Eye·Backboneアプリを開発するならFirefoxでいこう！ MOONGIFT
これは面白い！ Webアプリを開発する際に注目を集めているフレームワークBackbone。あまり厚くない仕組みになっているので理解はしやすいのですが、それでも開発時には色々難問にぶつかることがあります。そこでDevtoolsのような開発ツールが役立ちます。 さらにそれを一歩進めてBackbone専用に特化させたのがBackbone-Eyeになります。Firebug専用のツールになっており、Firefoxに元々含まれている開発ツールでは動きませんのでご注意ください。 インストール インストールはMozilla Add-onsから行えます。Firebugも忘れずにインストールしましょう。 インストールしたらBackboneアプリケーションを開きます。 使い方 こちらはサンプルのBackboneアプリケーションです。Firebugを開きます。 Firebugを開くとBackbone-Eyeのタブ
HTTP Archive Specification | Software is hard
Published:October 21st, 2009 Comments:4 Comments Category:Firebug, HAR, NetExport, Planet Mozilla We have been working with Simon Perkins and Steve Souders on an open format for exporting HTTP tracing information. It's called HTTP Archive (HAR) and we have just finished spec v1.1. The format is already supported by Firebug (with NetExport extension installed), HTTPWatch 6.2 and also DebugBar 5.3.
firecss.com Is for Sale
There's only one firecss.com domain. Once purchased, it may never become available again. Have a question about an order you placed on this website or the business that previously used it? Sav is a domain marketplace where people can buy and sell domain names that are no longer being used. If you have worked with a company/person that used this domain name in the past, it typically means that they
Firebugを拡張するアドオンをまとめてみた
Firebugを拡張するアドオンを紹介 Firecookie クッキーの編集や削除をする クッキーの変更に反応してログを吐いてくれる Software is hard | Firecookie NetExport 通信タブの記録をHTTP Archive 1.1 (HAR)形式で保存 通信タブの表示を画像としてクリップボードにコピー Firebug Autocompleter FirebugのCommand EditorにJavaScriptのコード補完機能をつける。 (Firebugにもデフォルトで補完機能はあるが、一行Command Lineにしか反応しない) Firescroll for Firebug “Auto-Scroll” 自動でFirebugのログをスクロール “Log to top” Firebugのログで上が最新になるようにするTweak Widerbug Firebu
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
FlexのログをFirebugで出力する - しかじろうがプログラム作るよ！
しかだよ。 Flexのログはconsoleにしかでないから、本番サーバーに配置したときにログが見れないから不便だよね。 ググったらFirebugにログを出力するクラスがありました。 Danny Patterson » Firebug Target for Flex Logging Framework <mx:Script> <
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と、
スナップショット機能を追加した「Firediff 0.2」発表 | エンタープライズ | マイコミジャーナル
Firediff 6月29日(米国時間)、Firediffの最新版となるFirediff 0.2を公開したことを、開発者であるKevin Decker氏が自身のブログで発表した。Firediffは、DOMやCSSの変更箇所を差分で表示するFirebug用のエクステンション。Firediffを利用するには、Firefoxのエクステンションで、JavaScriptデバックツールであるFirebugをインストールしておくことが必要。 FirediffのWebサイトによると、Firediff 0.2では以下の点が改良されている。 スナップショット機能: DOMもしくはCSSが変更された際に変更点を表示する Firebug最新版のCSSルールのInsert/Removeをサポート Firediff 0.1に存在したバグの修正 Kevin Decker氏は、開発を始めてから3ヵ月でFirediff 0
Firebug内でHTML/CSSについて調べられるアドオン「FireScope」:phpspot開発日誌
FireScope Firebug内でHTML/CSSについて調べられるアドオン「FireScope」。 Firebugを利用していると、ふとCSSを調べたくなるときなんかがあったりしますが、FireScopeをインストールすればその場でリファレンスが引けるようです。 属性のルックアップ MAPタグの使い方表示 JavaScriptも引けたらいいかもしれませんね。 【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル 関連エントリ HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」 ソースを見ながらリアルタイムで牽けるXHTML＆CSSリファレンス「HTML Playground」
Firebugについてまとめ - monjudoh’s diary
随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた
Firebugにパフォーマンスを測る機能をつけられる『Jiffy Firefox Extension』 – creamu
Webサイトの処理でどこに時間がかかっているか知りたい。 そんなときにおすすめなのが、『Jiffy Firefox Extension』。Firebugにパフォーマンスを測る機能をつけられるエクステンションだ。 これを使えば、ロードやAjaxのレスポンスなど、詳細なパフォーマンスタイムを計測することができる。 サイトを軽くしたいときに便利だろう。 Firebugにパフォーマンスを測る機能をつけられるエクステンション、チェックしてぜひ使ってみてはいかがだろうか。 ちょっと気になっていたカフェに行ってきた。こじんまりしているがとても居心地のいいところだった。 おばちゃんが「それAir？」って聞いてきたり、かっこいい店員さんに「俳優さんですか？」と聞かれたりといろいろだ。e-mobileはつながりにくかったけど。。
MOONGIFT: � Opera発Firebug対抗ツール「Opera Dragonfly」:オープンソースを毎日紹介
最近、Operaはサイトの動作確認用くらいにしか使っていなかった。Web開発者にとって、ブラウジングと開発を分けるのは面倒というもの、ブラウジングで便利なブラウザをそのまま開発に使いたいし、逆もまた然りだ。 スクリプト その点、Firefoxにとって大きな力になっていたのがFirebugだ。これがあるからFirefoxから乗り換えられない人も多いはず。そしてOperaから同種のソフトウェアが登場した。 今回紹介するオープンソース・ソフトウェアはOpera Dragonfly、Opera内蔵の開発者向けツールだ。 Opera DragonflyはOperaに内蔵して提供されているソフトウェアだ。ツールメニュー→詳細ツール→開発者用ツールから実行する。JavaScriptを見たり、コマンドラインから実行することはもちろん、DOMを使ってHTMLの階層構造も閲覧できる。 DOM 他にも読み込まれ
MOONGIFT: » Flex向けFirebug「FlexSpy」:オープンソースを毎日紹介
Webアプリケーションを開発する上で、Firebugが欠かせない。これがないとJavaScriptの開発が相当手間取っていたに違いない。インストールしていると重たくなると言われているが、それでも外すことが出来ないほど便利だ。 そう考えると他の開発環境でも同様の仕組みが欲しくなるだろう。Flexで開発を行う方は、こちらを使ってみよう。 今回紹介するオープンソース・ソフトウェアはFlexSpy、Flex版Firebugを目指す開発補助ツールだ。 FlexSpyはFlexアプリケーションに組み込んで使う。起動すると、Flexアプリケーション内で使われているコンポーネントが一覧表示される。そこで各コンポーネントのプロパティや値を監視することができる。また、その値を変えれば、リアルタイムに描画が変化する。 また、「Find Component」を使うと、カーソルをドラッグアンドドロップしたコンポーネ
IEにFirebugの機能を提供する - "DebugBar"登場 | エンタープライズ | マイコミジャーナル
DebugBarの動作例 - DebugBarサイトから抜粋 Webアプリケーション開発に必須のツールといえばFirefoxとそのエクステンションFirebugだ。その機能は驚くべきものがあり、もはやFirebugなくてはWebアプリケーション開発はできないと考えるデベロッパやデザイナは少なくない。 エクステンションが豊富に用意されているFirefoxだが、ほかのWebブラウザでも似たような機能を提供するものがある。ここでは先日新しいバージョンが公開されたDebugBarを紹介したい。DebugBarはIEを対象として開発されたツールで、Firebugの機能をIEでも実現することを目指している。 今回公開されたバージョン(5.0 beta 1)では新しくDOMタブが追加されている。DOMツリー上のノードが選択されると、Source/Style/Comp.Style/Layout/Attrs
Yahoo!がページパフォーマンス計測ツール「YSlow for Firebug」を公開 | エンタープライズ | マイコミジャーナル
Yahoo!は24日（米国時間）、Yahoo! Developer Networkを通じてWebページパフォーマンスを計測するツール「YSlow for Firebug(以下、YSlow)」を公開した。同ツールはMozilla Public License version 1.1のもとでオープンソースソフトウェアとして公開されている。 YSlowはYahoo! Exceptional Performance teamによって作成された評価基準にしたがってWebページのパフォーマンスを計測するツールエクステンション。Webアプリケーション開発におけるFirefoxエクステンションとして高い人気を誇っているFirebugに対する組み込みツールとして開発されている。 YSlowの実行例 YSlowでは「Performance」「Stats」「Component」の3つのビューが提供されている。P
Shibuya.esでFirebugの話をしました。 - nothing but trouble
スピーカ、スタッフの皆様お疲れ様でした。 中継してくださったi-revoさん、ウタゴエさんありがとうございました。 ご来場・視聴者の皆様、ありがとうございました。 今回初参戦だったわけですが、場の空気を事前に読めていなかったので、ものすごいアウェー感でした。せめて、プレゼンツール位は事前に用意すべきだったなあとか。KeynoteってShibuya.jsメンツはわかってる癖に、「どうやってJavaScriptで作ったの？」とか、「それ、Firebugで動くの？」とか。ムカついたので、FirebugのCustom Tabで動くプレゼンツールを作ってみたいと思います。 全般的に、事前準備が足りなかったので、次は頑張りたいなとか。 さて、感想です(敬称略)。 amachang 濃かった。amachang節全開。ASは殆どわからないので、ちゃんと理解するには、復習しないとダメな感じだった。 でも、ア
Firebug Lite をブックマークレット化しました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 ご存知の方も多いかと思いますが、先日 Firefox 用 Web 開発ツールの代表格 Firebug の 1.0beta がリリースされました。それはそれで嬉しいニュースですが、さらに素晴らしいことに機能限定（というかログ表示とコンソールのみ ＾＾；）ながら Firefox 以外のブラウザーでも動作する Firebug Lite も同時に公開されました。 Oper
GreasemonkeyでEmacsチックなテキストエディタ - gotin blog
Greasemonkeyでテキストエディタに影響され、 同じようなものを作ってみてしまいました。 Emacsチックにして、JavaScriptでコンフィグしたり何やりできたらいいかな〜と思い、 それを実現したつもりです。 こちら↓です。 g_editor.user.js [特徴] ・Greasemonkey名前空間内に仮想ファイルシステムを構築し、それを利用 ・JavaScriptで設定やら何やらする ・その延長で、Greasemonkeyっぽいこともできる ・その延長で、HTTPアクセスしてHTMLとかをテキスト編集エリアに出力 [使い方など] Greasemonkeyの名前空間（？）に仮想的なファイルシステム（っていうのかな？）を作ります。 ファイルパスセパレータは"/"で、ルートは"/"です。 インストール後、最初の実行状態では"/"しかありません。 が、最初の初期化処理で/init
IT戦記 - FireBug の新しいバージョンが便利すぎる件について
FireFox の拡張機能 FireBug を更新したらすごいことになっていたので共有します。 まずこれを見てください http://Sample.ECMAScript.jp/20060331.html ぱっと見の機能 HTML のソースを見ながら、属性値を直接編集できる。 影響のある CSS を即時に表示 レイアウト情報を即時に表示 インスペクト中の要素に浮上したイベントをキャプチャ インスペクト中の要素の JavaScript オブジェクトを表示 Ajax レスポンスのヘッダも確認できるようになった。 FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業効率が10倍アップする Chrome Developer Tools の使い方