MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
Firebugクックブック #1 - bits and bytes
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの
新生銀行を使いやすくするGreasemonkeyスクリプト
■ 新生銀行を使いやすくする Greasemonkey スクリプト Wed, 14 Nov 2007 02:39 @778 /coding del.icio.us hatena clap! 公開自体は少し前にしてたんだけど…。勝手にフィードバック：新生銀行を見てそれ GM で出来るんじゃねと思って作りました。 user script: shinseiwand.user.js 口座番号自動入力 セキュリティキーボードのチェック外し 暗証番号のフォームにフォーカスされた状態で開始 セキュリティカード（笑）の項目自動入力→送信。完全に自動なのでセキュリティカードのページはなかったことにｗ をします。暗証番号とパスワード以外の入力をスキップ。スクリプトのidに口座番号、tableにセキュリティカードの項目を埋めて使う感じ。ログイン前後の手間を入れると10秒とまではいかないけど、かなり短縮出来ました
HTTPのGET/PUTリクエストを直接行えるHTTPテストツール「RestTest」:phpspot開発日誌
RestTest RESTTest allows you to construct custom HTTP requests to directly test requests against a server. HTTPのGET/PUTリクエストを直接行えるHTTPテストツール「RestTest」。 特定のＵＲＬに対してGETするのはブラウザのアドレスバーからも行うことが出来ますが、POSTしたり、ヘッダーを設定することは出来ません。 RestTest はFirefoxの拡張機能で、POST値を適当に調節したり、ヘッダーを独自に書き換えることが可能です。 ヘッダーは Headers 欄を適当に埋めればＯＫ。 POST/PUT dataの欄には、〜=〜 の形式で入力すればＯＫ WEB開発に活用できそうですね。
FirefoxとGmailユーザーなら、おすすめFirefox拡張機能：Better Gmailのまとめ » Google Mania | グーグルの便利な使い方
FirefoxとGmailユーザーなら、おすすめFirefox拡張機能：Better Gmailのまとめ 管理人 @ 6月 9日 12:30am Firefox, Gmail（Gメール） Gmailはとても便利！ 「でも、あと少し、改良すれば・・」 って思うところを、改善してくれる、Firefoxエクステンション「Better Gmail」の紹介です。 おすすめ度１２０％です。 「Better Gmail」は30種類以上ものFirefox Greasemonkeyスクリプトを、1つの拡張機能で使えるようにしたものです。 アドオン（拡張機能）なので、「 Greasemonkeyスクリプトって何？」って人でも、気軽にインストールすることができます。 メニューバー 「 ツール ＞ アドオン ＞ Better Gmail 」の「設定」で、それぞれのスクリプトを有効にするか設定できます。 このページ
マウスで選択した範囲にあるすべてのリンクを開いてくれるFirefox拡張『Snap Links』 | POP*POP
かなり便利なFirefox拡張のご紹介。 Snap Linksを使えばマウスでドラッグした範囲にあるリンクをまとめて開いてくれます。操作も簡単かつ直感的です。 詳しい使い方は以下よりどうぞ。 ↑ インストール後、範囲を選択するには右マウスドラッグで。キャンセルするにはESCで。赤く囲まれているのが開かれるリンクです。わかりやすいですね。 ↑ マウスを放すとその範囲にあるリンクを新しいタブで開いてくれます。 ↑ なお、デフォルトで選択されるのはSnap Linksが「主要なリンク」と判断したもののみです。全部のリンクを開くにはSHIFTキーを押します。 ↑ なお、選択した範囲を移動させたい場合には、右マウスボタンでドラッグしつつ、ALTキーで移動させます。 検索エンジンの検索結果を一気に開きたいときや、リンク集などを見るときにすごく便利ですね。 インストール＆詳細は以下よりどうぞ。 » Sn
タブの内容をマウスオーバーして確認できるFirefox拡張『Tab Scope』 | POP*POP
タブをたくさん開いているとどれがどれだかわからなくなることもしばしば。 そこでご紹介したいのがTab Scope。タブにマウスオーバーすると縮小画像でプレビューしてくれます。 似たような拡張は他にもありますが、Tab Scopeはプレビュー画像の大きさを指定できたり、プレビュー内でスクロールできたりして便利です。 以下に詳しくご紹介。 ↑ このように並んだタブ・・・何が何やら、となりがちです。 ↑ Tab Scopeを導入後、マウスオーバーすると・・・。 ↑ さらにめがねアイコンをクリックして拡大できます。 ↑ プレビューウィンドウ内でホイールスクロールすれば下の方もずずっと見ることができます。 ↑ 設定画面はこちら。プレビューウィンドウのサイズも指定できますよ。 インストール＆詳細は以下からどうぞ。 » Tab Scope :: Firefox Add-ons
ニコニコ動画のムービーをダウンロード保存できる「TAGIRIツールバー」
現時点では2時から19時までは75万IDまで開放され、24時間アクセスできるのは45万IDまでとなっているニコニコ動画(γ)ですが、その動画を簡単にダウンロードできるフリーソフト「TAGIRIツールバー」というのがあるようです。 対応しているのはYouTube・Google Video・Ameba Vision・ニコニコ動画(γ)の4つ。Internet ExplorerとFirefoxの2種類のブラウザに対応しており、ニコニコ動画がダウンロード可能なのはFirefox版。そのうちInternet Explorer版も対応するっぽい。 というわけで、ニコニコ動画(γ)のムービーを実際にダウンロードできるかどうかやってみました。 2011/02/18 21:05追記 TAGIRIツールバーは「Mitter ツールバー」と名前を変え、2010年7月で更新が停止しました。なので、以下の内容は適宜
FireFox＆EclipseでのJavaScript開発を効率化する「Fireclipse」:phpspot開発日誌
Fireclipse Installation Instructions and Development Notes FireFox＆EclipseでのJavaScript開発を効率化する「Fireclipse」。 Fireclipseを使えば次のことが可能になります。 FireFoxのJavaScript コンソールの結果を Eclipseのコンソールに送る Eclipse上のエディタで、エラー行に移動する Eclipseのコンソールにメッセージを送る FireBug と連携し、FireBugに Eclipseタブを付けられます FireBug用の各種拡張 Fireclipse自体は、Firefoxの拡張と、FireBugの拡張、Eclipseプラグインから構成されます。 JavaScript開発がますます便利になりそうなツールですね。 今後はFirefox上にエディタ等の開発ツールが直
YouTube にニコニコ動画へのリンクを追加する Greasemonkey スクリプト - swk's log
* YouTube にニコニコ動画へのリンクを追加する Greasemonkey スクリプト [firefox][nicovideo] 6 users (注: この記事は，まだ動画の独自配信をしていなかった頃のニコニコ動画に関するものです．現在のニコニコ動画では以下のスクリプトは動作しませんのでご注意下さい) というわけで [2007-01-27-1]，YouTubeの動画ページを開いているときに，その動画がニコニコ動画に登録されていたらリンクを表示する Greasemonkey ユーザスクリプトを書いてみた．タイトルとビデオの間あたりに青い文字で表示されます．ほぼ勢いだけで書いていてテストもろくにしてないのでそこんとこよろしくお願いします． http://www.kagami.org/nico/nico.youtube.20070130.user.js (最新 版 → [2007-02-
「Firefoxの2005年度売上は63億円！」のカラクリ | POP*POP
じわじわとシェアを広げているFirefoxですが、ClickZによると2005年度の売上はなんと63億円強（！）ということです。オープンソースのブラウザとして有名なので売上げはほとんどないと思っていた人もいるのでは（自分もそうでした）。 » Google Search Box Earns Millions for Mozilla ではFirefoxはどうやって稼いでいるのでしょうか？その意外なビジネスモデルについては下記をどうぞ。 そのビジネスモデルの秘密は実はこれ（↓）。 この何の変哲もない小さな検索ボックスがFirefoxの大きな収益源になっているのです。 利用者がここを使ってGoogle検索をするたびにFirefoxにお金が入る仕組み。さらにその検索結果のAdWordsをクリックすれば、その売上げのおよそ80%がFirefoxのものになるらしいです。 なお、Firefoxのスタートペ
「今見ているサイトはどこにある？」がわかるFirefox拡張『Shazou』 | p o p * p o p
「このサイト、ちょっと怪しくない？」「このサイトってどこの国の人が作っているんだろう・・・？」 そんな疑問がわいたときに使えそうなFirefox拡張をご紹介。 「Shazou」と呼ばれるこの拡張を使えば、今見ているサイトのIPがどこにあるかをマッピングしてくれます。正確にはIPを保持しているプロバイダーの位置をマッピングしてくれているのでかなりざっくりですが、どこの国のどの地域か、ぐらいまではわかります。 » Shazou | Firefox Add-ons | Mozilla Corporation もちろんいくらでも位置をごまかせる方法はありますが、だいたいの目安として知るには良さそうですね。フィッシングサイト対策にも使えそうです。 下記、使い方をご紹介。 ↑ インストールするとブラウザの下に「Shazou」ボタンがあらわれます。調べたいサイトをみているときにこれをクリックします。 ↑
Engadget | Technology News & Reviews
Doctor Who is back, louder and more chaotic than before
Firebugの便利な組み込み関数 - 技術メモ帳
id:brazil さんのブックマークで知ったのだが、 Firebugには、便利な組み込み関数が定義されているようだ。 一通りさわってみたのだが、 $x() で 任意のXPath要素が取得できるのとかに感動した。 そして、やっぱりちゃんとドキュメント読むべきだなぁと思った。 XPathから要素を取得する。 $x("/html/body/h1"); -> 要素の配列が返ってくる。 selector名から要素を取得する。(getElementsByTagName) $$("h1") -> 要素の配列 所要時間測定 console#time, console#timeEnd time ~ timeEnd で囲んだ部分の所要時間を 計測することが出来るみたいで、 以下のような関数にまとめると良さそうだ。 function bench( callback ) { var uniq_id = Date
画像で見る「Firefox 2.0 β1」の新機能
リリースされたばかりの「Firefox 2.0 β1」をインストールしてみた。各種新機能を画像で紹介しよう。 リリースされたばかりの「Firefox 2.0 β1」をさっそくインストールしてみた。Windows、Linux、MacOS Xなどのプラットフォームに対応しており、日本語版も用意されている。とはいえ、Mozilla.orgではβ1はWebアプリケーションデベロッパー向けにテスト目的で公開しているもので、Firefox 1.xのユーザーは使わないようにと注意を促しているので、自己責任でインストールしよう。 7月14日 RSSフィードの登録機能の部分に追記し、お気に入りの「マイクロサマリー」機能を追加しました。
川o・-・）＜2nd life - Firefox 2.0 Beta 1 で Rails のドキュメントをインクリメンタルサーチ
先日、Firefox の Beta 1 がリリースされました。で、2.0 の新機能の一つで、OpenSearchを利用した検索プラグインを個人でも簡単に作成することができるようになりました。また A9.com > OpenSearch > OpenSearch Autodiscovery を利用すると、2クリックで簡単に閲覧しているサイトを検索プラグインとして Firefox に追加することができます。 で、Creating MozSearch plugins - MDCを読んでいたら、JSON でデータを返すと google suggest のようなインクリメンタルな検索結果を表示できるようです。面白そう！ということで早速 api.rails2u.com にOpenSearch Autodiscovery と 検索結果を JSON で返すAPIを仕込んでインクリメンタルサーチするようにし
ブラウザシェア、Internet Explorerは67％、Firefoxは26％
W3Counterというアクセス解析サービスを提供しているサイトにて公開されているデータです。日々更新されており、かなり最新に近いデータが入手できます。 詳細は以下の通り。 W3Counter - Global Web Stats http://www.w3counter.com/globalstats/ これを見る限りでは、全世界的な傾向としては、Firefoxユーザーがかなり増えていることが分かります。 日本でもFirefoxを広めるための運動は一応、いろいろと行われています。 スラッシュドット ジャパン | Mozilla Japanの３週連続イベント「Spread Firefox in 秋葉原・渋谷・鎌倉」 http://slashdot.jp/article.pl?sid=06/07/05/1359241 ただ、日本におけるFirefoxのマーケティングはそもそもダメダメすぎなの
GIGAZINE - Firefoxのアイコンが狐耳の巫女さんになる「Anime Firefox」
Firefoxを擬人化するとやはり狐耳の巫女さんになるというのは全世界共通の認識なのかと思わざるを得ません。 ダウンロードとインストールは以下から。 Firefox and Mozilla icon packs :: Anime Firefox http://iconpacks.mozdev.org/packs/anime-firefox.html Windows版とLinux版のFirefoxで動作するようです。インストールしてFirefoxを再起動すると、Firefox左上にあるアイコンが狐耳の巫女さんになります。 こんなのはいやだ、もっとかっこいいのがいい！という場合には以下から好きなの選びましょう。Thunderbird用などもあります。 Firefox and Mozilla Icon Packs :: Change your browser's window icons htt
[N] Firefoxを便利に使いこなすための機能拡張集
ネタフルでもFirefoxの機能拡張は取り上げてきましたが、次々とユニークな機能拡張が登場するので、面白いのでまとめてみました。「Firefoxを便利に使いこなすための機能拡張集（ネタフル編）」です。 ▼添付ファイルをドラッグ＆ドロップできる「DragAndDropUpload」 ▼ワンクリックでページ内のリンクと画像をダウンロード「DownThemAll」 ▼Exposeのようにタブを一覧表示する「Foxspose」 ▼異なるマシンのFirefoxの各種設定を同期する「Google Browser Sync」 ▼Gmailをストレージとして使う「Gmail File Space」 ▼Firefoxのタブの一つをIEとして使う「IE Tab – Firefox Extension」 ▼Googleの検索結果にWikipediaを加える「Googlepedia」 ▼オンラインでメモが取れる「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gmail×Firefox＝最強！ ～GmailをFirefoxで使い倒す！～