FireQuery - jQueryを扱う際に便利なFirebug拡張 - - monjudoh’s diary
FireQuery is a Firebug extension for jQuery development jQueryを扱う際に便利なFirebug拡張 現在のバージョンは0.3 結構前に紹介されていたけど、ちゃんと使いこなせてきた感じなので紹介する。 以下、各機能について紹介と解説。 jQueryオブジェクトのconsoleへの表示 jQueryオブジェクトをFirebugのconsoleへの出力 1.2系の場合通常のオブジェクトとして表示されてしまいどの要素を抱えているかぱっと見て把握出来ない、 1.3系の場合は通常の配列と同じように表示される。 jquery12.fn.jquery;// 1.2.6 jquery12('div');// Object length=6 0=div#main 1=div#outer1.outer jquery13.fn.jquery;// 1.3
FirefinderはJavaScriptプログラマ以外も使うべき - monjudoh’s diary
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i
firefox 3が遅くなった→ SQLite reindexで解決＆高速化 - しおそると
Firefox 3を使っていて、起動が異様に遅くなっていて困っていました。 今回、どうやら解決した模様なので備忘録までに記載します。 Firefox 3にバージョンアップしてから、メインで利用しているPCで Firefox の起動が遅くて仕方がない、ipv6検索を無効にするとか試してみたけどもかわず、という状態でした。 だいたい同じAdd-onを 他のPCにも入れて利用していますが、そちらははそう遅くはないので、プロファイル系かあ、までは切り分けしてそのまま利用しておりました。 プロファイル再作成、面倒ですしね。 で、ふと思い立って Firefox 3 で利用している、SQLite データ群をかたっぱしから Reindex したら、 昔のスピードが再現しました。はやい！ 改善：２つ １）起動が速くなった（起動に1-2分かかる→すぐ起動。劇的に改善。） ２）サイト表示もはやい。 cookie
【ハウツー】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勧告に準拠しているかどうか 各種ブラウザ対応状況(
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
窓の杜 - 【特集】「Firefox 3」対応拡張機能カタログ 第1回
6月18日、「Firefox」v3の正式版がついに公開された。アップデートの目玉はやはりレンダリングエンジンが高速化したこと。“史上最速”の謳い文句に惹かれて「Firefox」を導入してみたという人も多いだろう。 しかし、「Firefox」の最大の魅力はなんと言っても“拡張機能”による柔軟なカスタマイズだ。最近はアドオンによるカスタマイズ機能を備えたWebブラウザーも増えたが、アドオンの種類や量で「Firefox」に匹敵するWebブラウザーはない。 「Firefox」v3では、拡張機能の管理機能の強化や、導入時のセキュリティ向上が図られ、より安心して拡張機能を利用できるようになった。また、v3の新機能を利用した新しい拡張機能も登場するなど、拡張機能を取り巻く環境も大きく変化している。そこで本特集では、既存のユーザーはもちろん、「Firefox」を初めて利用するユーザーにもお勧めできる拡張機
ウェブ制作にかかせない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
Mozilla Re-Mix: 悪意のあるサイトの活動を阻止するFirefox用セキュリティアドオン「Firekeeper」
ネットが拡大するにつれて、残念ながら悪意のあるサイトも同様に数を増していきます。それらの悪意から実を守るのはPC・ネット利用者であるあなた自身なのは言うまでもありません。 Firefoxには、そういったセキュリティ系のアドオンも多数用意されていますので、ユーザーとしては使わない手はありません。 ネットで一番多用するブラウザレベルで悪意のあるサイトを検知し、ブロックしてくれるFirefoxアドオン「Firekeeper」は、その中でも簡単で優秀なセキュリティツールです。 「Firekeeper」は、IDS（Intrusion Detection System）と呼ばれるネットワーク侵入検知システムをFirefox上で作動させ、ブラウジング中に遭遇する悪意のあるコンテンツから身を守ることができるというものです。 同様のツールでオープンソースのSnortというものがありますが、それと同じような機
秋元@サイボウズラボ・プログラマー・ブログ: YSlow for Firebug ページのチューニングを助言してくれるFirefoxアドオン
via Ajaxian Yahoo! Developer NetworkからリリースされたYSlowは、Firefox+Firebugのアドオンとして、ページの表示速度の改善点を列挙してくれるというツールだ。 ここのところ、ウェブサイトのパフォーマンス改善で積極的に資料を公開しているYahoo!が、ツールも出してきた。今日のOSConにて発表されたもののようだ。 アドオンをインストールして任意のページを開くと、Firebugのメニューの中にYSlowが追加される。Performanceのタブには、パフォーマンスの点数(下記では「C(71)」)と、13の項目のそれぞれについてパフォーマンス対策がされているかどうかを、A～Fのグレードで表示してくれる。 それぞれの指摘をクリックすると、Yahooの解説ページに飛んで、何がパフォーマンスの障害になっているのか、何をどう直すと改善されるのか、が読め
リアルタイムに XHTML の文法やアクセシビリティを検証できる Firefox 機能拡張「Html Validator」
XHTML の文法チェックには Another HTML-lint gateway や、The W3C Markup Validation Service が有名ですが、そのサイトに行かなければならないのがやや面倒という方に、リアルタイムに XHTML を検証できる Firefox 機能拡張「Html Validator」を紹介します。 「Html Validator」は、XHTML のバリデーション以外に、アクセシビリティのチェックや、ソースコードのクリーンアップ（ソースの自動修正）まで行ってくれるスグレモノで、Firefox ユーザにはポピュラーな機能拡張のひとつです。 すでにご利用の方も、記事後半にデフォルト設定以外の項目について詳細に記しておりますので、より活用できるのではないかと思います。 以下、Firefox をご利用でない方向けに、Html Validator のインストール
窓の杜 - 【NEWS】スタイルシートのソース表示に特化したFirefox拡張「View formatted source」
スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 本拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表
テキスト選択からあらゆることができちゃう Firefox 用拡張機能 | Hyperwords - Forgot the Milk.
久々に強力な拡張機能を発見しました。Firefox用のアドオン「Hyperwords」 は、テキスト選択に反応してサブメニューが表示され、そこから選択ワードの検索など、様々なことができるようになるツールです。 ほんの一例をあげると、メニューから以下のようなことができます。 ・Web、画像、ビデオ、SNS、ブログ、ユーザ、ニュースなどの様々な検索 ・Wikipediaを始めとする様々な辞典検索 ・14ヶ国語をサポートした翻訳（選択されたテキストが置換されます！） ・リンク先のURL＆テキストコピーなどの拡張コピー ・Amazonなどのショップ検索 ・Gmailの新規作成画面への転送などのメール機能 ・Googleマップ、Yahooマップなどの地図検索 すばらしいですね。いちいちコピーして、他のページを立ち上げて、検索を実行して・・・という手順を全て省くことができちゃいます。 でも、このツール
Forgot the Milk. - Firefox のタブ管理を極めるための１２の拡張機能
Firefox 勉強シリーズ第３弾、今回は Firefox のマルチタブ機能をより効率的に、より個性的に使いこなすための拡張機能を調査・勉強してみました。ダイジェストで一気に紹介します。 まだこちらを見てない方は、こちらもどうぞ Firefox の意外と知らない10の基本機能 - Forgot the Milk. Firefox のメニューバー・ツールバーを徹底的にカスタマイズする方法 - Forgot the Milk. 1. Tab Mix Plus https://addons.mozilla.org/ja/firefox/addon/1122 タブカスタマイズの王道。タブに関する様々な設定をすることができます。 ブックマークや検索バー、ロケーションバーからページを開く時に新しいタブに開けたり、新しく開いたタブにフォーカスできたり、全てのウィンドウのタブをマージできたり、タブ履歴を自
ITmedia Biz.ID：第7回 Firefoxを高速に操作する10の技
Internet ExplorerからIEコンポーネントのタブブラウザ（Donut）へ。そしてFirefoxへと、筆者のブラウザ環境は変遷してきた。 今回は、Firefoxを使ってWebブラウズするときに、高速に操作する10の技を紹介する。いや、設定を細かくカスタマイズするというよりも、どちらかというと使い手側をカスタマイズする。Webブラウザはマウスで操作するもの──という思いこみを捨てて、驚くほど速いキーボードブラウジングの世界へ来てみよう。 （1）タブを切り替える Firefoxはタブブラウザだから、当然多くのタブを開きながら操作することになる。そしてタブを行き来しながら、ページを見たり、違うタブを開いて入力したりするわけだ。ここはぜひマウスを使わずに、キーボードショートカットで済ませたい。基本となるのは下記の3つだ。 ［Ctrl］＋［Tab］ タブを順に切り替える。お勧めはタブ機能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Web ページの中の住所表示を自動で Google Maps へのリンクにしてくれる Greasemonkey スクリプトと iPod touch 用 Bookmarklet
Firefox 3の「スマートブックマーク」を使いこなそう！ | IDEA*IDEA
Firefox 3で導入したアドオンまとめ | IDEA*IDEA
Greasemonkeyの開発をまとめてみる
http://www.towofu.net/mt/archives/2006/02/14_03_10.php