cakephp/wordpress/flash/flex/iPhone/mixiアプリの開発しています。
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をデバッグできるようになります。
「CakeDebug」はブラウザからCakePHPのデバッグレベルを切り替えるFirefox拡張です。
インストールすると、ブラウザのステータスバーに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ピクセルの画面サイズまで使用できるそうです！すごい！
サイトのコンテンツが隠れてしまわないように、定規の透明度を変更することができるようになっています。 また、ガイドの色も変更可能です。
ダウンロードは下のリンクからどうぞ！
「Pure Reader」はGoogle Readerのスキンを変更するChrome拡張機能です。
ReederというMacのクライアントソフトがあるのですが、 このアプリのWeb版のようなインターフェイスになっています。
※Reederについてはこちらの記事に詳しく紹介されています。
Googleリーダーを読みやすくするアプリ『Reeder』のMac対応のドラフト版が出ました！ : ライフハッカー［日本版］
エントリの表示画面はとても見やすい画面で、各リンクは上部に配置されているため操作性もとても良くなっています。
基本はWeb版のGoogle Readerなので、ショートカットなども今まで通りに使えます。
Safariでも同じ拡張機能を使用できるようになっています。
お好みのブラウザでできますね！
Safri版はリンク先のダウンロードボタンから、その他のブラウザはFor Other Browsersにダウンロードリンクがあります。
RSSリーダーにGoogle Readerを使っている方は使ってみてはいかがでしょうか。
「Add-on Builder」はブラウザ上からFirefoxのアドオンを開発する事ができるWEBサービスです。
利用にはユーザ登録が必要ですが、メールアドレスやパスワードを入力するだけで簡単に登録が可能です。
開発はもちもんの事、他のユーザが作成したソースコードを見る事ができるようになっています。
そこからコピーして自分用にカスタマイズをしたり、リビジョンを閲覧する事ができました。
もちもん、Firefox Add-onに公開する事も可能です。
興味のある方はぜひ使ってみてください。
その他、日本語での開発には以下のサイトに詳しくまとめられています。
Firefoxは最新リリースで3.6になり、ますます高速化がされています。そんなFirefoxを使用してさらに作業効率をあげるアドオンを厳選してご紹介。
右クリックを拡張し、選択した単語の意味をWikipediaなどで調べる事ができる拡張機能。
「Make Address Bar Font Size Bigger」はFirefoxのURL欄のフォントサイズを大きくしてくれるプラグインです。
URL欄はどうしても小さい文字のため、アドレスがみずらかったり直接打ち込む際に間違ったりという事が無いとは言えません。
高い画面解像度のマシンの方、視力が最近ちょっと、、、という方に便利そうです。
年配の方のマシンにインストールしてあげても良いかもしれませんね。
VenkmanはFirefoxのために作られたJavaScriptのデバッガです。
ブレークポイント管理、コールスタック監視、変数/オブジェクト監視などができるため開発者にとっては強力なツールになりそうです。
ダウンロードはMozilla addonsからダウンロード可能です。
使い方ですが、まずはデバッガを起動します。
[ツール] > [JavaScript Debugger] を選択して起動します 。
ウインドウ右下にあるコンソールからコマンドを実行します。
コマンドは以下のような形式になります。
/break [デバッグしたいファイル名] [行番号]
例)
/break jQeuery 10
このコマンドではJavaScriptを指定位置で停止させる事ができ、変数の内容などを取得する事が可能になっています。
Mozillaのサイトにて詳しい使い方も載っているのであわせてご覧下さいい。
ただ、Firefox1.5と2.0で使用する場合にはバグがあるそうです。
一度アドオンのウインドウを閉じた後に再度開けないとの事。これはFirefox側の問題だそうです。
JavaScriptの制作に関わっている方は、導入してみてはいかがでしょうか。
今回ご紹介するのは、配色を考える際に使えるサイトをまとめた20 Color Combination Tools for Designersというエントリー。
WEBサービスからFirefoxのアドオン、スタンドアローンなアプリまで色々あったのをいくつかご紹介。
詳しくは以下
0