<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>DesignWalker &#187; 拡張機能</title>
	<atom:link href="http://www.designwalker.com/tag/%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bd/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Wed, 29 Jun 2011 06:24:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/tag/%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bd/feed" />
		<item>
		<title>便利なThunderbirdのアドオンあれこれ</title>
		<link>http://www.designwalker.com/2008/03/thunderbird-addon.html</link>
		<comments>http://www.designwalker.com/2008/03/thunderbird-addon.html#comments</comments>
		<pubDate>Tue, 25 Mar 2008 19:05:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[Thunderbird]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[拡張機能]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/03/%e4%be%bf%e5%88%a9%e3%81%aathunderbird%e3%81%ae%e3%82%a2%e3%83%89%e3%82%aa%e3%83%b3%e3%81%82%e3%82%8c%e3%81%93%e3%82%8c.html</guid>
		<description><![CDATA[
			
				
			
		
みなさん、メールソフトは何を使われていますか？
わたくしは、これまでいろいろとメールソフトを使ってきて、今のところThunderbirdに落ち着いております。
Firefox同様、アドオ [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Fthunderbird-addon.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Fthunderbird-addon.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>みなさん、メールソフトは何を使われていますか？</p>
<p>わたくしは、これまでいろいろとメールソフトを使ってきて、今のところ<a title="Thunderbird" href="http://www.mozilla-japan.org/products/thunderbird/">Thunderbird</a>に落ち着いております。</p>
<p>Firefox同様、アドオンで自分にあった機能を追加できるところが魅力ですね。</p>
<p>本日は、ちょっと便利なThunderbirdのアドオンをいくつかご紹介します。</p>
<h4><a title="WebMail" href="http://webmail.mozdev.org/">WebMail</a></h4>
<p>GmailやHotmail、YahooMailなどのWebメールをThunderbirdで送受信できます。</p>
<p align="center"><a title="WebMail" href="http://webmail.mozdev.org/"><br />
<img src="http://www.designwalker.com/img/thunderbird_addon/thunderbird_addon01.jpg" border="0" alt="WebMail" /><br />
</a></p>
<h4><a title="Lightning" href="http://www.mozilla-japan.org/projects/calendar/lightning/download.html">Lightning</a></h4>
<p>SunbirdカレンダーをThunderbirdに。。。</p>
<p align="center"><a><br />
<img src="http://www.designwalker.com/img/thunderbird_addon/thunderbird_addon02.jpg" border="0" alt="" /><br />
</a></p>
<h4><a title="GMailUI" href="https://addons.mozilla.org/ja/thunderbird/addon/1339">GMailUI</a></h4>
<p>Gmailになれてしまった方には、おすすめ。ショートカットのj/k/yが使えます。</p>
<h4><a title="Contacts Sidebar" href="https://addons.mozilla.org/ja/thunderbird/addon/70">Contacts Sidebar</a></h4>
<p>サイドバーにアドレス帳を表示します。</p>
<p align="center"><a title="Contacts Sidebar" href="https://addons.mozilla.org/ja/thunderbird/addon/70"><br />
<img src="http://www.designwalker.com/img/thunderbird_addon/thunderbird_addon04.jpg" border="0" alt="" /><br />
</a></p>
<h4><a title="FoxClocks" href="https://addons.mozilla.org/ja/thunderbird/addon/1117">FoxClocks</a></h4>
<p>いろいろな国の時間を表示してくれます。海外の方々とやり取りする事が多い方には便利ですね。</p>
<p align="center"><a title="FoxClocks" href="https://addons.mozilla.org/ja/thunderbird/addon/1117"><br />
<img src="http://www.designwalker.com/img/thunderbird_addon/thunderbird_addon05.jpg" border="0" alt="" /><br />
</a></p>
<h4><a title="Sync Kolab" href="https://addons.mozilla.org/ja/thunderbird/addon/519">Sync Kolab</a></h4>
<p>自宅や会社など、複数のコンピュータでアドレス帳を同期させる事がきます。</p>
<h4><a title="Signature Switch" href="https://addons.mozilla.org/ja/thunderbird/addon/611">Signature Switch</a></h4>
<p>署名を複数使い分けるときに便利。</p>
<h4><a title="QuoteCollapse" href="https://addons.mozilla.org/ja/thunderbird/addon/347">QuoteCollapse</a></h4>
<p>引用部分を折りたたんで表示してくれます。</p>
<h4><a title="Nostalgy" href="https://addons.mozilla.org/ja/thunderbird/addon/2487">Nostalgy</a></h4>
<p>メールをフォルダへ移動させたり、コピーしたりするときに、ショートカットキーで素早く。</p>
<h4><a title="accountex" href="https://addons.mozilla.org/ja/thunderbird/addon/599">accountex</a></h4>
<p>アカウント情報をインポート・エクスポートできます。</p>
<p>『<a title="Thunderbird アドオン" href="http://www.mozilla-japan.org/addons/thunderbird/extensions/">Thunderbird アドオン</a>』のページに、まだまだたくさんあるので、お気に入りのアドオンを探してみては、いかがでしょうか？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/03/thunderbird-addon.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/03/thunderbird-addon.html" />
	</item>
		<item>
		<title>Webデザイナーに便利なfirefoxアドオンいろいろ</title>
		<link>http://www.designwalker.com/2007/08/firefox_addons.html</link>
		<comments>http://www.designwalker.com/2007/08/firefox_addons.html#comments</comments>
		<pubDate>Thu, 30 Aug 2007 17:53:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[add-ons]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[webデザイナー]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[拡張機能]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/08/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aafirefox%e3%82%a2%e3%83%89%e3%82%aa%e3%83%b3%e3%81%84%e3%82%8d%e3%81%84%e3%82%8d.html</guid>
		<description><![CDATA[
			
				
			
		
以前、このブログでご紹介した『WEB制作時に便利な9つのFirefox拡張機能(Add-ons)』のように、firefoxでは、いろいろなアドオンをインストールして、お好みの機能を追加し [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F08%2Ffirefox_addons.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F08%2Ffirefox_addons.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>以前、このブログでご紹介した『<a href="http://www.designwalker.com/2007/02/firefox-9addons.html" title="WEB制作時に便利な9つのFirefox拡張機能(Add-ons)">WEB制作時に便利な9つのFirefox拡張機能(Add-ons)</a>』のように、firefoxでは、いろいろなアドオンをインストールして、お好みの機能を追加してfirefoxを使われている方が多いのではないでしょうか。。。</p>
<p>先日、Mashableさんの『<a href="http://mashable.com/2007/08/27/30-firefox-add-ons-for-web-developers-designers/" title="30+ Firefox Add-ons for Web Developers &amp; Designers">30+ Firefox Add-ons for Web Developers &amp; Designers</a>』と言う記事で、ウェブ制作時に使えるfirefoxアドオンをまだまだ、たくさんご紹介されていました。。</p>
<p>いくつかかぶっているものもありましたが、この中から、実際に使ってみて、よさげなアドオンをいくつかピックアップしてご紹介。。</p>
<p></p>
<p><strong>1. <a href="http://karmatics.com/aardvark/" title="Aardvark ">Aardvark</a></strong></p>
<p>マウスオーバーして、そのCSSの属性、class、idが簡単に見れます。</p>
<div align="center">
<a href="http://karmatics.com/aardvark/" title="Aardvark "><br />
<img src="http://www.designwalker.com/img/firefox_addon/firefox_addon01.jpg" alt="firefox add-ons" border="0" /><br />
</a>
</div>
<p></p>
<p><strong>2. <a href="https://addons.mozilla.org/en-US/firefox/addon/4187" title="CSSMate">CSSMate</a></strong></p>
<p>開いているページのCSSを編集できます。。</p>
<div align="center">
<a href="https://addons.mozilla.org/en-US/firefox/addon/4187" title="CSSMate"><br />
<img src="http://www.designwalker.com/img/firefox_addon/firefox_addon02.jpg" alt="firefox add-ons" border="0" /><br />
</a>
</div>
<p></p>
<p><strong>3. <a href="https://addons.mozilla.org/ja/firefox/addon/1419" title="IE Tab">IE Tab</a></strong></p>
<p>開いているページをIEを立ち上げずに、firefox内でIEチェックできます。。</p>
<div align="center">
<a href="https://addons.mozilla.org/ja/firefox/addon/1419" title="IE Tab"><br />
<img src="http://www.designwalker.com/img/firefox_addon/firefox_addon03.jpg" alt="firefox add-ons" border="0" /><br />
</a>
</div>
<p></p>
<p><strong>4. <a href="https://addons.mozilla.org/en-US/firefox/addon/3371" title="Load Time Analyzer">Load Time Analyzer</a></strong></p>
<p>ページのロード時間を測定できます。。グラフ表示もできて分かりやすいですね。。</p>
<div align="center">
<a href="https://addons.mozilla.org/en-US/firefox/addon/3371" title="Load Time Analyzer"><br />
<img src="http://www.designwalker.com/img/firefox_addon/firefox_addon04.jpg" alt="firefox add-ons" border="0" /><br />
</a>
</div>
<p></p>
<p><strong>5. <a href="https://addons.mozilla.org/ja/firefox/addon/2214" title="View Dependencies">View Dependencies</a></strong></p>
<p>ページの詳細情報が確認できます。</p>
<div align="center">
<a href="https://addons.mozilla.org/ja/firefox/addon/2214" title="View Dependencies"><br />
<img src="http://www.designwalker.com/img/firefox_addon/firefox_addon05.jpg" alt="firefox add-ons" border="0" /><br />
</a>
</div>
<p></p>
<p><strong>6. <a href="https://addons.mozilla.org/en-US/firefox/addon/1407" title="Clipmarks">Clipmarks</a></strong></p>
<p>開いているページの、画像や文章、動画ファイルなどをクリップできます。ちょっとしたメモ帳的な使い方ができそう。。。使い方は、↓の動画で見れます。。</p>
<div align="center">
<object data="http://www.youtube.com/v/WPpDMnpG8G0" type="application/x-shockwave-flash" width="425" height="350"><param name="movie" value="http://www.youtube.com/v/WPpDMnpG8G0" /><param name="wmode" value="transparent" /></object>
</div>
<p>
まだまだ、たくさん使えるアドオンがいっぱいですね。。↓から続きをどうぞ～。</p>
<p>『<a href="http://mashable.com/2007/08/27/30-firefox-add-ons-for-web-developers-designers/" title="30+ Firefox Add-ons for Web Developers &amp; Designers">30+ Firefox Add-ons for Web Developers &amp; Designers</a>』</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/08/firefox_addons.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/08/firefox_addons.html" />
	</item>
		<item>
		<title>WEB制作時に便利な9つのFirefox拡張機能(Add-ons)</title>
		<link>http://www.designwalker.com/2007/02/firefox-9addons.html</link>
		<comments>http://www.designwalker.com/2007/02/firefox-9addons.html#comments</comments>
		<pubDate>Thu, 15 Feb 2007 17:42:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[add-on]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[拡張機能]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/02/web%e5%88%b6%e4%bd%9c%e6%99%82%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aa9%e3%81%a4%e3%81%aefirefox%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bdadd-ons.html</guid>
		<description><![CDATA[
			
				
			
		
Firefoxって、無料で公開されている拡張機能をインストールして自分好みに拡張できるところが便利ですよね。。
この拡張機能があるから、Firefoxを使ってるって方々も多いのでは？
一 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F02%2Ffirefox-9addons.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F02%2Ffirefox-9addons.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Firefoxって、無料で公開されている拡張機能をインストールして自分好みに拡張できるところが便利ですよね。。</p>
<p>この拡張機能があるから、Firefoxを使ってるって方々も多いのでは？<br />
一度使い始めて、その拡張機能に慣れてしまうと、<br />
IE開いてるのに無意識のうちにその拡張機能を使おうとしてしまう。。。</p>
<p>っちゅうわけで、本日はわたくしが使っている便利な拡張機能の中からWEBサイト制作時に便利やなぁ～って思う、拡張機能9つをまとめてみました。。</p>
<p></p>
<p>1. <a href="http://www.infoaxia.com/tools/webdeveloper/index.html" title="Web Developer" target="_blank">Web Developer</a><br />
とにかく、これは便利ですね。。CSS書いててレイアウト崩れたときなんかは、ブロック表示して確認してみたり。。CSSをリアルタイムで編集できたり。Web制作者にありがた～い機能を90種類以上も盛り込まれたプラグインです。。（日本語版があったので、そちらにリンク）</p>
<div align="center">
<a href="http://www.infoaxia.com/tools/webdeveloper/index.html" title="Web Developer" target="_blank"><img src="http://www.designwalker.com/img/firefox/webdeveloper-thumb.gif" alt="webdeveloper" border="0" /></a>
</div>
<p></p>
<p>2. <a href="http://www.getfirebug.com/" title="Firebug" target="_blank">Firebug</a><br />
こちらも有名な拡張機能ですね。JavaScript書く人にはかなり人気があるようですね。開いてるページを分析して、編集もできて、デバックまでしてくれる。。。かなり強力な拡張機能ですね。。</p>
<p>↓Firebugを使ってCSSを編集する方法（英語ですが。。）</p>
<div align="center">
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/FsX6qwQqGgQ" width="425" height="350"><param name="movie" value="http://www.youtube.com/v/FsX6qwQqGgQ" /><param name="FlashVars" value="playerMode=embedded" /></object>
</div>
<p></p>
<p>3. <a href="https://addons.mozilla.org/firefox/394/" title="ViewSourceWith" target="_blank">ViewSourceWith</a><br />
現在開いてるページや、選択した画像、ファイルなどを、あらかじめ、設定しておいたアプリケーションで開いてくれる。<br />
たとえば、Photoshopを設定しておいて、アップされた写真を開いたり、htmlまるごとDreamweaverで開いたり。。結構便利っす。</p>
<div align="center">
<a href="https://addons.mozilla.org/firefox/394/" title="ViewSourceWith" target="_blank"><img src="http://www.designwalker.com/img/firefox/view-source-with.gif" alt="ViewSourceWith" border="0" /></a>
</div>
<p></p>
<p>4. <a href="http://andy.5263.org/screengrab/" title="Screen Grab" target="_blank">Screen Grab</a><br />
簡単にスクリーンショット撮れますねん。上から、ページ全体、見えてる部分、ウインドウ丸ごとのスクリーンショットがPNG形式保存できます。</p>
<div align="center">
<a href="http://andy.5263.org/screengrab/" title="Screen Grab" target="_blank"><img src="http://www.designwalker.com/img/firefox/screengrab.gif" alt="Screen Grab" border="0" /></a>
</div>
<p></p>
<p>5. <a href="http://pearlcrescent.com/products/pagesaver/" title="Pearl Crescent Page Saver" target="_blank">Pearl Crescent Page Saver</a><br />
こちらでも、同様に簡単にスクリーンショット撮れますねん。4か5どちらか選択でいいですね。。。<br />
こちらは、オプション設定ができて、PNGかJPG形式を選択、ショートカットキーの設定、保存ファイル名の設定なんかができます。</p>
<div align="center">
<a href="http://pearlcrescent.com/products/pagesaver/" title="Pearl Crescent Page Saver" target="_blank"><img src="http://www.designwalker.com/img/firefox/pagesaver.gif" alt="Pearl Crescent Page Saver" border="0" /></a>
</div>
<p></p>
<p>6. <a href="https://addons.mozilla.org/firefox/1190/" title="Opera View" target="_blank">Opera View</a><br />
右クリックで、そのページをOperaで開いてくれます。ただそれだけ。。。単純だけど、あると便利。。</p>
<div align="center">
<a href="https://addons.mozilla.org/firefox/1190/" title="Opera View" target="_blank"><img src="http://www.designwalker.com/img/firefox/opera-view.gif" alt="Opera View" border="0" /></a>
</div>
<p></p>
<p>7. <a href="http://ieview.mozdev.org/" title="IE View" target="_blank">IE View</a><br />
右クリックで、そのページをIEで開いてくれます。ただそれだけ。。。単純だけど、あると便利。。</p>
<div align="center">
<a href="http://ieview.mozdev.org/" title="IE View" target="_blank"><img src="http://www.designwalker.com/img/firefox/ie-view.gif" alt="IE View" border="0" /></a>
</div>
<p></p>
<p>8. <a href="http://www.kevinfreitas.net/extensions/measureit/" title="MeasureIt" target="_blank">MeasureIt</a><br />
CSS書いてると、どうしてもサイズ測りたくなる。。そんな人に。。</p>
<div align="center">
<a href="http://www.kevinfreitas.net/extensions/measureit/" title="MeasureIt" target="_blank"><img src="http://www.designwalker.com/img/firefox/measureit.gif" alt="MeasureIt" border="0" /></a>
</div>
<p></p>
<p>9. <a href="https://addons.mozilla.org/firefox/271/" title="ColorZilla" target="_blank">ColorZilla</a><br />
他人のサイト見てると、とにかく色が気になる。。。そんな人に。。</p>
<div align="center">
<a href="https://addons.mozilla.org/firefox/271/" title="ColorZilla" target="_blank"><img src="http://www.designwalker.com/img/firefox/colorzilla.gif" alt="ColorZilla" border="0" /></a>
</div>
<p></p>
<p>まだまだ、たくさん便利な拡張機能あるとは思いますが。。。本日はこの辺で。。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/02/firefox-9addons.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/02/firefox-9addons.html" />
	</item>
	</channel>
</rss>

