<?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>qmori &#187; Safari</title>
	<atom:link href="/archives/category/web/safari/feed" rel="self" type="application/rss+xml" />
	<link>http://qmori.com</link>
	<description>はれたりくもったり</description>
	<lastBuildDate>Thu, 11 Feb 2016 05:30:51 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.8.14</generator>
	<atom:link rel='hub' href='/?pushpress=hub'/>
	<item>
		<title>webデザイナー的Windows7環境構築メモ～必ずインストールアプリケーションまとめ（2013年版）～</title>
		<link>http://qmori.com/archives/1419</link>
		<comments>http://qmori.com/archives/1419#comments</comments>
		<pubDate>Wed, 10 Apr 2013 08:00:00 +0000</pubDate>
		<dc:creator><![CDATA[くん]]></dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[GoogleChrome]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Windows7]]></category>

		<guid isPermaLink="false">http://qmori.com/?p=1419</guid>
		<description><![CDATA[初めて就職した会社でMacを支給されて以来Macしか触ったことがなかったのですが、今の職場に入って初めてのWinndows環境になりました。 起動の方法からマウスの右クリック、キーボードの細かい位置の違いまで、慣れるのに &#8230; <a href="/archives/1419">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/15387385@N00/8636956248/" title="IMG_1160.JPG by kunmorita, on Flickr" target="_blank"><img class="flickr_photo" src="http://farm9.static.flickr.com/8264/8636956248_c90537d3e3.jpg" alt="IMG_1160.JPG" width="300px" style="width:300px; height:300px;" /></a><br />
初めて就職した会社でMacを支給されて以来Macしか触ったことがなかったのですが、今の職場に入って初めてのWinndows環境になりました。<br />
起動の方法からマウスの右クリック、キーボードの細かい位置の違いまで、慣れるのに3年くらいかかりました。<br />
自宅はずっとMacなので、最初のうちは頭の切り替えをするのにも苦労しましたが、今では自然に環境によって頭も体も切り替えられるようになりました。<br />
（未だに右クリックではなくてキーボードの方を使ってしまいますが…）<br />
現在職場で使っているPCはWindows7です。<br />
初めてリカバリをしたので（XPは何度も経験済み）改めて環境構築のメモ。<span id="more-1419"></span><br />
リカバリの方法はメーカーや機種によって違うので割愛します。<br />
今回は必ずインストールするアプリケーションについて、またリカバリするかもしれない自分のためのまとめメモです。<br />
内容はデザイナー寄りです。<br />
Macユーザーの方はこちらの「<a href="/archives/1038">MacBook Air 11inchを購入しました</a>」の記事をご参照ください。</p>
<blockquote><ul>
<li><a href="#01">デザイン・コーディング関係</a></li>
<li><a href="#02">ブラウザ類</a></li>
<li><a href="#03">その他のツール</a></li>
</ul>
</blockquote>
<p><a id="01" name="01"></a></p>
<h2>デザイン・コーディング関係</h2>
<h3><a href="http://www.adobe.com/jp/products/photoshop.html" target="_blank">Adobe Photoshop</a></h3>
<p>グラフィックといえばのアプリケーション。もう17年くらい使っているのでPhotoshopが一番使いやすい。</p>
<blockquote><ul>
<li><a href="http://www.telegraphics.com.au/sw/#icoformat" alt="Photoshop icoformatICO (Windows Icon) Format Plugin - Telegraphics">Photoshop icoformatICO (Windows Icon) Format Plugin</a>(<a href="http://www.telegraphics.com.au/" title="Telegraphics">Telegraphics</a>)<br />
		faviconに使われるWindows Icon(.ico)形式のファイルの書き出しが出来るPhotoshopのプラグイン。
	</li>
<li><a href="http://thetechexpress.com/reduce-image-size-with-google%e2%80%99s-webp-image-format/252" target="_blank">How To Reduce Image Size With Google&#8217;s WebP Image Format</a><br />
	グーグル推奨の画像フォーマットWebPに対応した形式のファイルの書き出しが出来るPhotoshopのプラグイン。</li>
<li>その他ブラシツール類は量が多いので割愛。</li>
</ul>
</blockquote>
<h3><a href="http://www.adobe.com/jp/products/illustrator.html" target="_blank">Illustrator</a></h3>
<p>DTPやってた時から一番大好きで愛用しているアプリケーション。基本です。</p>
<blockquote><ul>
<li><a href="http://www.chiri.com/freeplugin_replaceraster.htm" target="_blank">Replace Raster</a><br />
	Illustratorのデータに埋め込まれている画像を外部ファイルへ書き出しできるプラグイン。<br />
	印刷データをwebサイトにして欲しいという依頼の時、PDF単体でデータ入稿する事があるのでこのツールでかなり助けられています。<br />
	リンク形式で同じ位置に簡単に配置し直すことができます。<br />
	ローカルディスク(C) →ユーザー→user name→AppData→Roaming→Adobe→Adobe Illustrator CS★ Settings → ja_JP → プラグイン <br />
	公式サイトではCS4までのサポートなので、CS6に正式対応して欲しい…。</li>
</ul>
</blockquote>
<h3><a href="http://www.adobe.com/jp/products/fireworks.html" target="_blank">Fireworks</a></h3>
<p>webサイトのデザインに特化して作られたアプリケーションなので便利な機能が盛り沢山。<br />
すっかり愛用しています。</p>
<blockquote><ul>
<li><a href="http://d.hatena.ne.jp/zakira/20090612/1244791436" target="_blank">1 Slice Name Changer</a>（<a href="http://d.hatena.ne.jp/zakira/" target="_blank">獅子ログ</a>）<br />
	Fireworksのスライス名を簡単に変更するエクステンション。デフォルトでは「F3」が設定されています。</li>
<li><a href="http://www.kuma-de.com/program/2009-06-07/610" target="_blank">ReplaceName</a>（<a href="http://www.kuma-de.com/" target="_blank">きんくまデザイン</a>）<br />
	スライスやオブジェクトの名前を置換するエクステンション。</li>
<li><a href="http://jcorrea.es/2008/08/07/iphone-gui-as-rich-symbols-for-fireworks/" target="_blank">iPhone UI</a><br />
	iPhoneスタイルのシンボルを共有ライブラリに追加するエクステンション。</li>
<li><a href="http://pojitonov.blogspot.jp/2012/06/iphone-4-4s-symbols-library-for.html" target="_blank">iPhone-Symbols</a><br />
	iPhone 4、4S用のシンボルを共有ライブラリに追加するエクステンション。</li>
<li><a href="http://www.fireworkszone.com/texture-collection-144_669.html" target="_blank">Texture Collection</a><br />
	144種類のテクスチャがセットになったエクステンション。</li>
<li><a href="http://ftg.projectdd.jp/" target="_blank">Fireworks texture gallery</a><br />
	Fireworksで使えるテクスチャファイル300種類を無料で配布しているwebサイト。商用利用も可能です。</li>
<li><a href="http://johndunning.com/fireworks/about/Tables" target="_blank">Tables</a>（<a href="http://kirinblog.com/tool/fireworks-extension-tables.html" target="_blank">紹介サイト</a>）<br />
	Fireworksで表組みを作るのに役立つエクステンション。</li>
<li><a href="http://johndunning.com/fireworks/about/FixRoundRect" target="_blank">Fix Rounded Rect Corners</a><br />
	変倍してしまった、角丸オブジェクトをもとに戻すエクステンション。 </li>
<li><a href="http://blog.bright-flavor.com/fireworks/entry-83.html" target="_blank">socialbutton</a><br />
	FacebookやTwitterなどのソーシャル系ボタンのシンボルを共有ライブラリに追加するエクステンション。</li>
<li><a href="http://www.adobe.com/go/learn_fw_multiplepages_jp" target="_blank">Import Files in multiple pages</a>（<a href="http://c-brains.jp/blog/wsg/12/02/16-134327.php" target="_blank">紹介サイト</a>）<br />
	複数のファイルをページに読み込めるようになるエクステンション。	</li>
</ul>
</blockquote>
<h3><a href="http://www.adobe.com/jp/products/dreamweaver.html" target="_blank">Dreamweaver</a></h3>
<p><a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a>も使いますが、やっぱり業務用はこれ。<br />
スニペットはEvernote、Dropboxにバックアップしています。</p>
<blockquote><ul>
<li><a href="http://code.google.com/p/zen-coding/">Zen coding</a>（現在は<a href="http://docs.emmet.io/" target="_blank">Emmet</a>になりましたがDreamweaver対応版が出てない…。）<br />
	これなしではコーディングできない！というくらい愛してます。</li>
</ul>
</blockquote>
<h3><a href="http://www.adobe.com/jp/products/acrobatpro.html" target="_blank">Acrobat Pro</a></h3>
<p>PDFの編集はもちろんあらゆるものをPDF化できちゃう便利ツール！<br />
ブラウザで見ているページもPDF化できるのでとても便利です。</p>
<h3><a href="http://www.adobe.com/jp/products/bridge.html" target="_blank">Bridge</a></h3>
<p>毎日大量の画像を扱うので、これがないと管理しきれません。<br />
一括リネームなど色々と便利な機能が盛り沢山です。</p>
<h3><a href="http://www.adobe.com/jp/products/flash.html" target="_blank">Flash</a></h3>
<p>Flashを作成するためのアプリケーション。
</p>
<h3><a href="http://winscp.net/eng/docs/lang:jp" target="_blank">WinSCP</a></h3>
<p>セキュアなファイル転送プロトコルSCPに対応したFTPクライアントソフト。日本語にも対応しています。</p>
<h3><a href="http://www.geocities.co.jp/SiliconValley-SanJose/8165/winmerge.html" target="_blank">WinMerge</a></h3>
<p>ファイルやフォルダの比較ができて、マージもできるツール。<br />
複数人でソースを触る際には必須です。<br />
Dreamweaverの「ローカルファイルを比較」機能を使う際の外部アプリケーションとしても使っています。</p>
<p><a id="02" name="02"></a></p>
<h2>ブラウザ類</h2>
<h3><a title="Firefox" href="http://mozilla.jp/firefox/" target="_blank">Firefox</a></h3>
<p>メインブラウザです。</p>
<blockquote><ul>
<li><a href="https://addons.mozilla.org/ja/firefox/addon/screengrab-fix-version/" target="_blank">Screengrab</a><br />
	Firefoxでキャプチャ撮る時の必須add-on。<br />
	ページ全体のキャプチャがpng、jpegで保存やコピーがとれるので、気に入ったデザインのサイトはこれでキャプチャしてます。</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/xmarks-sync/" target="_blank">Xmarks Sync</a><br />
	ブラウザを問わず、ブックマークを同期できるサービス。デバイスも選ばないので愛用しています。</li>
<li> <a href="https://addons.mozilla.org/ja/firefox/addon/evernote-web-clipper/" target="_blank">Evernote Web Clipper</a><br />
	Evernoteがないとコーディングできない！というくらい依存しています（もちろん有料会員）。<br />
	愛用してるけどEvernoteアプリはローカルに入れず、webサイトでしか利用していません。なのでadd-onは必須。</li>
<li><a href="https://addons.mozilla.org/ja/firefox/addon/firemobilesimulator/" target="_blank">FireMobileSimulator</a><br />
	主要3キャリア（docomo/au/SoftBank）の携帯端末ブラウザをシミュレートしてくれるadd-on。<br />
	モバイルサイト制作時の強い味方です。</li>
<li><strong></strong><a href="https://addons.mozilla.org/ja/firefox/addon/web-developer/" target="_blank">Web Developer</a><br />
	CSSや画像、JavaScriptの機能をオフにした場合どう表示されるかのチェックに使っています。<br />
	画面のリサイズやW3Cのチェックもできるので必須のadd-on。</li>
<li><a href="https://addons.mozilla.org/ja/firefox/addon/firebug/" target="_blank">Firebug</a><br />
	HTML・CSS・JavaScriptのコードチェックや編集ができるadd-on。<br />
	自分でコーディングしたサイトのデバッグにも使いますが、気になるサイトのソースコードを見てみたい時にも愛用しています。</li>
</ul>
</blockquote>
<h3><a href="http://www.google.co.jp/intl/ja/chrome/browser/" target="_blank">Google Chrome</a></h3>
<p>サブメインな微妙な立ち位置のブラウザ。使っている機能拡張はFirefoxとほぼ一緒ですが、メインではないので若干減らしてます。</p>
<blockquote><ul>
<li><a href="https://chrome.google.com/extensions/detail/pioclpoplcdbaefihamjohnefbikjilc#" target="_blank">Clip to Evernote</a><br />
	Evernoteのクリッピング機能拡張。</li>
<li><a href="https://chrome.google.com/extensions/detail/ajpgkpeckebdhofmmjfgcjjiiejpodla?hl=ja" target="_blank">Xmarks Bookmark Sync</a><br />
	ブックマークを同期サービス。 </li>
<li><a href="https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm" target="_blank">Web Developer</a><br />
	CSSや画像、JavaScriptの機能をオフにした場合どう表示されるかのチェック。	</li>
<li><a href="https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench" target="_blank">Firebug Lite for Google Chrome</a><br />
	HTML・CSS・JavaScriptのコードチェックや編集ができる機能拡張。	</li>
<li><a href="https://chrome.google.com/extensions/detail/cpngackimfmofbokmjmljamhdncknpmg" target="_blank">Screen Capture</a><br />
	キャプチャ撮影用機能拡張。	</li>
<li><a href="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk" target="_blank">goo.gl URL Shortener</a><br />
	短縮URLを生成する機能拡張。</li>
<li><a href="http://chrome.google.com/extensions/detail/nlbjncdgjeocebhnmkbbbdekmmmcbfjd">RSS Subscription Extension</a><br />
	Google readerを愛用しているので欠かせない機能拡張。</li>
</ul>
</blockquote>
<h3><a href="http://support.apple.com/ja_JP/downloads/#safari" target="_blank">Safari</a></h3>
<p>自宅のMacのメインブラウザですが、Windowsでは動作が不安定なのでスマホサイトの検証用としてしか使っていません。</p>
<h3><a href="http://windows.microsoft.com/ja-jp/internet-explorer/download-ie" target="_blank">InternetExplorer</a></h3>
<p>プラグインもブックマークも何も入れず、webサイトの検証用としてしか使っていません。</p>
<p><a id="03" name="03"></a></p>
<h2>その他のツール</h2>
<h3><a href="http://www.google.co.jp/ime/" target="_blank">Google日本語入力</a></h3>
<p>IMEは使いにくい…。</p>
<h3><a href="http://hide.maruo.co.jp/software/hidemaru.html" target="_blank">秀丸エディタ</a></h3>
<p>シェアウェアの多機能なエディター。</p>
<h3><a href="http://www.nttdocomo.co.jp/service/developer/" target="_blank">docomoiモードHTMLシミュレータII</a></h3>
<p>docomoのiモードブラウザIIのシミュレートが出来るアプリケーション。<br />
<a href="http://www.nttdocomo.co.jp/service/developer/make/content/download/index.html" target="_blank">ツールダウンロード</a>からダウンロード出来ます。</p>
<h3><a href="http://www.psytec.co.jp/docomo.html" target="_blank">PsQREdit</a></h3>
<p>QRコード作成のアプリケーション。</p>
<h3><a href="http://www.ponsoftware.com/" target="_blank">Explzh</a></h3>
<p>zip解凍はWindows7は標準機能として搭載されているので必要ないように思われそうですが、このツールはMacで圧縮したZIPファイルをWindowsで文字化けなく解凍する事ができるという便利なもの。<br />
これでMacに一旦データを送って、そこで解凍して…という一手間がなくなりました。</p>
<h3><a href="http://my-debugbar.com/wiki/IETester/HomePage" target="_blank">IETester</a></h3>
<p>異なるバージョンのInternetExplorerの検証用に。</p>
<h3><a href="https://www.dropbox.com/" target="_blank">Dropbox</a></h3>
<p>どんな環境でも共通して使いたいツールやデータ、PCからiPhoneへ送りたいデータなどをここに入れて同期しています。</p>
<h3><a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a></h3>
<p>今後コーディングはこちらのエディターに切り替えてもいいかな、と思いつつまだDreamweaver使ってます。</p>
<blockquote><ul>
<li><a href="http://docs.emmet.io/" target="_blank">Emmet Documentation</a><br />
	旧<a href="http://code.google.com/p/zen-coding/">Zen coding</a>。コーディング必須のプラグイン。</li>
</ul>
</blockquote>
<p>便利なプラグインや機能拡張、エクステンションはまだまだいっぱいありますが、あまり入れすぎても動作が不安定になったりする原因にもなるので、必要最小限に努めています。<br />
ご紹介したこのリストに掲載されているもの以外でも良いものがありましたら、ぜひぜひ教えてください。<br />
それでは。</p>
]]></content:encoded>
			<wfw:commentRss>http://qmori.com/archives/1419/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
