こんにちは! のりPと同い年ですが、クラブ通いは●年前に卒業しました やまもと@テスト番長です。 早いもので、もうお盆の帰省シーズンですね。 今年の夏は世間の騒がしい日々が続いておりますが、みなさんお変わりございませんでしょうか。 さて、Firefoxといえば豊富なアドオンですが、今回はテスター目線で WEBアプリケーションのテストに便利なFirefoxアドオンを並べてみたいと思います。 Firesizer ブラウザの画面サイズを整えることが出来ます。 InFormEnter 準備しておいた値を入力フォームにセットしてくれます。 MeasureIt 画面上のピクセルサイズを測ることが出来ます。 Regular Expressions Tester 正規表現での検索がその場で出来ます。 FireShot キャプチャにメモを書き込んだり出来ます。 Web Developer F
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年にしてみました。 す
Googleは米国時間4月21日、ウェブアプリケーションに、PC上のプログラムが使用可能なコンピューティングパワーを付与する、一連の取り組みの重要な一環として、ブラウザに高速3Dグラフィックスをもたらす新ソフトウェア「O3D」をリリースした。 O3Dは、Windows、Mac OS X、Linuxのプラットフォーム上で、Internet Explorer、Firefox、Safari、Chromeに対応したブラウザプラグインとなっているが、Googleは、最終的にはブラウザへダイレクトに搭載していきたいと考えている。O3Dは、より高度なゲームおよび他のアプリケーションを実現するように、開発者のウェブベースのJavaScriptプログラムが、コンピュータのグラフィックスチップにダイレクトに連動するインターフェースを提供する。 Googleは、O3Dの新技術を、同社の公式ブログ上で発表している
Firefoxをお使いなら、アドオンなどを使ってGoogle検索の結果表示をあれこれカスタマイズすることができます。 しかし、これらのカスタマイズは単一のものが多く、いろいろやろうと思うとアドオンやスクリプトを複数インストールしなければならず、管理も面倒ですね。 結果タイトルに順位番号を振る、結果にサムネイルを付与する、ページを自動で送るなどの機能は、あれば便利なもので手放せなくなるものですが、今回は、こうした各種カスタマイズ機能を一つのスクリプトをインストールするだけで実現できるGreasemonkeyスクリプト「Google Fx」を試してみました。 「Google Fx」は、Firefoxにアドオン「Greasemonkey」をインストールしている環境にインストールするだけで、Googleの各サービスでインターフェースをカスタマイズすることができるというスクリプトです。 インストール
Amazonアソシエイトを便利に利用するために長年「Amazletツール」を使ってきたのですが、もしかすると乗り換えるときがきてしまったかもしれません。Greasemonkeyスクリプト「Amazon Quick Affiliate」がすごい!!! Amazonの商品を最速でブログにコピペできるGreasemonkey「Amazon Quick Affiliate (JP)」 ::: creazy photographというエントリーで知りました。 Greasemonkey使って、もうAmazonの商品ページに直接コピペ用のHTMLタグを表示しちゃう事にしましたwこれは、速いっす!楽チン! ブログデザイン勉強会仲間のyager氏の作ったツールです。 どういうものかというと、Amazonで商品ページを開いた瞬間に、Amazonアソシエイトのリンクが表示されてしまうというすごいヤツです。 こ、
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月26日(月)~3月3日(日)〔2024年3月第1週〕のトップ30です*1。 順位 タイトル 1位 メルカリ 小泉さんからのエグい学び|Shota Horii 2位 行動をチャンク化して「1日に1ターンしか行動できない」から脱却する | Piyopanman 3位 「それって陰謀論じゃないですか?」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった? | 47NEWS 4位 いつか起業したいエンジニアへ #キャリア - Qiita 5位 日本人はなぜ「生産性の高い社会」を理解できないふりをし続けるのか 6位 「情報セキュリティの敗北史」が面白すぎる。だめだこれは寝れない、なんだこの死ぬほどワクワクする本は→賢者は歴史に学ぶ - Togetter 7位 味付け塩だけ、放置
Webシステム開発を行っているとデバッグメッセージを表示したいと思うことは多々ある。画面にメッセージを出しても良いだろうが、常々使うのであればログファイルなどを利用した方が効率的だ(デザインへの影響もあるので)。 FirebugとPythonをつないでくれる 開発者には見えてユーザには見えない(見ることもできる)、そんな素敵なメッセージプラグインがFirePythonだ。 今回紹介するオープンソース・ソフトウェアはFirePython、Firebugと連携するPythonデバッグライブラリだ。 FirePythonは二つのライブラリが提供される。一つはPython側で利用するライブラリで、もう一つはFirefoxアドオンとして動作するものだ。Python側でメッセージを送信し、それをFirebugが受け取って表示してくれるようになる。 設定画面 PHPでは同様のソフトウェアとしてFireP
Open Source Software - Find, Evaluate, Collaborate - OStatic FLOSS関連の記事を多く掲載しているOStaticで 、これまでに紹介した記事やFLOSSプロダクトの総括編がOver 30 Must-Have Open Source Resourcesとしてまとめられた。紹介されているのはFLOSSプロダクト、Web開発に使えるツール、オンラインビデオやオーディオ向けのツール、チュートリアルやレビューなどのドキュメント、プロジェクトなど。 紹介されている記事からプロダクトやサービスを大雑把にだが抜粋してまとめると次のようになる。取り上げられているプロダクトはWindows版、Mac OS X版、Linux版などさまざま。 FLOSSプロダクト - Firefox, Thunderbird, Songbird, OpenOffice
チーム開発をしていると、画面レイアウトのレビューを することがよくあります。 スタッフ「できました!見てもらえますか?」 私「おっ、どれどれ・・・。 ここのボタン少し位置ずらそうか。 上にマージン3pxぐらいで」← 細かい なんて会話をよくします。 そこでスタイルシートをいじって保存してもらい、 ブラウザをリロードすると、 私「うーん、もう1px!」← 細かい という微調整がたくさん入って大変です^^; そんな時に便利なFireFoxプラグインをご紹介します。 FireBugでスタイル調整 FireBugは入れてる方も多いと思いますが、 JavaScriptのデバッグから、CSSの調整、 通信まわりの解析など強力な開発支援機能があります。 (インストールはこちらから) まず、レビューしたいページでFireBugを開きます。 ステータスバーの をクリック FireBugのウィンドウが開きます
Firefoxには、ご存じのように複数のプロファイルを作成する機能[プロファイルマネージャ]が搭載されています。 アドオンのテスト用、Web開発用アドオンを満載したプロファイルなど、複数のプロファイルを作成し、Firefox起動時に選択して利用するのは簡単ですが、これらを同時起動したり、途中で変更するのはちょっと面倒な作業が必要ですね。 このように、Firefoxプロファイルを複数作成されている方に役立つアドオンが「Profile Manager and Selector」です。 「Profile Manager and Selector」をインストールしておけば、複数のプロファイルから簡単に選択して起動したり、異なるプロファイルでFirefoxを複数起動させたりすることが非常に簡単になります。 まずは普段お使いのメインのプロファイルで起動中に「Profile Manager and Se
Gmailの領域は、本日現在7.2GBという大容量となっており、その容量は日々増加しています。 このGmailの大きなスペースを、ドライブとして利用したりするようなソフトウェアなどもいろいろありますが、Gmailを操るのはFirefoxアドオンも得意とするところですね。 その中から今回は、最近話題のGmailスペース有効活用アドオン「GPhotospace」を使ってみました。 「GPhotospace」は、Gmailの大きな容量を、フォトストレージとして利用することができるFirefox用アドオンです。 Gmailを保存先として画像をアップ、ダウンできるのはもちろん、それらをまるでPicasaのようにアルバム形式で管理できたり、他のGmailユーザーと共有したりすることもできるという本格的なツールです。 アドオンをインストールすると、Firefoxのステータスバーに専用のボタン が追加さ
Firefoxユーザーなら、アドオン以外に、Greasemonkeyをインストールして各種スクリプトの便利な機能を利用したことがあることでしょう。 こうしたGreasemonkeyスクリプトは、Firefoxに便利な機能を与えてくれることはアドオンと変わりありませんが、アドオンとは管理の方法も違い、Firefoxにあまりなじんでいない初心者の方にはなんだかよく分からない部分もありますし、Greasemonkeyとスクリプトの両方をインストールして管理するのも面倒だと感じている方もいらっしゃるでしょう。 それならいっそのこと、スクリプトをアドオンとして利用してみましょう。 Greasemonkeyスクリプトは、プログラミングの知識が全くもなくても、以下の方法で簡単にアドオンへ変換することができます。 <Greasemonkeyスクリプトをアドオンに変換する方法> 「Gmail - Googl
Gmailをお使いの方は、同じアカウントでGoogle カレンダーやGoogle リーダーをお使いの方も多いのではないでしょうか。 これらのWebアプリを利用する場合、基本的には各サービスサイトにアクセスしてメール・フィード・予定などを個別に確認する必要がありますが、各サイトを順番に開くのはちょっと非効率的ですね。 FirefoxにGreasemonkeyをインストールされている方なら、こうした複数のツールも1画面に表示させることができるようになります。 今回は、一番利用頻度が高いと思われるGmailにGogole リーダーとGoogle カレンダー、ノートブックをビルトインすることができる3つのスクリプトをインストールしてみました。 インストールするスクリプトは以下の3つです。 Gmail - Google Reader Seamless Integration Gmail - Goog
Firefoxに限らず、ブラウザには起動させると最初にあるページが自動的に表示される[ホームページ]という機能があります。 初期設定のまま弄ってない方もいれば、自分の好みのサイトを1つ、または複数設定されている方もいらっしゃることでしょう。 Firefoxには、この[ホーム]の設定を、サムネイルで複数表示したりすることができるようなアドオンがいくつもありますが、今回使ってみた「Autohome」は、また違った[ホーム]をユーザーに提案してくれるおもしろいアドオンです。 「Autohome」をインストールすると、ステータスバーに専用のボタン が付与されます。 [ホーム]でリスト表示したいページを表示した状態でこのボタンをクリックし、フォルダ分けしてやることにより、以下のようにカテゴリ別に分かれた簡易ブックマーク的なページが生成され、そのページが自動的に[ホーム]ページに設定されるようになり
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ&ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
Account for domain www.evolus.vn has been suspended
Firefoxは、設定ファイルである[UserChrome.css]に様々なコードを記述することによって、インターフェースを自分好みにカスタマイズすることができます。 それをもっと簡単に実行・管理する方法として、[Stylish]というアドオンをインストールした上で、スタイル(コード)を追加するという方法があります。 今回は、管理者が追加している中から、Firefoxのインターフェースを”微妙”にカスタマイズすることができるスタイルを5点ご紹介します。 <ユーザースタイルのロード方法> FirefoxにStylishをインストールしている環境で、下記の各スタイルリンクをクリックして配布ページを表示します。 ページ内にある[load into the Stylish]というボタンをクリックすれば、スクリプトのインストールウインドウが開きますので、[保存]ボタンをクリックすればインストールされ
FireMobileSimulator :: Firefox Add-ons Firefoxでモバイルサイトの動作確認「FireMobileSimulator」 ・[全キャリア]UID送信 ・[DoCoMo]UTN送信 ・[DoCoMo]iモードID送信 ・[全キャリア]絵文字表示 ただしキャリアによって絵文字の書き方は何種類かあり、8月16日現在当アドオンが対応しているのは、以下の書き方です。 -DoCoMoのUnicode16進数値参照(例:$#xE70C;) -DoCoMoのSJISバイナリ -SoftBankのWebコード(ESC $ + SJISコード + SI の記載方法) -Auのimgタグ方式 ・[SoftBank]端末製造番号送信 ・[全キャリア]User-Agent偽装 ・[全キャリア]各種HTTPリクエストヘッダのシミュレート 端末の追加・編集・削除機能 ・Conte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く