【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
Mozilla Re-Mix: Firefoxの[places.sqlite]をワンクリックで最適化できるアドオン「Vacuum Places」
先日のえむもじらさんの記事に、places.sqliteを再起動せずにVacuumする方法が載っていましたので、早速試してみました。 記事中では、主にエラーコンソールでコマンドをたたく方法について書かれていましたが、今回は追記にあったアドオンを使う方法により、実行してみました。 SQLiteデーターベースの最適化により、Firefoxを高速化する方法はよく知られていますが、その方法はちょっと複雑なもので、初心者の方などには分かりにくいものでしたが、以前記事にした「SQLite Optimizer」などを使えばワンタッチで最適化することができます。 しかし、こちらは[Reindex](インデックスの付け直し)という役割を果たすもので、Vacuumまでは実行することができませんでした。 追記：さきほど確認したら、最新版の0.6からはVacuumも実行できるようになっていましたので訂正します。
Webデザイナ向けFirefoxエクステンション19 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて19 Firefox Add-ons For Designersのタイトルのもと、Webデザイナ向けのFirefoxエクステンションを紹介している。Webデザインの作業をおこなうにあたり、複数のプログラムを起動して使うのではなく、1つのプログラムで複数の処理を簡単に行いたいという趣旨の内容になっている。紹介されているエクステンションは次のとおり。 カラーツール ColorSuckr (画像から代表的な色を12色取り出して、そのデータからカラースキーマを作成する) ColorZilla (ページのみならずブラウザの任意のポイントのカラーをピックアップするツール。任意の2点間の距離も測定できる) F
拡張機能の個別設定をバックアップできる「OPIE」拡張 | OSDN Magazine
Firefoxの環境をバックアップするアドオンとして、「FEBE（Firefox Environment Backup Extension）」を先日紹介した。しかし残念ながら、FEBEではバックアップが取ることができないものがある。それは、アドオンの個別設定だ。FEBEでは、アドオン本体のバックアップは取れるのだが、それぞれのアドオンの個別設定まではバックアップが取れないのだ。もし、それぞれのアドオンの個別設定を、デフォルトのままで利用しているというのならば、それでもまったく問題はない。しかし、自分が使いやすいようにカスタマイズして利用していた場合、FEBEでバックアップした内容をリストアしたとしても、同じように使うためには、また設定をし直さなければならないということになる。多くのアドオンをインストールしていた場合は、かなり手間がかかってしまうし、面倒だ。そこで登場するのが、FEBEと同じ
Tomblooを使えばたった１秒で「はてなブックマーク」できる*二十歳街道まっしぐら（FC2ブログ時代）
「Tombloo」というFirefoxアドオンがあります。 これを使えば、簡単に「Tumblr」や「Twitter」その他Webサービスに投稿することができます。 いろんなサイトに対応していて、設定次第では手放せないツールになります。 そんな「Tombloo」を利用して，「はてブ」をする方法を以下にのせておきます。 （2009/03/07/14:24 キーボードだけでブクマする設定を追記しました） はてなブックマークレットを使っても簡単にブックマークすることができます。 しかし、ブックマークレットの仕様で多少使いづらいなあと思うところがあります。 一番気になるのは、ブックマークレットを押したとき！多分リロードしていますよね。 普通のウェブページだと大丈夫なんですが、 YouTubeやニコ動などの動画サイトでやると動画が再ロードされちゃいます。 あと、タグ付で、[はてな]みたいに [ と ]
【ハウツー】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勧告に準拠しているかどうか 各種ブラウザ対応状況(
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
Fasterfoxが最強すぎる件 - 真性引き篭もり
…すごい。 体感速度が目に見えるほど上がった。 ちょっと感動したので、すかさず記事にしておくー。 ※通信が早くなるだけで、起動とかは特に変わりません。 ほとんど設定不要だし、お手軽なのでとりあえず入れてみれば良いかと。Firefoxの通信関係をいじらずにデフォルトで使っている人はそうとう効果を実感できるのではないかと思います。 設定は拡張機能経由ではなくオプション経由で行う。 インストール時のデフォルトは、この『ターボ チャージャー』。 最大性能。RFC 仕様を超える設定でウェブサーバーへ接続します。 という文句がなにげに漢気だだ漏れってカンジです。 この拡張はページのレンダリング速度も測定できるので、 とりあえず比較のためにデフォルト時の性能を見てみます。 ノーマルモード時のMMトップページ読み込み速度。 ↓ターボチャージャーにしてみます。 若干はやくなっていますな。 ↓一回リロードする
Gmailを便利にするFirefox 3のアドオン厳選8つ
Firefox3にしてからGmailのアドオンを整理していたところで13 Gmail Extensions for Firefox 3のエントリを見て、知らなかったものを含め、使えそうなGmail拡張用アドオンがあったので13個の中から8つを選んでみました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Gmailを便利にしてくれるFirefox 3のアドオン8つ すべてFirefox 3.0.3で動作確認済みです。 場合によってはプラグインのダウンロードにMozzilaアカウントが必要になるものもあります。 【2008-10-03 追記】 小見出しに９つと書いたままにしていました、すみません。 理由は、GTD Inboxがうまく動作せずに途中で削除したからです。これはちょっと残念。 1. Be
Firefox Hacks：知らないと確実に損するUbiquity環境構築法 (1/2) - ITmedia エンタープライズ
最近大注目のFirefox拡張機能「Ubiquity」。自分でコマンドを自作できない方でもUbiquityの真の実力を知ることはできる。本稿では、コード共有サービスを利用して自分だけのコマンド環境を構築する方法を紹介する。 最近大注目のFirefox拡張機能「Ubiquity」。Google Chromeの登場で幾分落ち着いたとはいえ、その魅力に取りつかれた方も少なくないのではないだろうか。 Ubiquityの基本的な解説については「ブラウザの新境地？ Ubiquityが変える衝撃のブラウザ体験」や「Ubiquity標準コマンドチートシート」ですでに紹介してきたが、まだいまひとつUbiquityを使う気になれないという方のために、「FireFoxプラグイン『Ubiquity』に大量のコマンドを登録して日本のサイトを一発で開くすごい方法」というエントリでUbiquityの活用術を解説している
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
Firefoxの必携アドオン10選 - IT業界を生き抜く秘密10箇条 - ZDNet Japan
あなたが定期的に巡回しているウェブサイトへのアクセスを迅速に行いたいのか、高機能のタブを使用したいのか、それともシステムを潜在的に危険なアクティブコンポーネントから守りたいのかにかかわらず、あなたの役に立つFirefoxのアドオンが存在している。本記事では、時間を節約し、ブラウザの使い勝手を向上させるような、筆者お気に入りのFirefoxアドオンを紹介している。 Firefoxには、アドオンという追加機能をインストールできるというとても素晴らしい能力がある。そして、アドオンにはさまざまなものが用意されているのだ。ブラウザの見た目を少しだけ変更するというものもある一方で、ウェブ閲覧に欠かせないというものも数多くある。あなたがどのような目的でウェブ閲覧を行うかにかかわらず、キラーアドオンというものが存在しているのだ。本記事では、私のお薦めアドオンを10個紹介している。 ＃1：Morning C
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
拡張子のカラムをエクスプローラに追加するフリーソフト「Windows Explorer filename extension column」
ファイル整理中などに「この拡張子の順で並び替えることができればいいのにな～」と思うことがある人に最適なのがこのフリーソフト「Windows Explorer filename extension column」。インストールするだけで、エクスプローラに新しく拡張子のカラムが追加されます。Windows XP/2000/2003にインストール可能で、64ビット対応版もあります。 インストールと使い方は以下から。 XRayz Software http://www.xrayz.co.uk/extension-column/ 上記サイトからZIPファイルをダウンロードして解凍、中にある「CPExt.inf」を右クリックし、「インストール」をクリック後、Windowsを再起動すればインストール完了です。 再起動後、カラムを右クリックし、「その他」をクリック 一番下の「Ext」を選択し、「OK」をク
窓の杜 - 【特集】「Firefox 3」対応拡張機能カタログ 第1回
6月18日、「Firefox」v3の正式版がついに公開された。アップデートの目玉はやはりレンダリングエンジンが高速化したこと。“史上最速”の謳い文句に惹かれて「Firefox」を導入してみたという人も多いだろう。 しかし、「Firefox」の最大の魅力はなんと言っても“拡張機能”による柔軟なカスタマイズだ。最近はアドオンによるカスタマイズ機能を備えたWebブラウザーも増えたが、アドオンの種類や量で「Firefox」に匹敵するWebブラウザーはない。 「Firefox」v3では、拡張機能の管理機能の強化や、導入時のセキュリティ向上が図られ、より安心して拡張機能を利用できるようになった。また、v3の新機能を利用した新しい拡張機能も登場するなど、拡張機能を取り巻く環境も大きく変化している。そこで本特集では、既存のユーザーはもちろん、「Firefox」を初めて利用するユーザーにもお勧めできる拡張機
なんとなく、Firefoxの環境をまとめてみたくなったのでまとめてみた。 - jumiDiary
(2010.01.28追記)古い記事なのでもっといいアドオンとかがいっぱいある気がします。 夏休みで暇だし！ごめん嘘、現実逃避！！ 入れてるアドオン２９種類 基本的なアドオン Adblock Plus いらない広告を表示しないためのアドオン。 NoScript スクリプトを禁止したりできる。 Tab Mix Plus タブ周りを快適にする。 お気に入りなアドオン Easy DragToGo リンクや画像をドラッグすると、ドラッグした方向によって保存したり、新しいタブに開いたりできるアドオン。 中クリックが使えないノートPCとかには必須のアドオンだと思う。Drag de Goってちょっと高機能なのもあるけどFirefox3では動かないっぽい…？ Vimperator いろんなスクリプトを動かせるキーコンフィグいじりアドオン。 Vim本家のキーとか分からないので、自己流にキーコンフィグいじった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cooliris | Discover More
肥大化した「Firefox」の内部データベースをボタン一発で最適化「Vacuum Places」NOT SUPPORTED
これだけは入れておきたい！Firefoxをさらに便利にする25アドオンまとめ*二十歳街道まっしぐら