【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
keyconfig:【PC作業効率化】Firefox使いなのにkeyconfigアドオンを導入していない？そんな馬鹿な！ – ビジデア | B u s i d e a
【PC作業効率化】Firefox使いなのにkeyconfigアドオンを導入していない？そんな馬鹿な！ 2009年9月6日 2021年8月24日 2020年以前の記事 気持ちを素直にタイトルにしてみました。 IE（特に6）に向かって「げいつ！！！」と叫ぶ多くのWeb関係者にとって、ウェブラウザシェア2番手のFirefoxは愛すべき存在です。たとえまだシェア1割だとしても。 ぶっちゃけ、私も「あーもーブラウザシェア、FirefoxとIE逆転しないかなー」とか妄想しています。（それくらいIE特に6はコーダｰにとってうふふ。） 特に、はてなーさんやら、IT技術に強い方々などはFirefoxを利用していることが多いのではないでしょうか。 今日は、そんな全Web利用者のうち約1割の方々全員に、導入をこころからおすすめしたいアドオン、keyconfigをご紹介します。 キーボードショートカットを自由自在
重いFirefoxをなんとかして速くしたい | バシャログ。
その強力なアドオンで、とっても便利なFirefoxですが、毎日使っているとドンドン動きが重くなっていってしまいます。 うーん、どうにか軽くならないものかと色々やってみました。 起動を速くしたい まずはとにかく時間のかかる起動をなんとかしたいと思います。 Firefoxはブックマークやら履歴やらクッキーやらをSQLite DBで管理しています。 毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのこと。 そこでSQLite Optimizerというアドオンを使って、DBの最適化をしてしまいます。 手順は以下の通り。 1. SQLite Optimizerをインストール。 2. アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。 3. 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れます。 以後、Firef
最速で辞書が引けるアドオン「FireDictionary」が便利すぎる | ライフハッカー・ジャパン
Firefoxのみ：このアドオン「FireDictionary」は、英語サイトのナナメ読みに最適です。なぜならマウスオーバーだけで英単語の和訳をサイドバーにリアルタイム表示してくれるからです。 便利な辞書サイトはたくさんありますけど、いちいち「単語をコピー」→「辞書サイトのタブへ」→「単語をペースト」→「ふむふむと意味を知る」→「英語サイトのタブに戻る」という工程って、けっこう煩わしいんですよね......。でも「FireDictionary」では、英文の上をマウスでざざーっとなぞっていくだけでサイドバーにパッパパッパと訳語が登場します。快速！ このアドオンは、アドオン自体とは別に無料の辞書コンテンツ「英和辞典 GENE95」をインストールする必要があります。パソコン上に辞書がインストールされているから、リアルタイムに高速で辞書検索ができるというわけです。辞書コンテンツは、お好みのものを追
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」:phpspot開発日誌
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。 これは欲しかった！という機能がついにリリースされました。 インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。 まず、インストールすると、次のように、FirebugにChangesタブが表示されます。 で、実際どうやって使えるか？見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。 す
このFirefoxアドオンがすごい！ Best10 【09年度版】 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
前回、米lifehackerで「our must-have Firefox extensions（絶対手に入れるべきFirefox拡張機能）」を紹介してから、かれこれ2年が経ちました。当時はまだFirefoxのバージョン1でしたし、あれからさらに便利な機能拡張も新しく増えたので、2009年版Firefox機能拡張TOP10をお送りしたいと思います。 日々ライフハッカーを更新している編集部員に、Firefoxの機能拡張で、毎日使えるオリジナリティある機能拡張について聞いてみました。そのうち約半数は、前回のTOP10にも入っていた定番でしたが、残りの4つはこの2年の間に登場した、革新性も将来性も十分な期待のニューカマーでした。機能拡張名からダウンロードできるページにリンクしていますので、気になるものがあれば試してみてくださいね。 では、気になるTOP10のカウントダウンを発表！ 10位 ： テ
快適なWeb開発環境を構築する、Firefoxアドオン10選
快適なWeb開発環境を構築する、Firefoxアドオン10選：エンジニアがお薦めする 現場で使えるツール10選（2）（1/5 ページ） ITエンジニアの方であれば一度は使ってみたことがあるFirefoxだが、いまひとつ使いこなせていない人や標準のInternet Explorer（IE）に戻ってしまった人もたくさんいるだろう。 FirefoxといえばオープンソースのWebブラウザとしてIEをしのぐ勢いでWebブラウザのシェアを獲得してきている。2008年6月には「Firefox 3」になり、レンダリングエンジンも高速化されて注目を集めた。そんなFirefoxの最大の魅力は、何といっても拡張機能である豊富なアドオンが公開されていることだ。 アドオンを組み合わせて自分が使いやすいWebブラウザ環境をつくることができる。これがFirefoxの楽しみ方の1つでもある。しかし実際には、あまりにも多く
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
Vimperator――FirefoxをVim風のキーバインドで操作
意外に思われるかもしれないが、Vimやviと同じようなキーバインドでFirefoxを操作すると、人によっては極めて効率的にブラウジングを行えるようになる。すべての人にお勧めできるものではないが、キーボードをもっと活用するためのFirefox拡張機能を紹介しよう。 Vimやviなどのテキストエディタを日常的に利用している方にとって、マウスの操作というのはほんの片時でもキーボードから手を離さなければならないため、ある種の拷問に近いと感じる方もいるだろう。もし、キーボードの操作だけですべてを完結させることができれば、極めて効率的に作業ができるからだ。 こうしたユーザーはWebブラウザであるFirefoxでも同じように扱えればと考える。そうしたユーザーには、Firefoxの拡張機能である「Vimperator」がお勧めだ。Vimperatorを使えば、Firefoxの基本的な操作をすべてキーボード
HTTPの通信状況をデバッグしてボトルネックを発見できる「HttpWatch Basic Edition」 - GIGAZINE
Windows XP/Vista/2003/2008 Server上のInternet Explorer 6/7/8 Beta 2、Mozilla Firefox 2.0/3.0/3.1 Beta 2で動作するフリーソフトで、HTTP/HTTPSのリクエストヘッダ表示、HTTPの圧縮率表示、ページ内の各要素の読み込み時間のチャート化、ステータスコードやレスポンスサイズの表示、フィルタリング、さらにはこれら一連の通信をログファイルに記録することなども可能です。 時間はミリセカンド単位で表示が可能となっており、まさにHTTPデバッガと言っても差し支えないレベルなので、「ページの読み込みが遅い原因を知りたい」とか「ちゃんとサーバの設定が反映されているかどうかを確認したい」「ウェブアプリの動作チェックがしたい」という場合に役立ちます。この種類のソフトにありがちな日本語の文字コードが解釈できないとい
Firefox3の個人的おすすめアドオン10選 | MOON CHRONICLE
よくFirefoxを勧める私ですが、その理由の一つにアドオンが豊富だからというのがあります。 そんなわけで、私のオススメアドオン１０選をご紹介します。導入するのは自己責任でお願いします。 それではあいうえお順で行きます！ AutoAuth 一度Firefoxにログイン情報を記憶させると、次回から認証ページやダイアグアムに自動的に 情報を送信しダイレクトでログインできるようになります。 ＯＫボタンを押さずに進むためスムーズにページ移動が行えます。 [参考リンク] AutoAuthインストールページ FireGestures OperaやSleipnirと違ってFirefoxにはマウスジェスチャーがデフォルトでは実装されていないため、 Firefoxでマウスジェスチャーを行えるように開発されたアドオン。 マウスジェスチャーとは、右クリックを押した状態でマウスを上下左右に動かす事でコマンドを入力
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Firefox高速化の切り札「FasterFox」でブラウザ魔改造 | 教えて君.net
Firefoxはもともとブラウザの中でもかなり高速な部類であるが、アドオンを使えば、さらに超高速なブラウザに改造できる。「FasterFoxLite」はFirefoxのネット接続速度を最大限引き出してくれるアドオン。今回は、カスタム設定で劇的に速くなる動作環境を作ってみる。 まずはパイプライン化を行うことで、通信のタイムラグがなくなり、描画が速くなる。メモリを大量に積んでいる人は、キャッシュ項目の設定でさらに高速化が行えるぞ。カスタム設定がよく分からない人は、標準で用意されているプリセットから選択してみよう。転送速度の高速化が終わったら、次はFirefox本体の起動を早くしてみよう。ショートカットを少しいじるだけで、最初の起動が素早く行えるようになるぞ。 ■ Firefox超高速化設定 アドオン一覧より「FasterFoxLite」の設定を選択 「プリセット」で「カスタム」を選択しよう。詳
DropBoxを駆使してFirefox全設定を完全シンクロさせる | 教えて君.net
会社と自宅でパソコンを使い分けていると、ブラウザの情報がそれぞれのマシンに保存されるので非常に使いにくい。例えば、自宅のパソコンで「お気に入り」に保存したサイトが見たくなっても、保存してあるのは会社のパソコンの方だったり、会社のパソコンで以前読んだページが履歴にないと思ったら、自宅のマシンで読んだページだったり……。IEではこういった情報の移動を、手動で行わなければならない。 Firefoxなら、ファイル共有サービス「Dropbox」を使って、全設定フォルダを丸ごと共有することができる。職場や学校のマシンと自宅のマシンで、全く同じ環境のブラウザを利用できるようになるぞ。Dropboxでは同期するフォルダは1つだけしか指定できないため、シンボリックリンクを使って設定ディレクトリ以下のフォルダを共有する必要がある。「リンク作成シェル拡張」を導入しておこう。 Dropboxで同期できるフォルダは
画面レビューにめちゃくちゃ便利なFireFoxプラグイン - EC studio 技術ブログ
チーム開発をしていると、画面レイアウトのレビューを することがよくあります。 スタッフ「できました！見てもらえますか？」 私「おっ、どれどれ・・・。 ここのボタン少し位置ずらそうか。 上にマージン3pxぐらいで」← 細かい なんて会話をよくします。 そこでスタイルシートをいじって保存してもらい、 ブラウザをリロードすると、 私「うーん、もう1px！」← 細かい という微調整がたくさん入って大変です＾＾； そんな時に便利なFireFoxプラグインをご紹介します。 FireBugでスタイル調整 FireBugは入れてる方も多いと思いますが、 JavaScriptのデバッグから、CSSの調整、 通信まわりの解析など強力な開発支援機能があります。 (インストールはこちらから) まず、レビューしたいページでFireBugを開きます。 ステータスバーの をクリック FireBugのウィンドウが開きます
[JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
Firefox 3 的なFUELとJSMを存分に使って拡張機能開発をしよう！ - 肉とビールとパンケーキ by @sotarok
というわけで，意味のわからないタイトルをつけてしまいましたが，Firefoxのアドオンを作るときに，Firefox 3 で使える，FUELとJavaScriptコードモジュール(JSM)をうまく使えば，これまでのFirefoxアドオン開発のわずらわしい部分が少し楽になるので，それについてちょいと書いてみようかと思います． とはいえ，自分も最近使い出したくらいでそれほど詳しいわけでもなく大体がMDCに散らばった情報をよせあつめただけなので，間違っていることを書いていることがあるかもしれません．ツッコミもいただければと思います． Firefox アドオン開発を始めるにあたって 雛形を公開します． ダウンロードしてFirefoxにドラッグ＆ドロップすればインストールできる形（xpi）で，公開します．以下からダウンロードできるのでしちゃってください． ダウンロード http://labs.strk
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Greasemonkey」ユーザースクリプトベスト10 （2009年版） : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
Vimperatorに入れているプラグインリスト
