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タブに表示させた後、そこをクリックみたいにやっていた
koress.jp: Firebugの虫アイコンを変更する方法
はじめまして。珍しくデザイナーのぼのです。 先月、Firebugのバージョンが新しくなりましたが、 それに伴って、ステータスバーにあったアイコンが ご丁寧にもリアルな（ゴキブリのような）ホタルアイコンになってしまいました。 特に虫嫌いの女子の方は敏感だと思いますが、 いつもウィンドウの右下にたたずんでいるコイツが、気持ち悪くて許せなくてなりません。 しかもコンソールを開くとさらにひとまわりでかいのが、表示されるではありませんか...orz というわけで、このアイコンを簡単に変更する方法をご紹介、 さらに虫の形状は保ちつつも、ちょっとかわいい代替アイコンも自作してみました。 まずは簡単に、アイコンの変更方法から。 Firebugで使われているデフォルトのアイコンを上書きするだけで、変えられます。 アイコンの画像が格納されているパスは（）内が個人によって微妙に違いますが、 階層としてはこんなか
Wired-Marker ホーム：ブックマーク、情報収集・整理・共有のためのFirefox無料アドオン
「Web上で調べ物をすると時間ばかりたってまったくまとめが進まない！」そんな苦労はもう終わり。 WEBページにマーカーを引いて情報の強調・分類ができ、後からマーク箇所の再参照も簡単です。 写真や表もマーク可能。あなたが調べ物をする背後でレポート書きに必要なすべての情報保存を行います。 Wired-Markerとは Wired-MarkerはWebページに引く「消えないマーカー」です。マークした情報は自動的にブックマークされ、マークした位置にすぐ戻る"電子栞"となります。マーカーの色・形は自在に変えられます。マーカー操作は選択領域をマーカーフォルダにドラッグ＆ドロップするだけ。文章だけでなく写真や表、画面の一部でもマーク可能。マーカーにメモ書きも残せます。 Webページに引く「消えないマーカー」として Wired-Markerでマーカーを引くと、ページを再度開いた時にもマーカーは残ったまま消
Wired-Marker – Get this Extension for 🦊 Firefox (ja)
Wired-MarkerはFirefox57以降では動作しません。 ・Wired-Markerとは Wired-MarkerはWebページに引く「消えないマーカー」です。マークした情報は自動的にブックマークされ、マークした位置にすぐ戻る"電子栞"となります。マーカーの色・形は自在に変えられます。マーカー操作は選択領域をマーカーフォルダにドラッグ＆ドロップするだけ。文章だけでなく写真や表、画面の一部でもマーク可能。マーカーにメモ書きも残せます。 ・Webページに引く「消えないマーカー」として Wired-Markerでマーカーを引くと、ページを再度開いた時にもマーカーは残ったまま消えません。強調したい箇所にマーカーを引いて残しておけるので、ページをブックマークしたけれど後から重要な箇所が分からなくなったという事もありません。 マーカーの色や形はお好みで無限に作れますので、色や形で情報を分類す
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
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
Firebug – Get this Extension for 🦊 Firefox (en-US)
On November 14, with the launch of Firefox Quantum (AKA 57), support for old school extensions will stop in Firefox. That means Firebug will no longer work for many developers. However, the work continues in the great Firefox devtools. You can try Firefox devtools by updating your release browser or downloading Developer Edition. Read more here Follow Firebug news on Twitter Compatibility table: F
MOONGIFT: » Firefox上で動作するSQLiteフロントエンド「SQLite Manager」:オープンソースを毎日紹介
Ruby on Railsで開発を行う際に、デフォルトで採用されるデータベースがSQLiteになっている。インストール不要で使えるとあって、最近ではPythonなどでも利用されるようになってきている。もちろんPHP、Java、Perlなどでも利用されている。 メイン画面 Ruby on Railsの開発を行うということは、通常はブラウザベースのシステムになる。そしてSQLiteで開発となれば、この選択もある意味正しいのかもしれない。 今回紹介するオープンソース・ソフトウェアはSQLite Manager、Firefoxアドオンとして動作するSQLiteフロントエンドだ。 SQLite ManagerはFirefoxやThunderbird、Seamonkey、はたまたSongbirdやKomodo IDEでも動作するSQLite管理インタフェースだ。さらにXULRunnerを使って一つのア
MOONGIFT: Firebugと連携するPHPライブラリ「FirePHP」:オープンソースを毎日紹介
JavaScriptを多用する時代にあって、Firebugのありがたさを感じている人は多いのではないだろうか。開発の補助ツールとして、何らかの問題が起こった時のデバッグツールとして活躍していることだろう。 ログをFirebug上で確認できるようになる そんなFirebugがPHP開発において活用できるFirefoxアドオンがこれだ。 今回紹介するオープンソース・ソフトウェアはFirePHP、PHPと連携するFirebugだ。 FirePHPはFirebugをインストール済みの状態で使うプラグイン的なアドオン（分かりづらい）だ。PHP側でもPearを通じてライブラリをインストールする必要がある。それが終わったら、FirePHPのインスタンスを呼び出せるようになる。 サンプルのコード そしてログを出力することや、ダンプしたデータを出力できるようになる。また、コンソールにエラーメッセージを出力す
MOONGIFT: » マーカーを付けるFirefox用スクラップブック「Wired-Marker」:オープンソースを毎日紹介
インターネットを使って調べものをする機会が増えている。そして気になった情報はブックマークに登録しておき、後で呼び出せるようにする。だが、後で見たときにどの部分が大事だったか、何に使うつもりだったのか忘れてしまうことがある。 Webページにマーキングができる 書籍や雑誌であれば、覚えておきたいページにしおりをつけたり、折り曲げたりして、さらにマーカーで線を引いたりもするだろう。そんなアナログな雰囲気をブラウザで再現してくれるのがこのソフトウェアだ。 今回紹介するフリーウェアはWired-Marker、Firefox用のスクラップソフトウェアだ。 Wired-MarkerはFirefoxアドオンとして動作するソフトウェアで、ブラウジングしている最中に文字列を選択し、マーカーをつけることができる、複数の色があり、目的に応じて使い分けることが可能だ。スクラップしたデータにはメモをつけることができる
MOONGIFT: Webを手早くクリッピングする「Tombloo」:オープンソースを毎日紹介
ソーシャル系のサービスは多数乱立しており、目的や用途に応じて使い分けている人も多いのではないだろうか。例えば写真はflickr、引用はtumblr、ブックマークはdeliciousといったいった具合だ。 ポスト画面 だがそれらのサービスをデータに応じて選択するのは手間がかかる作業だ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはTombloo、Webデータを選別してクリッピングしてくれるソフトウェアだ。 Tomblooはブラウザと各種Webサービスとの間に立って、振り分けを行ってくれるソフトウェアだ。対応サービスは数多く、Tumblr/FriendFeed/FFFFound/Flcikr/WeHeartIt/4u/Gyazo/Twitter/Jaiku/Google Bookmarks/Delicious/Snipshot/はてなフォトライフ/はてなブックマーク/はてなダ
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
2000本超のファミコンソフトをブラウザ上でプレイできる拡張機能「Firenes」（無料） | ライフハッカー・ジャパン
Firefoxのみ(Windows/Mac/Linux)：今回ご紹介する「Firenes」は、ブラウザ上でファミコンソフトをプレイできるというFirefoxのアドオン。なんと2000本を越えるソフトがアーカイブされているんですよ。 インストールしてブラウザを再起動させた後に、「ツール」の中にできた新しい項目「Firenes」をクリックして起動。そしたら、サイドバーにズラリと長大なライブラリーが表示されます。その中からお好みを選べば、あの懐かしの8-bitゲームをその場で遊ぶことができちゃうんですねー。 もしこれ以上、アドオンを増やしたくないというのであれば、以前、米ライフハッカーでご紹介したサイト「vNES」や「Nintendo8」を試してみてはいかがでしょう。いずれにしてもこれはいい暇つぶしになりますよ。でも、懐かしさにかまけて、あんまり我を忘れて没頭しないようにしてくださいね。 「Fi
Ubiquity0.1.1をエンターキーの日本語変換確定に対応させてみた - 遥かへのスピードランナー
10/23追記：最新のUbiquity0.1.2に対応したバージョンはこちらです。 先日、Ubiquity0.1を日本語入力に対応させてみたというエントリーをUPしたところ、すぐにUbiquity0.1.1がリリースされてしまったわけですが*1、この0.1.1もまだEnterキーでの日本語変換確定に対応していないようなので*2、対応版を作ってみました。 Ubiquity0.1.1エンターキーでの日本語入力対応版ダウンロード ※自動アップグレードなどは元のプラグインと同様に行われます（ただしアップグレード時に、本対応が失われる可能性があります） 修正箇所は前回と同じで、KeyDownイベントでエンターキーの入力を捕捉している箇所をKeyPressイベントでの捕捉に変更しただけです。それ以外の箇所は一切変更していません。 最新の開発レポジトリでは、この問題は修正されているようなので、次回アップ
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
「時間泥棒はここだ！」使った時間を可視化してくれる “Slife” | Lifehacking.jp
時とはなんだろう？ 神秘である それはいったい何を生むのであろうか？ 変化を！ トーマス・マン「魔の山」 最近、しだいに、しだいに、自分の時間がしぼり尽くされてゆく感覚に襲われています。一つ一つの活動は充実感たっぷりなのですが、積み上がるとたいへんなことに…。とはいっても、私は毎日ベッドでゆっくりごろごろしなければ眠れないのんきもの。どうやってこの「ごろごろ時間」を手に入れるかは、とても大きな課題なのです。 ここひと月はできる限り無駄を省き、７時過ぎに帰宅するようにしていた時間を６時台に前倒ししていますし、金曜日はもとより有給休暇モードです。ブログも時には犠牲になっていますが、書き終わるまでの時間を短縮するために「ネタを仕入れる時間」「構想時間」「執筆時間」をそれぞれタイムシフトして構想は歩いているときに行うようにしたりしています。 最後が隙間時間の徹底した回収。隙間時間に何かをするよりも
定型作業を記録して再生できるFirefox拡張『iMacros』 | POP*POP
ブラウザで同じ作業を繰り返すことが多い人にとっては便利なFirefox拡張です。 この「iMacros」ではWeb上の操作を記録し、編集したり、再生したりすることができます。 » iMacros for Firefox 下記に使い方をご紹介。 ↑ サイドバーから操作します。 ↑ 操作を記録する場合には「Record」を選択。 ↑ 操作はこのように記録されていきます。終わる場合は「Save」をクリックして保存します。 ↑ 再生する場合には「Play」をクリック。繰り返す回数を設定することもできます。 また、記録したマクロはCSV形式で書き出せるのであとで自由に編集することもできます。 たとえば次のように使うことができますね。 サイト毎にＩＤとパスワードを自動的に入力する。 写真などを自動的にWebにアップロードする。 Webサイトのテストとしてレスポンス速度などを記録する。 なんとなく毎日同
窓の杜 - 【NEWS】Webページ上の操作をマクロとして記録・再生できるFirefox拡張機能「iMacros」
Webページ上の定型操作をマクロとして記録・保存できる「Firefox」用拡張機能「iMacros」v0.6.1.1が、9日に公開された。「Firefox」v1.5以降に対応する寄付歓迎のフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.3で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「iMacros」は、Webページ上での定型操作を記録・保存して、日々の作業を自動化できる「Firefox」用の拡張機能。フォーム入力やチェックボックスのON/OFF、リンクやボタンのクリックといった日々の定型作業を自動化してくれる。 本拡張機能をインストールすると独自のサイドバーが追加され、このサイドバー上で操作の記録を開始・停止できる。記録したマクロは、任意の名前を付けて保存できるほか、フォルダを作成してカテゴリーごとにツ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
https://www.firenes.com.ar/