とりあえずゲーム用PCにはAdobe系のソフトが入ってないので、これで仕事をする事はない。しかしサイト確認用としては使うかもしれないので、Firefoxには仕事で使ってる、または使えそうなアドオンを入れてみた。基本的にサイト制作と情報収集に便利そうなものが中心です。

というわけで今日は本当にメモです。

Evernote Web Clipper
ブラウザ上で選択したテキストや画像をEvernoteにクリップしてくれる。

Firebug
ブラウザで開いてるページのCSSやHTML・JavaScriptを編集・デバック・モニタすることが出来る。

FireMobileSimilator
携帯端末のブラウザをシミュレートしてくれる。

ColorZila
ブラウザ上の色を拾えるカラーピッカー。

dragdropupload
ドラッグ&ドロップでファイルのアップロードができる。

Dust-Me Selectors
使ってないCSSセレクタを表示してくれる。

Html Validator
HTMLのバリデートをしてくれる。修正もしてくれるみたい…使いこなせてない。orz

Make Link
右クリックメニューでURLとページタイトルのコピーが一度に出来る。「このサイト見てください」ってときに便利。

MeasureIt
webサイト上で色んなものをpxで計る事ができる。

Pearl Crescent Page Saver Basic
webサイトのスクリーンショットが撮れる。違うのを使ってたんだけど、Flashも撮れるようなのでこっちに変更。

Search Status
PageRankやAlexaのランクを表示してくれる。他にも色々あるみたい。

SeoQuake
検索エンジンなどから、検索順位やその他のデータを読みこんで表示してくれる。

Snap Links Plus
右クリックを押しながら範囲選択することで、複数のリンクを新しいタブで開く。

Web Developer
サイト制作に役立つ機能満載。画像の表示を消したり、CSSを切ったり、ブロック要素を枠で囲んでくれたり多機能で書ききれない。最近では主にアクセシビリティチェックに飛ばす為に使ってるだけな気もする。
[追記] Web Developer1.16にハレルとかSEOとか

SBMカウンタ
開いてるページのはてなブックマーク・Delicious・Livedoorクリップ等の数字とコメントを表示してくれる。

Greasemonkey
便利な機能を追加してくれる。

以下Greasemonkeyのユーザースクリプト

Google Image Relinker with Mouseover
Googleイメージ検索で検索結果をマウスオーバーで見せてくれる。

G+?B
Google検索の検索結果でサイトのはてブ数を教えてくれる。

Google Analytics with SBM
Google Analyticsの参照サイトなどで、リンク元のはてブ数を教えてくれる。

AutoPagerize
Google検索など、複数ページがある場合自動で読み込んで表示してくれる。

他に何かオススメばあれば教えてください。

関連する投稿

• [追記] Web Developer1.16にハレルとかSEOとか
• Firefoxでよく使うアドオン
• 僕のFirefox2子ちゃんがFirefox3.0君と同棲を始めました
• SleipnirのHawkeyeが凄かった
• IE Testerが0.23になってますね

“ツール”にwebサービスを追加すると何が良いかというと、いちいちお気に入りから利用したいwebサービスのサイトを開いて…という手間を省く事ができるのです。たぶん僕は死ぬまであと何回もこれを繰り返す事になるんで(まぁ明日生きてるかもわからないんだけど)、1秒でも早いとうれしいよね！ライフハックとかと同じノリだよ！

ではwdの”ツール”を開いて、”ツールを編集する”クリック。ウィンドウが開いたら、”追加”を押します。ツールタイプはURLを選択して、URL:の中に下にある利用したいサービスの http://～～= までを入れます。以上！

アクセシビリティチェック(HAREL)
http://harel.nttdata.co.jp/check?uri=
NTTデータが提供するサービス。採点形式でチェックしてくれます。

点数低っ！次作り直す時は頑張ります。

SEOアクセス解析(SEO TOOLS)
http://www.seotools.jp/001_seoanalyze/?url=
webサイトをSEO的観点から採点しくれるサービス。

ちなみにうちは26点でした。いやーお恥ずかしい。

SEO検索エンジン (Pythagoras)
http://www.pythagoras.bz/index.php/default/detail?url=
webサイトのキーワードや全体的なデータが見れるサービス。

見にくいですけど、このブログがまだwordpressのデフォルトのテーマ(classic)を使ってた頃の画像になってますね。

web戦闘力(影響力)測定(Web Scouter)
http://ja.webscouter.net/info.phtml?u=
外部要因からサイトの戦闘力を算出するサービス。(ブックマークから簡単に計れますけどね)

このブログは89。良く言えば一番最初に天下一武道会に出た悟空と同じくらいらしい。

FC2キーワードチェッカー
http://seo.fc2.com/keywordrate/index.php?m=ct&optid=&url=
FC2のキーワード専門のチェッカー。最適は5％的なアレですね。

とくにこだわった事がないので何も言えないです。

他に何かオススメがありましたらぜひ教えてください。

関連する投稿

• 今日入れたFirefoxアドオンのメモ
• Firefoxでよく使うアドオン
• 僕のFirefox2子ちゃんがFirefox3.0君と同棲を始めました
• ビーマニ風ぱんぱんミュージックをやってみた
• それ俺です、わがまま言ってすいません

コリスさんのところで知ったのですが、IETesterがアップデートしましたね。最近ではIEでのチェックは全部IETesterでやってたのでうれしい限りです。いまいち安定していない所もあったし改善されていたら嬉しい。

そういえば知らなかったんですが、言語で日本語も選択出来るんですね。

関連する投稿

• 今日入れたFirefoxアドオンのメモ
• [追記] Web Developer1.16にハレルとかSEOとか

Firefox3.0を入れてみた。まだどれだけ早くなったか試してないけど。

もちろんFirefox2を上書きするわけにはいきませんので、とりあえずバージョン違いのFirefoxをインストールする方法を。

小粋空間: Firefox 1.5 と Firefox 2.0 を共存させる

解説は1.5と2だけど、同じ方法でいけます。

だが、途中に出てくるユーザープロファイルの新規作成の

“firefox -p” を入力して

って場所ですが、なぜか僕の作業PCだとこれが出てこないので
Firefoxを複数プロファイルで使い分ける | Tech de Go

firefox –profilemanager

で呼び出す。

あとは小粋空間さんとTech de Goさんに感謝しながら使う。

関連する投稿

• Firefoxでよく使うアドオン
• 今日入れたFirefoxアドオンのメモ
• [追記] Web Developer1.16にハレルとかSEOとか
• SleipnirのHawkeyeが凄かった
• Firefoxのページスクロールの自動出現を制御する

最近の限定版はDVDにPVがついてたので、今回も当然ついてるものと思い込んで期待していた分ちょっとガッカリ。

まぁUSツアーの様子が垣間見れただけでもそこそこ満足だけど、正味5分ぽっちだしねぇ。

リスクは少ない方が良いですが、DVDの内容は多い方が良いってうちの猫が言ってます。

関連する投稿

• [the pillows] PIED PIPER買ってきました
• New Animalを予約しました

これは･･･凄く便利そう･･･
ちなみにブラウザ内の左上が普通のブラウザ、左下がHTML、右上がCSS、右下がHTMLの構造を視覚化した画面。1ページずつ作るような場合はもうプニルさんとHawkeyeで良さそうな気もする。

と喜んでたら「おまえ今更知ったのかよ」と同僚に言われたわけですが

ちなみに一番の衝撃はSleipnirの軽快さでした。
普段アドオンをいっぱい搭載したFirefoxを使ってるんでびっくりしました

関連する投稿

• Firefoxでよく使うアドオン
• 美しい日本語フォントAXISの商用利用できる試用版
• 無料で商用利用可能なメールフォームやCGI
• 横幅960pxのグリッドレイアウト
• 携帯サイトを作る前に読むべき本

僕がFirefoxに入れている便利なアドオンのご紹介･･･というかメモです。
もし何かがおきて、再インストールが必要になったときのことを考えると、いちいち一個ずつ探すのが面倒なのでまとめておきます。

よかったら騙されたと思って使ってみてください
と言いましても、並んでる全てが超有名所ばかりですが

bbs2chreader
その名のとおりブラウザ上で２ちゃんねるが見れます。
あなたのFirefoxが２ちゃんブラウザに大変身！

colorzilla
スポイトで抽出するカラーピッカー
ブラウザ上のサイトから色を抽出できます

CSSViewer
カーソルを合わせるだけでCSSファイル内の
セレクタ内の値を見る事ができます。

Dust-Me Selectors
CSSファイルのなかで使ってないセレクタを抽出。

Firebug Japanese
ブラウザ上でHTMLやCSSの書き換えなどができる。
エラーを教えてくれたりして便利。
個人的にはソースにポインタを合わせるだけで、それが
画面上の何処をさしてるかを視覚化して教えてくれるのが便利。

IE Tab
今見ているページを別タブにIEで表示してくれます。
*でもMultipleIEsやIETesterがあるから実際はあんまり使わない

Irvine用コンテキストメニュー拡張
定番のアレです。サイト等から画像を根こそぎ落としたいときに使います。

MeasureIt
ブラウザ内の対象の大きさやスペースを任意で図る事ができます。

OperaView
Firefoxで見ているのと同じページをOperaで開きます

Screengrab!
開いているサイトの全体のスクリーンショットを撮ることができます。

SeoQuake
使い始めたばかりで詳しくはわかりませんが、
検索結果と同時に被リンクなどを表示してくれます。

Tab Mix Plus
Firefoxのタブ周りを細かに設定する事ができます。
これ無しでFirefoxを使うのは考えられません

Web Developer 1.1.4 日本語版
webサイト作りで必要な多くの情報を与えてくれるアドオンです。
痒いところに手が届くというかなんというか。これも無いと仕事に影響が出ます。
あと地味にバリデータに飛ばしてくれる機能が便利。

関連する投稿

• 僕のFirefox2子ちゃんがFirefox3.0君と同棲を始めました
• 今日入れたFirefoxアドオンのメモ
• [追記] Web Developer1.16にハレルとかSEOとか
• SleipnirのHawkeyeが凄かった
• Firefoxのページスクロールの自動出現を制御する