ウノウラボ Unoh Labs: WEBアプリのテストに便利なFirefoxのアドオン
こんにちは！ のりPと同い年ですが、クラブ通いは●年前に卒業しました やまもと＠テスト番長です。 早いもので、もうお盆の帰省シーズンですね。 今年の夏は世間の騒がしい日々が続いておりますが、みなさんお変わりございませんでしょうか。 さて、Firefoxといえば豊富なアドオンですが、今回はテスター目線で WEBアプリケーションのテストに便利なFirefoxアドオンを並べてみたいと思います。 Firesizer ブラウザの画面サイズを整えることが出来ます。 InFormEnter 準備しておいた値を入力フォームにセットしてくれます。 MeasureIt 画面上のピクセルサイズを測ることが出来ます。 Regular Expressions Tester 正規表現での検索がその場で出来ます。 FireShot キャプチャにメモを書き込んだり出来ます。 Web Developer F
【ハウツー】Googleの"Web高速化"ノウハウが詰まったツールがアドオンに! - Page Speed (1) 名は体を表す"Page Speed" | エンタープライズ | マイコミジャーナル
Webアプリケーションの開発やWebサイトの構築にあたり、いつでも気にしなければならないパフォーマンス。パフォーマンスアップに有益なツールとしてはYSlowが有名だが、このたびGoogleから同様のツールとして「Page Speed」がリリースされた。あのGoogleの「Webサイト高速化」ノウハウが詰まったツールとはいったいどんなモノなのか!? Page Speedとは Googleは6月4日(米国時間)、Webサイトのパフォーマンスを向上させるための解析/最適化アドオン「Page Speed」をリリースした。Page SpeedはFirefox上で動作するアドオン。Webサイトを構成するCSSやJavaScript、画像ファイルなどをあらかじめ用意されたチェック項目に沿って解析し、問題点や改善方法をリスト化してくれる。またFirebugの「ネットワークモニター」をさらに強力にしたような
常用中 Firefox 3 アドオンのまとめ
1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。その場合は、インストールしても、使うとき以外は無効にしておくなど工夫しましょう。メモリてんこ盛り PC ならあまり気にならないと思いますが。 今回は数が多いので大まかにグループ分けして紹介してみます。あと、特定のアドオンに依存しているものもありますので、その辺はまとめています。
FirePHPがますます便利になっている件:phpspot開発日誌
FirePHP - Firebug Extension for AJAX Development FirePHPがますます便利になっている件、ということで、以前に紹介したFirePHPですが、色々と更新されているようなのでご紹介。 アイコンも変わってます まず、どういうことが出来るか、という点です。以前紹介した時とやり方が結構改善されているみたい。 <?php FB::log('Log message'); FB::info('Info message'); FB::warn('Warn message'); FB::error('Error message'); ?> と書くと、以下のように表示されます。 firebugのconsole.logみたいに使えます。 PHPのコード内で、１行でかけるのでなかなか便利そうです。 次のように、オブジェクト指向で書くこともできるみたい <?php
モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
Mozilla Re-Mix: ケーブルもチューナーも無しで世界中のテレビチャンネルを試聴できるFirefoxアドオン「TV-FOX」
PCでテレビを見ることができるようになってからずいぶん経ちますが、最近では光ファイバーを使ったテレビ放送なども利用できるようになり、ますますPCでのテレビ視聴が充実してきています。 しかし、こうした放送を視聴するには、契約や月額料金などが必要となる上、専門チャンネルなども個別に契約しなければ視聴することができません。 また、光ファイバー経由のサービスを使わず放送を視聴したい場合は、アナログ・地デジチューナーなども必要となります。 こうしたことからテレビ視聴環境の導入を見送っている方も多いと思いますが、Firefoxに「TV-FOX」というアドオンをインストールしておけば、ちょっとしたケーブルテレビで見るような放送ならタダで好きなだけ見ることができるようになります。 「TV-FOX」は、Firefoxに常駐するツールバーから、世界各国の数千チャンネルのテレビ放送を無料で視聴することができると
【ハウツー】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勧告に準拠しているかどうか 各種ブラウザ対応状況(
ニテンイチリュウ : Google Native Client
グーグルがついに禁断の果実を口にした。 Native Client このNative Clientはその名の通り、CのネイティブコードをFirefox上で動作させるプロジェクト。 ランタイムとブラウザプラグイン、GCCのコンパイルツールがセットで提供される。 x86版、Windows/Linux/Mac対応。ほかのCPUアーキテクチャ、例えばARMやPPC、については、順次対応予定。 （注：スクリーンショット） 上記のような回転する地球が、このようなCのコードで書かれて、実行される。 Googleはよりリッチで軽快なインタラクティブなコンテンツを作るために、このプロジェクトを始めた模様。 確かにリッチにはなりますが、悪評高き同様な取り組みのMSのActiveXのようにセキュリティが気になるところ。グーグルは、セキュリティ面に非常に配慮し、モジュールにインストラクションセットを含まないよう
Pathtraq API を使って、はてブにアクセスチャートを出す Greasemonkey を作りました！ - IT戦記
はてブのエントリーページに 以下のようなアクセスチャートを出す Greasemonkey を作りました！ このアクセスチャートは、どのくらいの人がそのページに訪れたかという情報を表しています。 「このページはいつ頃から注目を集めだしたか」などの情報が一目で分かるようになります。 期間は、「24時間」から「3ヶ月」までその場で切り替えることができます。 インストールする！ http://userscripts.org/scripts/source/32521.user.js ブックマークレットを使ってみる！ はてブのエントリーページで以下のブックマークレットを実行してみましょう！ javascript:(function(s){s.src='http://userscripts.org/scripts/source/32521.user.js';document.body.appendChi
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
なんとなく、Firefoxの環境をまとめてみたくなったのでまとめてみた。 - jumiDiary
(2010.01.28追記)古い記事なのでもっといいアドオンとかがいっぱいある気がします。 夏休みで暇だし！ごめん嘘、現実逃避！！ 入れてるアドオン２９種類 基本的なアドオン Adblock Plus いらない広告を表示しないためのアドオン。 NoScript スクリプトを禁止したりできる。 Tab Mix Plus タブ周りを快適にする。 お気に入りなアドオン Easy DragToGo リンクや画像をドラッグすると、ドラッグした方向によって保存したり、新しいタブに開いたりできるアドオン。 中クリックが使えないノートPCとかには必須のアドオンだと思う。Drag de Goってちょっと高機能なのもあるけどFirefox3では動かないっぽい…？ Vimperator いろんなスクリプトを動かせるキーコンフィグいじりアドオン。 Vim本家のキーとか分からないので、自己流にキーコンフィグいじった
Netflix流計測手法を実装、Jiffy FirebugエクステンションBill Scott氏版 | エンタープライズ | マイコミジャーナル
Netflix, Bill Scott氏はMeasuring User Experience Performanceにおいてサイトの性能改善に関わるWebアプリケーションパフォーマンスの計測方法を紹介した。次に必要なのは、この方法を簡単に実施するためのツールということになるだろう。 同氏はAnnouncing: Jiffy Firebug Extension for Viewing Client Side Performance Dataにおいてそのツールを紹介している。こうしたツールはFirebugのエクステンションとして実装するのが妥当なところだ。YSlowもFirebugのエクステンションとして実装されている。残念ながら外部に公開はされていないものの、同アイディアを実装したNetflix Firebugエクステンションというべき実装はすでに存在しているという。 Netflix Fir
Seleniumによる継続的なリグレッションテストを行うためのツール「Selenium Auto Exec Server(AES)」を公開しました。 - Enjoy*Study
Selenium Auto Exec Server(AES) Seleniumによる継続的なリグレッションテストを行うためのツールとして、「Selenium Auto Exec Server(AES)」を公開しました。 Selenium AESを使うと、Seleniumによるテストを毎日決まった時間に実行し、その結果をメールで送信するといったことが簡単に行えるようになります。 配布しているアーカイブは、サンプルとしてhttp://www.google.com/に対するFirefox、IEを使ったテストをすぐに試せる状態になってますので、興味をもたれた方は、ぜひ一度お試しください。 Selenium AESのサンプル - Enjoy*Study まだ、実際のプロジェクトで導入したことが無いので、いろいろ考慮が足らないところもあるかもしれません。 こうしたほうが良いといったご意見や、アイデアが
Cooliris :: Firefox Add-ons
Cooliris (formerly PicLens) 1.8.2.4690 by The Cooliris Team Categories Search Tools Appearance Photos, Music & Videos Full-Screen, 3D -- Cooliris (formerly known as PicLens) transforms your browser into a visually stunning experience for searching, viewing, and sharing online photos and videos. Our "3D Wall" lets you effortlessly search and zoom your way around thousands of images, videos, news fe
デザイナーのための便利なFirefoxのエクステンション10+α | コリス
You the Designerのエントリーから、デザイナーのための便利なFirefoxのエクステンションを10+アルファ、紹介します。 10 Best Firefox Addons for Designers
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HisasAnn.com is for sale | HugeDomains
IDEA * IDEA
超便利！Firefoxの履歴を残してくれる「Timelope」 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
画像に使えるFirefoxのアドオンいろいろ - DesignWalker
