Firefoxのアドレスバーからツイッターの検索が出来るアドオン「Twitter Address Bar Search」が便利だったのでご紹介。

Twitterから公式に出されたアドオンという事で早速試してみたのですが、すごく良く出来ています。

@と＃を入力することで、ユーザー名の検索とハッシュタグの検索に対応している様子。

デスクトップ上のFirefoxとアンドロイドで動作するようですよ。

使ってみた様子

↑ハッシュタグで検索している様子

↑検索バーにTwitterからの検索が追加されます。

アドオンのソースコードもGithubにて公開されていましたよ。
https://github.com/mozilla/twitter-address-bar-search

いちいちhttpから入力したり、そのサイトに行くのが面倒だったりしますが、
アドオンなら簡単に使えて良いですね。

詳細＆ダウンロードは以下からどうぞ。

いまやFirebugはWeb開発には必須の拡張機能ですが、Flashでも使いたいという方のために「FlashFirebug」という物がありました。

AS3で作れらたFlashのデバッグが、HTMLやJSをデバッグするように簡単に作業できるようになりそうです。

アドオンをインストールすると、FirebugにFlashパネルが追加され、閲覧ページ内のFlashをデバッグできるようになります。

Firebugのようなデバッグ

↑SWFにマウスオーバーした際に、HTMLのように要素を表示してくれます。

↑YouTubeのサイトで、パラメータを操作している様子。

↑エラーやトレースの出力ももちろん可能に。

これは開発が楽になりそうですね。

利用にはFlash Debug Playerバージョン10以上が必要との事。
ダウンロードは下のリンクからどうぞ。

インストールすると、ブラウザのステータスバーにCakeアイコンとデバッグレベルが表示されるようになります。

右クリックからデバッグレベルを選択、変更できるようになりました。
CakePHP開発者の方は全員入れて良いのではないでしょうか！

設定方法

コンポーネントをgithubからダウンロードして、コンポーネントに読み込むだけです。

app_controller.phpに設定すると良いでしょう。

class AppController extends Controller {
    var $components = array(
        'DebugControl',
    );
}

デバッグレベルが0の場合には動作しないようです。
必ず1以上の値を設定してください。

Configure::write('debug', 1);

PhotoShopでレイアウトを作成する際にガイド機能はとっても便利ですよね。

そんな便利なガイド機能をFirefoxのアドオンとして使える「foxGuide」をご紹介。

Webサイトに水平、垂直に線を引いてデザイン構造を思い通りに作れるようになりましょう！

以下、主な機能になります。

一度ガイドを設定すると、ブラウザ再起動後も保存されている

ウェブページ上でガイドを設定すると、そのガイドは自動的に保存され、次回訪問時にも表示できるようになっています。

タブを閉じたり、ブラウザを再起動しても使えるのは嬉しいですね。
もちろん削除する事もできます。

十分な長さ

10000ピクセルの画面サイズまで使用できるそうです！すごい！

たくさんのオプション

サイトのコンテンツが隠れてしまわないように、定規の透明度を変更することができるようになっています。 また、ガイドの色も変更可能です。

ダウンロードは下のリンクからどうぞ！

Google ReaderのUIをMacアプリ風に

「Pure Reader」はGoogle Readerのスキンを変更するChrome拡張機能です。

ReederというMacのクライアントソフトがあるのですが、 このアプリのWeb版のようなインターフェイスになっています。

※Reederについてはこちらの記事に詳しく紹介されています。
Googleリーダーを読みやすくするアプリ『Reeder』のMac対応のドラフト版が出ました！ : ライフハッカー［日本版］

見やすいアイテム表示

エントリの表示画面はとても見やすい画面で、各リンクは上部に配置されているため操作性もとても良くなっています。

基本はWeb版のGoogle Readerなので、ショートカットなども今まで通りに使えます。

Safari・FIrefox版もあります

Safariでも同じ拡張機能を使用できるようになっています。
お好みのブラウザでできますね！

Safri版はリンク先のダウンロードボタンから、その他のブラウザはFor Other Browsersにダウンロードリンクがあります。

RSSリーダーにGoogle Readerを使っている方は使ってみてはいかがでしょうか。

利用にはユーザ登録が必要ですが、メールアドレスやパスワードを入力するだけで簡単に登録が可能です。

開発はもちもんの事、他のユーザが作成したソースコードを見る事ができるようになっています。
そこからコピーして自分用にカスタマイズをしたり、リビジョンを閲覧する事ができました。

もちもん、Firefox Add-onに公開する事も可能です。

興味のある方はぜひ使ってみてください。

その他、日本語での開発には以下のサイトに詳しくまとめられています。

アドオン開発

Hyperwords

ダウンロード

右クリックを拡張し、選択した単語の意味をWikipediaなどで調べる事ができる拡張機能。

Paste Email

ダウンロード

繰り返し使うテキストをクリップボードに保存しておいて、後から呼び出す事ができます。

ScrapBook

ダウンロード

Webページを保存して整理する事ができる拡張機能です。一度保存したページは正規表現による全文検索や高速フィルタリング検索をする事も。Operaの「メモ」機能に似たテキスト編集機能でHTMLを編集する事も可能です。

CoolPreviews

ダウンロード

アンカーテキストやリンクが設定された画像にマウスオーバーすると、リンクの横にアイコンが表示されます。
そのアイコンをクリックで、リンク先のプレビューを見る事ができます。
クリックで行ったり来たりを繰り返す場合などに。

Fox Splitter

ダウンロード

Firefoxのウインドウ内に複数のページを表示します。カレンダーを常に表示したり、サイト比較する際などに。

WOT – Safe Browsing Tool

ダウンロード

数百万人ものメンバーから成るWOTコミュニティの評価をベースにWebサイトが格付けされています。
Google、Yahoo!などの検索結果の横に評価アイコンを表示し、オンライン詐欺、なりすまし、不審なショッピングサイト、セキュリティの脅威などを回避する事ができます。

Video DownloadHelper

ダウンロード

動画サイトからワンクリックでFLVをダウンロードできるようにする拡張機能。
以下のサイトに対応しているようです。

YouTube
ワッチミー！TV
アメーバビジョン
VOLUMEONE
PeeVee.TV

FireFTP

ダウンロード

FirefoxをFTPクライアントとして動作させる拡張機能。
SFTPにも対応しています。

Read It Later

ダウンロード

後で読むためにページを保存します。ブックマークするほでも、、、という場合に。

「Make Address Bar Font Size Bigger」はFirefoxのURL欄のフォントサイズを大きくしてくれるプラグインです。

URL欄はどうしても小さい文字のため、アドレスがみずらかったり直接打ち込む際に間違ったりという事が無いとは言えません。

高い画面解像度のマシンの方、視力が最近ちょっと、、、という方に便利そうです。

年配の方のマシンにインストールしてあげても良いかもしれませんね。

ダウンロードはMozilla addonsからダウンロード可能です。

使い方

使い方ですが、まずはデバッガを起動します。
[ツール] > [JavaScript Debugger] を選択して起動します 。

ウインドウ右下にあるコンソールからコマンドを実行します。

コマンドは以下のような形式になります。

/break [デバッグしたいファイル名] [行番号]

例)
/break jQeuery 10

このコマンドではJavaScriptを指定位置で停止させる事ができ、変数の内容などを取得する事が可能になっています。

Mozillaのサイトにて詳しい使い方も載っているのであわせてご覧下さいい。

• Venkman

ただ、Firefox1.5と2.0で使用する場合にはバグがあるそうです。
一度アドオンのウインドウを閉じた後に再度開けないとの事。これはFirefox側の問題だそうです。

JavaScriptの制作に関わっている方は、導入してみてはいかがでしょうか。

WEBサービスからFirefoxのアドオン、スタンドアローンなアプリまで色々あったのをいくつかご紹介。

詳しくは以下

Kuler

テーマを指定して色合いを発見する事ができるオンラインアプリケーション。

Color Scheme Designer

配色を指定すると、WEBページをプレビューして確認出来るオンラインアプリ。
これは知らなかったのですが、これからヘビーに使いそうです。

Check My Color

指定したURLのCSSを解析して,背景色と文字色を見て見やすいかどうかをチェックしてくれるツール。

ColorZilla

Firefoxのアドオン。Firefoxの画面の中から選択した位置の色を拾ってくれます。

配色にお困りの方はぜひサイトをご覧になってみてください。