Webのバグを燃やしまくるFirebugと、そのアドオン7選
Webのバグを燃やしまくるFirebugと、そのアドオン7選：ユカイ、ツーカイ、カイハツ環境！（10）（1/3 ページ） 高度化するWebのデバッグに悩む人、必見！ 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 本稿では、Firefoxのアドオンとして利用するFirebugと、
Amazonの商品を最速でブログにコピペできるGreasemonkey「Amazon Quick Affiliate (JP)」 | Creazy!
Amazon_Quick_Affiliate_(JP) Greasemonkey 開発実績 Amazonの商品を最速でブログにコピペできるGreasemonkey「Amazon Quick Affiliate (JP)」 【2012/02/22：追記】 最新のアップデート状況が分かりにくくなってきましたので公式ページ作成しました。 今後はこちらに関連エントリーなどもまとめていきます。 Amazon Quick Affiliate (JP) 公式ページ | Amazonの商品タグを最速でコピペ！ スミマセンが、まとまった時間が取れないため、また未公開だった在庫スクリプトからネタ放出します 😉 ブログを書いてると書評エントリーをUPした時などに、Amazonの商品ページへのリンクを貼る事がよくあります。Amazonアソシエイトに参加してアフィリエイトのタグを貼ればお小遣いも入ってくるし、グヘ
絶対復習+tomblooの組合せが最強すぎる件について - 教えてお星様
Software, webまず、絶対復習だけでも凄い。シンプルな復習サイトなんだけれど、そのシンプルさと使い勝手が便利すぎる。以下、絶対復習から引用。絶対復習：このサイトについて物事を自分の記憶に定着させる為には「復習」が非常に大事になってきます。1日後に復習をすると、その知識は一週間は維持されると言われています。続いて1週間後に復習をすると、その知識は1ヶ月は維持されると言われています。1ヶ月後に復習をすると、その知識は半年は維持されると言われています。半年後に復習をすると、その知識は長期的な記憶となり、自分の電話番号くらいの身近な知識になるそうです。絶対復習のここが凄い！自分の電話番号や知人の名前まで忘れる僕だけれど、これからはそんな人生ともおさばらさ！なぜなら、僕には絶対復習がついているから！絶対復習の凄いところを紹介しよう。まず、サイト上部にある"みんなの復習"からほかのユーザーが
【ハウツー】YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを! (3) YSlowの評価内容 | エンタープライズ | マイコミジャーナル
YSlowの評価結果はA(最良)からFまでの6段階評価で、評価できなかった項目についてはn/aで表示される。それぞれの項目をクリックするとヘルプページにジャンプするので、このままでもそれなりに扱える。YSlowのメニューからHelp→YSlow Helpを選択するとヘルプサイトに飛ぶので、本格的に使う場合には同ページを一度全部読んでおきたい。ここでは各項目がそれぞれ何を意味しているかを簡単にまとめておく。 1 Make fewer HTTP requests HTTPリクエストの数をもっと減らせるのではないか 2 Uses CDN CDNを使っているかどうか 予算との兼ね合いだが、CDNが使えるならそちらのほうが高速になる 3 Add an Expires header Expiresを使っているかどうか Expires期限をだいぶ先に設定して長いことキャッシュが効くようにする 4 Gzi
長い単語やURLの改行をコントロールするword-wrapプロパティ - builder by ZDNet Japan
欧文のテキストは半角スペースの位置で改行される。そのため、半角スペースが入らない長い単語は途中で改行されることがない。レイアウトスペースの横幅が狭い場合、長い単語ははみ出してしまい、レイアウトを崩す原因となる。 とはいえ、レイアウトスペースよりも横幅が長い単語を使う機会はほとんどないだろう。問題が発生する確率が高いのは、長いURLを表記した場合だ。 URLは半角スペースを含まないので、ブラウザにとっては1つの長い単語と同じ扱いになる。特に、ブログなどのコメントで長いURLを記述されると、制作者の予期しないところでレイアウトが崩れる原因になってしまう。 そこで今回は、ブラウザごとのURLの改行処理の違いを確認して、長い単語やURLの改行をコントロールするword-wrapプロパティを紹介したい。 ブラウザごとのURLの改行処理 次のサンプルは、横幅が300ピクセルのボックス内に長い単語やUR
Site has been suspended
Account for domain www.evolus.vn has been suspended
Fire.fm :: Firefox Add-ons
Fire.fm 1.1.3 by jorge.villalobos, jose.bolanos Categories Photos, Music & Videos Social & Communication Toolbars Winner of the Extend Firefox 3 contest, Fire.fm is your direct access to the extensive music library on Last.fm. Listen to music related to your favorite artist, and discover new artists and music in the process. Listen to your friends' favorite music. Find Last.fm users with musical t
Tomblooこそ自分をGoogle化する最強のツール - Future Insight
ぶっちゃけこの題名は書きたかっただけなのですが、ついこの前行われたFirefoxのアドオンであるTomblooにブラウジングを進化させる革命的な機能が追加され、ブラウンジングを行いながら快適にノーストレスでGoogle Bookmarksに自分の気に入ったページを登録することがだれにでも可能になったのでその方法を紹介したいと思います。まず、ほとんどの人はTomblooというFirefoxのアドオンがなんなのかわからないと思うので、そこから説明します。 Tomblooとは何か Tomblooとはid:brazilさんが作っている自分が現在ブラウジングしているサイトの情報を自分が利用しているWebサービスに投稿、登録、ポストするためのFirefoxのアドオンです。 Google Code Archive - Long-term storage for Google Code Project H
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
Firefox3の知られざる高性能な色管理機能を有効にする方法 - 適宜覚書はてな異本
Firefox 3: Tweak Firefox to Display Richer Colorsを超訳してみた。 If the digital photo you just uploaded looks more washed out in Flickr than it does in your desktop image editor, that's because Firefox 3's advanced color management capability isn't turned on by default. To turn it on, type about:config in Firefox 3's address bar, then click the "I'll be careful, I promise!" button. Then, in the Filter fi
Firefox3のオレオレ警告 | 水無月ばけらのえび日記
……なんと「そのままアクセスする」とか「一時的に受け入れる」とかいう選択肢がありません。そのかわり「例外として扱うこともできます」という謎のリンクがあります。クリックすると、「例外を追加」というボタンが現れます。 「インターネット接続環境を完全には信頼できない場合や、これまでこのサーバではこの警告が表示されなかった場合は、このサイトを例外として追加しないでください。」という注意書きが。そして例外に追加しようとすると、だめ押しの一撃。 「本物の銀行、ショップ、その他公共サイトがこの操作を求めることはありません。」太字で断言ですよ。これは気持ち良い! ここまでされると、本物サイトをオレオレ証明書で運用するのもかなり抵抗が出てくるでしょう。 ※興味本位で一時的にアクセスしてみたりするのがやりにくくなりますが……。まあ、一般の人はそんなことをする必要がありませんしね。 「Firefox3のオレオレ
Mozilla Re-Mix: 動画やイメージ、選択テキストをWordpressやTwitterに投稿できるFirefoxアドオン「DashBlog」
ブログやミニブログ系に投稿するのはもう日常的になっていますが、こうしたツールに他のサイトからの情報を載せるのはワンタッチというわけにはいきません。 そうした投稿作業を、Firefoxから簡単に行うことができるアドオンが「DashBlog」です。 「DashBlog」は、Firefoxで閲覧中のページの中から、選択テキスト、画像、ビデオ、ページのスクリーンショットなどをブログサービスなどに簡単に投稿（送信）することができるアドオンです。 投稿可能なサービスは [word press][blogger][tumblr][twitter]となっており、本格的なブログサービスからミニブログまで気軽に情報を投稿できるようになっています。 ＜利用方法＞ 「DashBlog」を使って各サービスに投稿を行うには、Firefoxのアクティブページ上で右クリックし、コンテキストメニューから[DashBlog]
サイトのアップデートを監視するFirefox機能拡張「Update Scanner」 - ネタフル
「Monitor Web Sites for Updates with Update Scanner」というエントリーで紹介されていたのですが、これけっこういいかも。 今時のサイトはRSSフィードとかしていて、サイトの更新が手軽に分かるものが増えていますが、そうでないサイトも多いですから、はてなアンテナなどを利用します。 そのアンテナ機能をFirefoxの機能拡張として実現してしまったのが「Update Scanner」です。 インストールしたらツールバーをカスタマイズして表示させます。↑アイコンをクリックすると、左側にサイドバーが表示されます。そこにサイトを登録していきます。 新規サイトを登録すると、次のようなダイアログが表示されます。 サイト名とURLは自動で入力されます。チェック頻度や、細かい変更点は無視するかどうかなどを設定します。 そして実際に登録し、さらに「Scan」ボタンをク
青空文庫を縦書きにする Greasemonkey スクリプト
Kamimura さんのエントリを読んで、 縦書きで、本の体裁を取った方が読み易い ネット上で文章を縦書きに変換する仕組みができないかな？と JavaScript をいじっているうちに、ちょっと面白いものが出来ました。 それが青空文庫を縦書きに変換するユーザースクリプトとブックマークレット。どちらも Firefox 用です。ブックマークレットはお好きなところで使ってもらったらいいんですが、ユーザースクリプトの方は、青空文庫の各作品の XHTML ファイルを開いた時に働くようにしてあります。 ユーザースクリプト Greasemonkey の入った Firefox で下のリンクをクリック、「Install」ボタンを押してください。リンクを右クリックして「Install User Script」を選ぶ方法でもいいです。 tategaki.user.js ブックマークレット Firefox で、下
窓の杜 - 【NEWS】文字列を単位変換・翻訳してインライン表示できるFirefox拡張「Hyperwords」
Webページ上の選択文字列を単位変換・翻訳してインライン表示できる「Firefox」用拡張機能「Hyperwords」v2.8が公開された。「Firefox」v1.5以降に対応するフリーソフトで、編集部にてWindows XP/Vista上の「Firefox」v2.0.0.6で動作確認した。現在、作者のホームページなどからダウンロードできる。 「Hyperwords」は、Webページ上で選択した文字列のポップアップメニューからさまざまな処理を行える「Firefox」用の拡張機能。GoogleなどのWeb検索やWikipediaなどのオンライン事典検索に加え、単位変換や文章翻訳を行う機能を備えており、変換・翻訳結果をもとのWebページ上でインライン表示できるのが特長。 使い方は簡単で、Webページ上の文字列をドラッグなどで選択すると即座に現れるポップアップメニューから、利用したい検索エンジン
XSSとかSQLインジェクションとかをチェックするためのGreaseMonkey - ( ꒪⌓꒪) ゆるよろ日記
XSSとかSQLインジェクションとかをチェックするために、フォームの入力項目にスクリプトとかを入力するのが面倒だったので。 こんなん作りました。 Xss Check Helper http://yuroyoro.com/greasemonkey/xsscheckhelper.user.js 機能 ページ内のフォームコントロール(input[text,checkbox,radio],textfield,select)のvalueを指定した値に強制的に書き換えるスクリプトです。 たとえば、以下のようなcheckboxがあったとして、 <input type="checkbox" name="test_check" value="1"/>このスクリプトをかますと <input type="checkbox" name="test_check" value="<b>TestValue</b>"/>
ke-tai.org > Blog Archive > 端末IDを設定でき、ケータイサイトの開発に便利なFirefoxアドオン「Modify Headers」
端末IDを設定でき、ケータイサイトの開発に便利なFirefoxアドオン「Modify Headers」 Tweet 2008/4/17 木曜日 matsui Posted in ソフト紹介 | 5 Comments » 本日は、ケータイサイトの開発に便利なFirefoxアドオン「Modify Headers」をご紹介します。 ケータイ向け開発を行っていると、ログイン部分のプログラム作成などで、端末IDを取得したいケースがあります。 エミュレータには端末ID出力のための機能がついていたりするのですが、そのためにいちいちエミュレータから操作するのは面倒です。 「Modify Headers」を使うことで、HTTPヘッダを指定の通りに書き換えることができるため、携帯電話になりすまし端末IDを出力することができます。 → FireFox Add-ons Modify Headers [mozill
Fireflyを使ってFirefoxをファイルブラウザにする | OSDN Magazine
最近のWebブラウザは、さまざまなアプリケーションのフロントエンドとしても機能する。たとえば、Firefoxからハードディスク内のファイルを閲覧して開きたければ、 Firefly という拡張機能が使える。 Fireflyをインストールしたら、使い始める前に設定を行う必要がある。「ツール」→「アドオン」を選択し、リストからFireflyを探して「設定」をクリックする。Fireflyには、6画面分のオプションがある。「General」タブでは、隠しファイルの表示、ディレクトリおよびファイルの閲覧/選択が可能なサイドバーのデフォルト表示、オーディオファイルの自動再生といった項目が設定できる。また、サイズの大きなディレクトリをFireflyで表示すると動作が遅くなるので、ディレクトリスキャンの間隔を調整したり、ディレクトリサイズ算出やアイコン表示を無効化したりしてもよいだろう。ただし、最も重要なの
Big Sky :: 今さら聞くのは恥ずかしい「microformatsとは何か？」
The sbox program encountered an error while processing this request. Please note the time of the error, anything you might have been doing at the time to trigger the problem, and forward the information to this site's Webmaster (webmaster@www.ac.cyberhome.ne.jp).Stat failed. /usr/local/apache2/cgi-bin/~mattn: No such file or directory sbox version 1.10 $Id: sbox.c,v 1.16 2005/12/05 14:58:01 lstein
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メンテナンス中