最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの

cl.pocari.org - PEAR Log を使って Firebug にログを出力する PEAR Log 1.9.11 から Firebug にログを出力することができるようになったみたいなので試してみました。 PEAR::LogでFirebugにログを出力することが出来るようになったようです。 サンプルが紹介されています。 require_once 'Log.php'; $log = &Log::singleton('firebug', '', 'PHP', array('buffering' => true), PEAR_LOG_DEBUG); $log->log('デバッグレベルのログ', PEAR_LOG_DEBUG); これは便利そうですね。

CSSMate :: Firefox Add-ons Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that i've been using for many months. I've gutted it, made each stylesheet load into a seperate tab. Removed the save load clear functionality as i found it to be useless... ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」。 次のように、ページに使われているCSSをファイルごとに編集し、リアルタイム反映できます。 ページのＣＳＳをすべて１くくりにしてしまう「Edit CSS」よ

使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」 2007年08月03日- Dust-Me Selectors Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors. 使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-Me Selectors」。 インストールするとFirefoxの右下に次のようなアイコンが表示されます。 クリックすると、次のように、表示中のページで使われていないCSSセレクタを表示してくれます。 (ファイル名、行数も表示してくれます) サイトを作っていると、CSSが次々と肥大化して使わないCSSもそのまま、ということがありますが、このツールを使えば不要なC

Firefoxのメモリ大食いグセは、アドオンが充実しているFirefoxにとって、 「これさえなければ・・・」の最たるものだった。 しかし私は昨日、ようやくマトモに効く対処法を発見したのだった。 →メモリ消費 - Mozilla Firefox まとめサイト ・・・なんかすごい普通に本家のまとめサイトなんですが、 なんで今まで試してなかったんだろう。 あたかも昨日突如としてサイトが現れたかのようだ・・・不思議すぎる・・・ すみません探し方が悪かったです m(_*_)m で、以下やり方。 プロファイルフォルダの user.js に以下を記入 // 1.メモリキャッシュの量を指定（単位はKB - 例: 16384/32768/65536など） user_pref("browser.cache.memory.capacity", 16384); // 2.ウィンドウ最小化時にメモリ使用量

FirePHP - Firefox Extension for PHP Development FirePHP allows you to take a deeper look at all the work your PHP code does to generate that page you are currently looking at in your Firefox browser. FireFoxでのPHP開発を手助けする「FirePHP」。 FireFoxのエクステンションとして動作し、FireBugの機能拡張をしてくれます。 インストールするとFireBug内に次のタブが表示されます。 サーバヘッダーで特定の文字列を返すとFireBug内、FirePHPウィンドウにその文字列が表示できます。 特定ヘッダーを出力するために、「FirePHP PEAR Package」が使え

選択したテキストのスタイル（CSS）状態を簡単に知ることができるFirefox拡張「Font Finder」 2007年02月21日- Font Finder | Firefox Add-ons | Mozilla Corporation Get all CSS styles of selected text in Firefox. 選択したテキストのスタイル（CSS）状態を簡単に知ることができるFirefox拡張「Font Finder」。 ページを見ていて、このスタイルシートはどうなっているんだろう、と思うことがあると思います。 そんな場合に使えるツールで、テキスト選択して簡単にスタイル状態を知ることが可能です。 使い方は簡単で、まず、テキストを選択 右クリックで、「Font Finder」をクリック。 すると、次のようなダイアログが表示されます。 FireBugなんかでも同じような情

Copy URL+ についてもう一度。 以前 Copy URL+ をカスタマイズで紹介していた Copy URL+ ですが、それから 2 年あまりが経ちバージョンも 1.3.2 となりました。 実は、そのまま使っていたらいくつかの機能が有効にならないということが分かったので、ここで導入からアドオンへのパッチの適用、そして機能のカスタマイズまでもう一度まとめることにしました。 Copy URL+ とは何か Copy URL+ 1.3.2 をインストールする Copy URL+ 1.3.2 に現存するバグと対応パッチ (1) Copy URL+ 1.3.2 に現存するバグと対応パッチ (2) user.js の作成と注意点 user.js のサンプルと変数一覧 Copy URL+ とは何か まず、 Copy URL+ って何さ、という方のために簡単な説明を。 Copy URL+ は Mozil

こんにちわ、hide です。 10月25日早朝にFirefox 2.0が正式にリリースされました。少し前にInternet Explorer 7も英語版がリリースされていたりして、最近Webブラウザ周りがにわかに熱いようです。 Firefox 2.0の主な変更点は次の通りで、レンダリングエンジン自体に変更はないとのこと。先日のジュンヤさんのエントリにRC2の先取りレビューがあるので、個々の機能についてはそちらを参考にして頂ければと思います。 デフォルトテーマのデザイン変更 フィードのプレビュー機能とRSSリーダ購読機能 タブ機能の強化 検索バーでのサジェスト機能 JavaScript 1.7 さて、今日はFirefox 2.0に移行する際のお勧め設定について書きます。通常の設定画面では行えない、中級者以上の方向けのちょっとだけマニアックな設定です。と言ってもそんなに難しくないので、初心

2006-10-25 ua firefox Firefox 2.0 リリース記念企画ということで、Firefox 1.5 から 2.0 ヘ移行したときにアレっと思うような変更点とか、便利な新機能を使うための Tips などを書いてみましょう。 タブの閉じるボタンが邪魔な場合は Firefox 2.0 からタブごとに「閉じるボタン」が装備されましたが、about:config などを使って browser.tabs.closeButtons の値を変更してやることで、この「閉じるボタン」を非表示にしたり、Firefox 1.5 までと同様、タブバーの端にひとつだけ表示するようにしたりすることができます。 about:config の使い方ですが、ロケーションバー（URLなどを入れるところ）に about:config と打ち込みます。次に、フィルタの欄に設定名を入れます。この場合、brows

20 FireFox Extensions That Every Web Designer Should Know About - CyberKnowledge Blog WebデザイナーのためのFirefoxエクステンション20個。 どれも便利なエクステンションばかりでまさに、Webデザイナー必須のエクステンションですね。 Web Developer Toolbar  - 定番のエクステンション。CSSオフ、ブロック要素を枠で囲むなどデザインには必須のツール。 AspellFox  - スペルチェッカー RankQuest SEO Toolbar  - googleでのサイト順位を得る OperaView  - Firefox上でOperaプレビュー IEView  - Firefox上でIEプレビュー Total Validator  - HTML Validator SEO for

Web アプリケーションテストツール Selenium のテスト記述から開放してくれる Firefox 拡張 Selenium IDE 2006-02-15-3: [Firefox][JavaScript] http://www.openqa.org/selenium-ide/ JavaScript を使ってブラウザを介して Web アプリケーションのテストをしてくれる とても便利な Selenium． Selenium のテストを書くのが結構めんどくさかった． このテスト記述から開放してくれる Firefox の拡張があった！ - Selenium http://selenium.thoughtworks.com/ Google で「Selenium」で検索してその検索件数が意図した件数と合致するかテストすることにする． まず，Firefox の [ツール] - [Selenium ID