<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web活メモ帳 &#187; ブラウザと拡張機能</title>
	<atom:link href="http://blog.verygoodtown.com/category/browser-and-extensions/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します。</description>
	<lastBuildDate>Thu, 09 Feb 2012 02:01:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>FirefoxのアドレスバーからTwitterを検索できるアドオンが便利ですよ</title>
		<link>http://blog.verygoodtown.com/2011/06/firefox-addon-twitter-address-bar-search/</link>
		<comments>http://blog.verygoodtown.com/2011/06/firefox-addon-twitter-address-bar-search/#comments</comments>
		<pubDate>Thu, 02 Jun 2011 01:00:52 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[firefox addon]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=7432</guid>
		<description><![CDATA[
Firefoxのアドレスバーからツイッターの検索が出来るアドオン「Twitter Address Bar Search」が便利だったのでご紹介。
Twitterから公式に出されたアドオンという事で早速試してみたのですが [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/06/20110602-01.png" alt="20110602 01" title="20110602-01.png" border="0" width="200" height="97" /></p>
<p>Firefoxのアドレスバーからツイッターの検索が出来るアドオン「<a href="https://addons.mozilla.org/ja/firefox/addon/twitter-address-bar-search/" target="_blank">Twitter Address Bar Search</a>」が便利だったのでご紹介。</p>
<p>Twitterから公式に出されたアドオンという事で早速試してみたのですが、すごく良く出来ています。</p>
<p><strong>@と＃を入力することで、ユーザー名の検索とハッシュタグの検索に対応</strong>している様子。</p>
<p>デスクトップ上のFirefoxとアンドロイドで動作するようですよ。</p>
<h3>使ってみた様子</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/06/20110602-02.png" alt="20110602 02" title="20110602-02.png" border="0" width="350" height="110" /></p>
<p>↑ハッシュタグで検索している様子</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/06/20110602-03.png" alt="20110602 03" title="20110602-03.png" border="0" width="200" height="97" /></p>
<p>↑検索バーにTwitterからの検索が追加されます。</p>
<p>アドオンのソースコードもGithubにて公開されていましたよ。<br />
<a href="https://github.com/mozilla/twitter-address-bar-search" target="_blank">https://github.com/mozilla/twitter-address-bar-search</a></p>
<p>いちいちhttpから入力したり、そのサイトに行くのが面倒だったりしますが、<br />
アドオンなら簡単に使えて良いですね。</p>
<p>詳細＆ダウンロードは以下からどうぞ。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2011/06/firefox-addon-twitter-address-bar-search/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gmailをもっと便利に使えるGoogle Chrome拡張機能いろいろ</title>
		<link>http://blog.verygoodtown.com/2011/05/google-chrome-gmail-extension/</link>
		<comments>http://blog.verygoodtown.com/2011/05/google-chrome-gmail-extension/#comments</comments>
		<pubDate>Tue, 31 May 2011 01:00:35 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[拡張機能]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=7388</guid>
		<description><![CDATA[Google ChromeでGmailを使う際に便利な拡張が無いかと思って探してたので情報をシェアします。
すでに知ってるものもあるかもしれませんが、備忘録的に残しておきます。
詳しくは以下

OmniMail

アドレ [...]]]></description>
			<content:encoded><![CDATA[<p>Google ChromeでGmailを使う際に便利な拡張が無いかと思って探してたので情報をシェアします。</p>
<p>すでに知ってるものもあるかもしれませんが、備忘録的に残しておきます。</p>
<p>詳しくは以下<br />
<span id="more-7388"></span></p>
<h3><a href="https://chrome.google.com/webstore/detail/kfhbeoladmfbfpmdobbakmokhlniaodg" target="_blank">OmniMail</a></h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-01.png" alt="20110531 01" title="20110531-01.png" border="0" width="400" height="275" /></p>
<p>アドレスバーから、メールの作成が出来るChrome拡張機能。<br />
Gmailをブラウザで使っている方は重宝しそうです。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-02.jpg" alt="20110531 02" title="20110531-02.jpg" border="0" width="500" height="50" /></p>
<p>↑アドレスバーに「mail」と「Tab」を続けて入力すると、拡張機能が待機状態になります。</p>
<p>その状態でメールアドレスを入力してEnterを押すと、メールの新規作成画面が開くように。</p>
<p>Google Contactを使用している方は最初の何文字かを記入すれば、サジェストでアドレスを表示してくれます。</p>
<h3><a href="https://chrome.google.com/webstore/detail/dgkkmcknielgdhebimdnfahpipajcpjn" target="_blank">Mailto:Gmail</a></h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-03.png" alt="20110531 03" title="20110531-03.png" border="0" width="343" height="275" /></p>
<p>mailtoをクリックした時にGmailが新しいウインドウで開くようになります。</p>
<h3><a href="https://chrome.google.com/webstore/detail/pgphcomnlaojlmmcjmiddhdapjpbgeoc" target="_blank">Send from Gmail</a></h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-09.png" alt="20110531 09" title="20110531-09.png" border="0" width="245" height="136" /></p>
<p>今開いているサイトのタイトルとURLをGmailで送る時に使える便利拡張です。<br />
後で読むサイトをメールで管理したい場合に使えますね。</p>
<h3><a href="https://chrome.google.com/extensions/detail/gighmmpiobklfepjocnamgkkbiglidom?hl=ja" target="_blank">AdBlock</a></h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-05.png" alt="20110531 05" title="20110531-05.png" border="0" width="366" height="274" /></p>
<p>Gmailの広告を非表示にする拡張機能。</p>
<h3><a href="https://chrome.google.com/webstore/detail/mgdnblnolcinnndenjnollpiplgkbjcn#" target="_blank">Better Gmail</a></h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-06.png" alt="20110531 06" title="20110531-06.png" border="0" width="400" height="275" /></p>
<p>添付ファイルのアイコンを拡張子によって切り替えたり、必要のない広告やチャット、招待、フッタを非表示にしてくれます。</p>
<p>その他にも選択行のハイライトやmailtoリンクのクリックによるGMAILの起動など、様々な便利機能が追加できるようになります。おすすめ。</p>
<h3><a href="https://chrome.google.com/webstore/detail/mihcahmgecmbnbcchbopgniflfhgnkff" target="_blank">Google Mail Checker</a></h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-07.png" alt="20110531 07" title="20110531-07.png" border="0" width="243" height="170" /></p>
<p>Google Mail の受信トレイにある未読のメール数を表示します。</p>
<h3>新着メールのデスクトップ通知</h3>
<p>他にも標準機能ですが、新着メールのデスクトップ通知が可能になっているようです。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110531-08.jpg" alt="20110531 08" title="20110531-08.jpg" border="0" width="500" height="88" /></p>
<p>設定方法は、Gmailの設定画面からデスクトップ通知をオンにするだけです。GmailとChromeをよく使う方はいかがでしょうか。<br />
こういった便利な機能を作成してくれた作者様に感謝感謝！</p>
<p>他にも<a href="https://mail.google.com/mail/?shva=1#settings/labs" target="_blank">Gmail Labs</a>には便利機能がいっぱい隠されています。</p>
<p>ちょっと変わったアイデアを試してみたい方はどうぞ。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2011/05/google-chrome-gmail-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash開発者は絶対に入れるべきFirefoxアドオン「FlashFirebug」</title>
		<link>http://blog.verygoodtown.com/2011/05/flashfirebug-a-firefox-extension-for-debugging-as3-flash/</link>
		<comments>http://blog.verygoodtown.com/2011/05/flashfirebug-a-firefox-extension-for-debugging-as3-flash/#comments</comments>
		<pubDate>Fri, 06 May 2011 01:00:20 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[firefox addon]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=7090</guid>
		<description><![CDATA[
いまやFirebugはWeb開発には必須の拡張機能ですが、Flashでも使いたいという方のために「FlashFirebug」という物がありました。
AS3で作れらたFlashのデバッグが、HTMLやJSをデバッグするよ [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110506-03.jpg" alt="20110506 03" title="20110506-03.jpg" border="0" width="500" height="283" /></p>
<p>いまやFirebugはWeb開発には必須の拡張機能ですが、Flashでも使いたいという方のために「<a href="http://www.o-minds.com/products/flashfirebug" target="_blank">FlashFirebug</a>」という物がありました。</p>
<p>AS3で作れらたFlashのデバッグが、HTMLやJSをデバッグするように簡単に作業できるようになりそうです。</p>
<p>アドオンをインストールすると、FirebugにFlashパネルが追加され、閲覧ページ内のFlashをデバッグできるようになります。<br />
<span id="more-7090"></span></p>
<h3>Firebugのようなデバッグ</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110506-06.jpg" alt="20110506-06" title="20110506-06" width="282" height="220" class="alignnone size-full wp-image-7093" /></p>
<p>↑SWFにマウスオーバーした際に、HTMLのように要素を表示してくれます。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110506-04.jpg" alt="20110506 04" title="20110506-04.jpg" border="0" width="500" height="271" /></p>
<p>↑YouTubeのサイトで、パラメータを操作している様子。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/05/20110506-05.jpg" alt="20110506 05" title="20110506-05.jpg" border="0" width="549" height="195" /></p>
<p>↑エラーやトレースの出力ももちろん可能に。</p>
<p>これは開発が楽になりそうですね。</p>
<p>利用にはFlash Debug Playerバージョン10以上が必要との事。<br />
ダウンロードは下のリンクからどうぞ。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2011/05/flashfirebug-a-firefox-extension-for-debugging-as3-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox3と4を同時に起動する方法</title>
		<link>http://blog.verygoodtown.com/2011/04/win-mac-firefox3-and-4/</link>
		<comments>http://blog.verygoodtown.com/2011/04/win-mac-firefox3-and-4/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 01:05:50 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[Firefox 3]]></category>
		<category><![CDATA[Firefox 4]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=6775</guid>
		<description><![CDATA[
Firefox4がリリースされてから1週間程度たちましたが、もうインストールされてますか？
本日はFirefox3と4を共存させて同時起動できる方法を調べたのでやり方をシェア。
Firefox 3 はインストール済みの [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110407-01.jpg" alt="20110407-01" title="20110407-01" width="500" height="209" class="alignnone size-full wp-image-6777" /></p>
<p>Firefox4がリリースされてから1週間程度たちましたが、もうインストールされてますか？</p>
<p>本日はFirefox3と4を共存させて同時起動できる方法を調べたのでやり方をシェア。</p>
<p>Firefox 3 はインストール済みの状態から始めてます。</p>
<p><a href="#win">Windowsの設定方法</a><br />
<a href="#mac">Macの設定方法</a></p>
<p><a name="win" id="win"></a></p>
<h3>Windowsの設定方法</h3>
<h4>Firefox4をインストールする</h4>
<p>Windowsでの設定方法です。<br />
まずは<a href="http://mozilla.jp/firefox/" target="_blank">Firefoxの公式サイト</a>から最新版をダウンロードしてインストールを開始します。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110407-02-300x230.jpg" alt="20110407-02" title="20110407-02" width="300" height="230" class="alignnone size-medium wp-image-6779" /></p>
<p>↑インストール時にカスタムインストールを選択します。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110407-03-300x230.jpg" alt="20110407-03" title="20110407-03" width="300" height="230" class="alignnone size-medium wp-image-6780" /></p>
<p>↑インストール先をC:\Program Files\Mozilla Firefox 4にします。</p>
<p>あとは普通にインストールしてOKです。<br />
ただし、<strong style="color:rgb(255,0,0);">まだ起動してはいけません</strong>。</p>
<h4>Firefox4起動用のショートカットを作成</h4>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-06.JPG" alt="20110411 06" title="20110411-06.JPG" border="0" width="117" height="121" /></p>
<p>↑C:\Program Files\Mozilla Firefox 4\firefox.exe のショートカットを作成します。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-05.JPG" alt="20110411 05" title="20110411-05.JPG" border="0" width="363" height="404" /></p>
<p>↑ショートカットを右クリックして「プロパティ」を選択。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-07.JPG" alt="20110411 07" title="20110411-07.JPG" border="0" width="425" height="485" /></p>
<p>↑リンク先を以下のように変更します。</p>
<pre class="code">
"C:\Program Files\Mozilla Firefox 4\firefox.exe" -p "firefox4"
</pre>
<p>これで、今後Firefox4を起動するときにこのショートカットを使用すればOKです。</p>
<h4>Firefox3のショートカットを作成</h4>
<p>Firefox4をデフォルトのブラウザに設定した際に、<br />
メールや他のソフトなどからブラウザを起動する際にFirefox3が立ち上がらないように設定します。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-09.JPG" alt="20110411 09" title="20110411-09.JPG" border="0" width="122" height="131" /></p>
<p>↑C:\Program Files\Mozilla Firefox\firefox.exe のショートカットを作成します。</p>
<p>作成したショートカットのプロパティを開いてリンク先を以下のように変更します。</p>
<pre class="code">
"C:\Program Files\Mozilla Firefox\firefox.exe" -p default -no-remote
</pre>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-08.JPG" alt="20110411 08" title="20110411-08.JPG" border="0" width="425" height="485" /></p>
<p>↑既定のブラウザでは無い方に -no-remote オプションを追加します。<br />
今後はFirefox3を立ち上げる際に、このショートカットを使用すればOKです。</p>
<p><a name="mac" id="mac"></a></p>
<h3>Macでの設定方法</h3>
<h4>Firefox4をインストールする</h4>
<p>まずは<a href="http://mozilla.jp/firefox/" target="_blank">Firefoxの公式サイト</a>から最新版をダウンロードしてきます。。</p>
<h4>アプリケーションをリネーム</h4>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-01.jpg" alt="20110411 01" title="20110411-01.jpg" border="0" width="143" height="105" /></p>
<p>↑ダウンロードしてきたFirefoxのアプリケーション名を変更します。<br />
今回は<strong>Firefox4</strong>に変更してみました。</p>
<h4>起動時のプロファイルを変更する</h4>
<p>このままだと既存のFirefoxのプロファイルを読み込みに行ってしまうので、新しくプロファイルを作成します。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-02.jpg" alt="20110411 02" title="20110411-02.jpg" border="0" width="385" height="544" /></p>
<p>↑Firefox4.appを右クリックして「パッケージの内容を表示」を選択します。</p>
<p>Finderから以下のファイルをテキストエディタで開きます。</p>
<pre class="code">
Contents/MacOS/application.ini
</pre>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-041.jpg" alt="20110411 04" title="20110411-04.jpg" border="0" width="171" height="60" /></p>
<p>↑Name=Mozillaの所を以下のように書き換えます。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/04/20110411-03.jpg" alt="20110411 03" title="20110411-03.jpg" border="0" width="199" height="56" /></p>
<p>今回はFirefox4という名前に変更しました。<br />
これで普通に起動すれば完了です。</p>
<p>QuickSilverから起動する際にもリネームした名前で立ち上げる事ができるようになります。</p>
<p>導入にあたっては以下の記事を参考にさせていただきました。感謝！</p>
<p><a href="http://bowz.info/1386" target="_blank">[ Firefox ] Windows XP で Firefox 3 と Firefox 2 を共存させる方法</a><br />
<a href="http://d.hatena.ne.jp/cos31/20081203/firefoxs_on_mac" target="_blank">Macで複数のFirefoxを共存させる方法</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2011/04/win-mac-firefox3-and-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CakePHPのデバッグレベルをブラウザから切り替えるFirefox拡張</title>
		<link>http://blog.verygoodtown.com/2010/12/cakephp-debug-mode-change-from-firefox/</link>
		<comments>http://blog.verygoodtown.com/2010/12/cakephp-debug-mode-change-from-firefox/#comments</comments>
		<pubDate>Wed, 22 Dec 2010 07:41:39 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[php]]></category>
		<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[CakePHP]]></category>
		<category><![CDATA[firefox addon]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=5756</guid>
		<description><![CDATA[「CakeDebug」はブラウザからCakePHPのデバッグレベルを切り替えるFirefox拡張です。
インストールすると、ブラウザのステータスバーにCakeアイコンとデバッグレベルが表示されるようになります。

右クリ [...]]]></description>
			<content:encoded><![CDATA[<p>「<a href="https://github.com/tenkoma/CakeDebugHelper" target="_blank">CakeDebug</a>」はブラウザからCakePHPのデバッグレベルを切り替えるFirefox拡張です。</p>
<p>インストールすると、ブラウザのステータスバーにCakeアイコンとデバッグレベルが表示されるようになります。<br />
<img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101222-02.jpg" alt="20101222-02" title="20101222-02" width="236" height="134" class="alignnone size-full wp-image-5757" /></p>
<p>右クリックからデバッグレベルを選択、変更できるようになりました。<br />
CakePHP開発者の方は全員入れて良いのではないでしょうか！</p>
<h3>設定方法</h3>
<p>コンポーネントを<a href="https://github.com/tenkoma/CakeDebugHelper" target="_blank">github</a>からダウンロードして、コンポーネントに読み込むだけです。</p>
<p>app_controller.phpに設定すると良いでしょう。</p>
<pre class="brush:php;">

class AppController extends Controller {
    var $components = array(
        'DebugControl',
    );
}
</pre>
<p>デバッグレベルが0の場合には動作しないようです。<br />
必ず1以上の値を設定してください。</p>
<pre class="brush:php;">
Configure::write('debug', 1);
</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/12/cakephp-debug-mode-change-from-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop風のガイドを表示・保存できるFirefoxアドオン</title>
		<link>http://blog.verygoodtown.com/2010/12/photoshop-like-guides-inside-your-firefox/</link>
		<comments>http://blog.verygoodtown.com/2010/12/photoshop-like-guides-inside-your-firefox/#comments</comments>
		<pubDate>Fri, 17 Dec 2010 03:10:05 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[firefox addon]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=5562</guid>
		<description><![CDATA[
PhotoShopでレイアウトを作成する際にガイド機能はとっても便利ですよね。
そんな便利なガイド機能をFirefoxのアドオンとして使える「foxGuide」をご紹介。
Webサイトに水平、垂直に線を引いてデザイン構 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101216-01.png" alt="20101216-01" title="20101216-01" width="400" height="220" class="alignnone size-full wp-image-5563" /></p>
<p>PhotoShopでレイアウトを作成する際にガイド機能はとっても便利ですよね。</p>
<p>そんな便利なガイド機能をFirefoxのアドオンとして使える「<a href="http://meherranjan.com/foxguide/" target="_blank">foxGuide</a>」をご紹介。</p>
<p>Webサイトに水平、垂直に線を引いてデザイン構造を思い通りに作れるようになりましょう！</p>
<p>以下、主な機能になります。</p>
<h3>一度ガイドを設定すると、ブラウザ再起動後も保存されている</h3>
<p>ウェブページ上でガイドを設定すると、そのガイドは自動的に保存され、次回訪問時にも表示できるようになっています。</p>
<p>タブを閉じたり、ブラウザを再起動しても使えるのは嬉しいですね。<br />
もちろん削除する事もできます。</p>
<h3>十分な長さ</h3>
<p>10000ピクセルの画面サイズまで使用できるそうです！すごい！</p>
<h3>たくさんのオプション</h3>
<p>サイトのコンテンツが隠れてしまわないように、定規の透明度を変更することができるようになっています。 また、ガイドの色も変更可能です。</p>
<p>ダウンロードは下のリンクからどうぞ！</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/12/photoshop-like-guides-inside-your-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google ReaderをMacアプリ風のUIにするChrome拡張機能</title>
		<link>http://blog.verygoodtown.com/2010/12/google-reader-mac-app-ui-chrome-extension/</link>
		<comments>http://blog.verygoodtown.com/2010/12/google-reader-mac-app-ui-chrome-extension/#comments</comments>
		<pubDate>Thu, 09 Dec 2010 00:10:08 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[firefox addon]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[Google Reader]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=5388</guid>
		<description><![CDATA[
Google ReaderのUIをMacアプリ風に
「Pure Reader」はGoogle Readerのスキンを変更するChrome拡張機能です。
ReederというMacのクライアントソフトがあるのですが、 この [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/12/20101208-01.jpg" alt="20101208-01" title="20101208-01" width="600" height="384" class="alignnone size-full wp-image-5390" /></p>
<h3>Google ReaderのUIをMacアプリ風に</h3>
<p>「<a href="http://nadesign.net/safari/" target="_blank">Pure Reader</a>」はGoogle Readerのスキンを変更するChrome拡張機能です。<br />
<a href="http://madeatgloria.com/brewery/silvio/reeder" target="_blank">Reeder</a>というMacのクライアントソフトがあるのですが、 <strong>このアプリのWeb版のようなインターフェイスになっています</strong>。</p>
<p>※Reederについてはこちらの記事に詳しく紹介されています。<br />
<a href="http://www.lifehacker.jp/2010/12/101202_reeder_mac_screen.html" target="_blank">Googleリーダーを読みやすくするアプリ『Reeder』のMac対応のドラフト版が出ました！ : ライフハッカー［日本版］</a></p>
<h3>見やすいアイテム表示</h3>
<p>エントリの表示画面はとても見やすい画面で、各リンクは上部に配置されているため操作性もとても良くなっています。</p>
<p>基本はWeb版のGoogle Readerなので、ショートカットなども今まで通りに使えます。</p>
<h3>Safari・FIrefox版もあります</h3>
<p>Safariでも同じ拡張機能を使用できるようになっています。<br />
お好みのブラウザでできますね！</p>
<p>Safri版はリンク先のダウンロードボタンから、その他のブラウザは<strong>For Other Browsers</strong>にダウンロードリンクがあります。</p>
<p>RSSリーダーにGoogle Readerを使っている方は使ってみてはいかがでしょうか。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/12/google-reader-mac-app-ui-chrome-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Safari 5の機能拡張の使い方</title>
		<link>http://blog.verygoodtown.com/2010/08/safari-5-extension/</link>
		<comments>http://blog.verygoodtown.com/2010/08/safari-5-extension/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 00:01:51 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4694</guid>
		<description><![CDATA[
Safari5になって拡張機能に対応するようになりましたが、先日AppleからSafari機能拡張を紹介するギャラリーサイトが公開されました。
本日は拡張機能の設定の仕方を詳しく紹介します。

まず始めにメニューから環 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-07-600x234.jpg" alt="20100808-07" title="20100808-07" width="600" height="234" class="alignnone size-large wp-image-4702" /></p>
<p>Safari5になって拡張機能に対応するようになりましたが、先日AppleからSafari機能拡張を紹介する<a href="http://extensions.apple.com/" target="_blank">ギャラリーサイト</a>が公開されました。</p>
<p>本日は拡張機能の設定の仕方を詳しく紹介します。<br />
<span id="more-4694"></span></p>
<p>まず始めにメニューから環境設定を開きます。<br />
詳細タブでメニューバーに&#8221;開発&#8221;メニューを表示にチェックを入れます。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-01-600x289.jpg" alt="20100808-01" title="20100808-01" width="600" height="289" class="alignnone size-large wp-image-4695" /></p>
<p>メニューバーに開発メニューが表示されるようになりますので、<br />
開発→機能拡張を有効にするにチェックを入れます。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-02-600x314.jpg" alt="20100808-02" title="20100808-02" width="600" height="314" class="alignnone size-large wp-image-4696" /></p>
<p>これで拡張機能がインストールできるようになりました。</p>
<p>拡張機能をインストールする方法ですが、サイトからファイルをダウンロードして実行する事でインストールダイアログが表示されるようになります。</p>
<p>例えばですが、メニューバーにリロードボタンを表示する<a href="http://siracusafamily.org/safari/extensions/" target="_blank">Reload Button Extension</a>をインストールしてみます。</p>
<p>まずはサイトにアクセスし、ファイルをダウンロードします。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-05-600x151.jpg" alt="20100808-05" title="20100808-05" width="600" height="151" class="alignnone size-large wp-image-4699" /></p>
<p>ダウンロードされました。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-03.jpg" alt="20100808-03" title="20100808-03" width="225" height="125" class="alignnone size-full wp-image-4697" /></p>
<p>ファイルをダブルクリックすると、確認のダイアログが表示されるのでインストールを選択します。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-04.jpg" alt="20100808-04" title="20100808-04" width="460" height="227" class="alignnone size-full wp-image-4698" /></p>
<p>これでインストールされました。</p>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100808-06-600x460.jpg" alt="20100808-06" title="20100808-06" width="600" height="460" class="alignnone size-large wp-image-4700" /></p>
<p>公式ギャラリーからダウンロードする場合には Safari 5.0.1が必要になりますので注意してください。<br />
（Mac OS X 10.6 が必要です）</p>
<p>他にも便利そうな拡張がたくさんあります。興味のある方はぜひ使ってみてください。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/08/safari-5-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>作業効率UPに使える9つのFirefoxアドオン</title>
		<link>http://blog.verygoodtown.com/2010/06/save-time-firefox-addon/</link>
		<comments>http://blog.verygoodtown.com/2010/06/save-time-firefox-addon/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 00:17:15 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[firefox addon]]></category>
		<category><![CDATA[効率化]]></category>
		<category><![CDATA[時間節約]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2224</guid>
		<description><![CDATA[Firefoxは最新リリースで3.6になり、ますます高速化がされています。そんなFirefoxを使用してさらに作業効率をあげるアドオンを厳選してご紹介。
Hyperwords
ダウンロード
右クリックを拡張し、選択した単 [...]]]></description>
			<content:encoded><![CDATA[<p>Firefoxは最新リリースで3.6になり、ますます高速化がされています。そんなFirefoxを使用してさらに作業効率をあげるアドオンを厳選してご紹介。</p>
<h3>Hyperwords</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/1941/">ダウンロード</a></p>
<p>右クリックを拡張し、選択した単語の意味をWikipediaなどで調べる事ができる拡張機能。</p>
<p><span id="more-2224"></span></p>
<h3>Paste Email</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/1063/">ダウンロード</a></p>
<p>繰り返し使うテキストをクリップボードに保存しておいて、後から呼び出す事ができます。</p>
<h3>ScrapBook</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/427/">ダウンロード</a></p>
<p>Webページを保存して整理する事ができる拡張機能です。一度保存したページは正規表現による全文検索や高速フィルタリング検索をする事も。Operaの「メモ」機能に似たテキスト編集機能でHTMLを編集する事も可能です。</p>
<h3>CoolPreviews</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/2207/">ダウンロード</a></p>
<p>アンカーテキストやリンクが設定された画像にマウスオーバーすると、リンクの横にアイコンが表示されます。<br />
そのアイコンをクリックで、リンク先のプレビューを見る事ができます。<br />
クリックで行ったり来たりを繰り返す場合などに。</p>
<h3>Fox Splitter</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/4287/">ダウンロード</a></p>
<p>Firefoxのウインドウ内に複数のページを表示します。カレンダーを常に表示したり、サイト比較する際などに。</p>
<h3>WOT – Safe Browsing Tool</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/3456/">ダウンロード</a></p>
<p>数百万人ものメンバーから成るWOTコミュニティの評価をベースにWebサイトが格付けされています。<br />
Google、Yahoo!などの検索結果の横に評価アイコンを表示し、オンライン詐欺、なりすまし、不審なショッピングサイト、セキュリティの脅威などを回避する事ができます。</p>
<h3>Video DownloadHelper </h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/3006/">ダウンロード</a></p>
<p>動画サイトからワンクリックでFLVをダウンロードできるようにする拡張機能。<br />
以下のサイトに対応しているようです。</p>
<p>YouTube<br />
ワッチミー！TV<br />
アメーバビジョン<br />
VOLUMEONE<br />
 PeeVee.TV</p>
<h3>FireFTP</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/684/">ダウンロード</a></p>
<p>FirefoxをFTPクライアントとして動作させる拡張機能。<br />
SFTPにも対応しています。</p>
<h3>Read It Later</h3>
<p><a class="comments_l" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/7661/">ダウンロード</a></p>
<p>後で読むためにページを保存します。ブックマークするほでも、、、という場合に。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/06/save-time-firefox-addon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefoxのアドレスバーの文字サイズを大きくできるアドオン</title>
		<link>http://blog.verygoodtown.com/2010/04/firefox-address-bar-font-size-bigger/</link>
		<comments>http://blog.verygoodtown.com/2010/04/firefox-address-bar-font-size-bigger/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 23:51:09 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[ブラウザと拡張機能]]></category>
		<category><![CDATA[firefox addon]]></category>
		<category><![CDATA[ユーザービリティ]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4050</guid>
		<description><![CDATA[
「Make Address Bar Font Size Bigger」はFirefoxのURL欄のフォントサイズを大きくしてくれるプラグインです。
URL欄はどうしても小さい文字のため、アドレスがみずらかったり直接打ち [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/04/20100413-04-600x357.png" alt="20100413-04" title="20100413-04" width="600" height="357" class="alignnone size-large wp-image-4051" /></p>
<p>「<a href="https://addons.mozilla.org/ja/firefox/addon/97405" target="_blank">Make Address Bar Font Size Bigger</a>」はFirefoxのURL欄のフォントサイズを大きくしてくれるプラグインです。<br />
URL欄はどうしても小さい文字のため、アドレスがみずらかったり直接打ち込む際に間違ったりという事が無いとは言えません。</p>
<p>高い画面解像度のマシンの方、視力が最近ちょっと、、、という方に便利そうです。</p>
<p>年配の方のマシンにインストールしてあげても良いかもしれませんね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/04/firefox-address-bar-font-size-bigger/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

