<?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>たねっぱ！ &#187; tatzppa!</title>
	<atom:link href="https://taneppa.net/author/futappa_tatzuya/feed/" rel="self" type="application/rss+xml" />
	<link>https://taneppa.net</link>
	<description>コツコツあつめるWeb作りのためのたね　たねっぱ！Web系情報ブログ　Webのお役立ちネタ配信中！</description>
	<lastBuildDate>Tue, 09 May 2023 00:02:06 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Fireworksから複数テキストを一瞬で抽出！コーディング効率化コマンドを作ってみました</title>
		<link>https://taneppa.net/textfw-plugin/</link>
		<comments>https://taneppa.net/textfw-plugin/#comments</comments>
		<pubDate>Wed, 06 Nov 2013 21:14:39 +0000</pubDate>
		<dc:creator>tatzppa!</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">https://taneppa.net/?p=1064</guid>
		<description><![CDATA[FireworksのデザインデータからHTMLコーディングする際、テキストを一つ一つコピー＆ペーストするのが面倒くさい...。そこで複数のテキストを一瞬でクリップボードにコピーし、テキストエディタに全て書き出しできるコマンドを作成しました。
（一応、誰か作ってないか探したのですが無かったので。既にありましたらすいません）]]></description>
				<content:encoded><![CDATA[<h2>コマンドの概要</h2>
<div class="tc">
<p>どのようなコマンドかというと、以下のFireworksで作られたデザインがあるとします。<br />
HTMLコーディングするために、デザイン内のテキスト情報を全部テキストエディタ上に写したい。</p>
<p><img class="alignnone size-medium wp-image-1067" alt="img01_" src="https://taneppa.net/wp-content/uploads/2013/11/img01_1-500x445.jpg" width="500" height="445" /></p>
<p>　</p>
<p>そこで、このコマンド使用すると、↓のように一瞬（5秒くらい）でテキストだけを上から順に全て書き出せます。</p>
<p>　</p>
<p><img class="alignnone size-medium wp-image-1109" alt="img02" src="https://taneppa.net/wp-content/uploads/2013/11/img02-444x500.jpg" width="395" height="445" /></p>
</div>
<h2>インストール方法</h2>
<p>コマンドjsfデータ<a href="https://taneppa.net/wp-content/uploads/2013/11/ftpa_textmulticopy.zip">ftpa_textmulticopy をダウンロード</a>します。</p>
<p>解凍した ftpa_textmulticopy.jsf ファイルを</p>
<p>Windows:【C:\Users\<code>～ユーザ名～</code>\AppData\Roaming\Adobe\Fireworks CS6\Commands 】<br />
Mac:【 /Applications/Adobe Fireworks CS6/Configuration/Commands 】<br />
に入れてFwを再起動すると、Fireworksメニューの「コマンド」の一番下あたりにでてきます。</p>
<div class="tc"><img class="alignnone size-full wp-image-1082" alt="名称未設定-3" src="https://taneppa.net/wp-content/uploads/2013/11/noname-31.jpg" width="276" height="253" /></div>
<p>※FwバージョンやOSによって設置場所が違うかもしれません。<br />
※また、WindowsでAppDataフォルダは「隠しフォルダ非表示」になってると表示されません。「<a href="http://support.microsoft.com/kb/2453311/ja" target="_blank">隠しフォルダ表示方法</a>」</p>
<p>　<br />
　</p>
<h2>使い方</h2>
<div class="tc">
<p>デザインデータからテキストを抽出したい部分を選択します。</p>
<p><img class="alignnone size-medium wp-image-1084" alt="img04" src="https://taneppa.net/wp-content/uploads/2013/11/img04-500x372.jpg" width="500" height="372" /></p>
</div>
<p>　</p>
<div class="tc">
さきほどのコマンド【 ftpa_textmulticopy 】を実行します。</p>
<p>これでクリップボードにテキスト全てコピーされました。</p>
<p>（選択オブジェクトが多いと数秒かかることがあります）<br />
　</p>
<p>テキストエディタなどにペースト(CTRL + V)するとこんな感じ。<br />
　<br />
<img src="https://taneppa.net/wp-content/uploads/2013/11/img052.jpg" alt="img05" width="414" height="481" class="alignnone size-full wp-image-1176" /></div>
<p>　</p>
<h3><strong>ココがミソ！</strong></h3>
<p><strong>1.選択範囲にテキスト以外のオブジェクト（画像・パスなど）を含んでいても大丈夫</strong><br />
 → テキスト以外は自動で取り除かれます</p>
<p><strong>2.取り出したいテキストがグループ化されたオブジェクトの中に入っていても大丈夫</strong><br />
 → グループオブジェクト内も解析してテキストを取り出します<br />
　</p>
<p>※縦横の混ざった並びが多かったりデザインのレイアウトが複雑だと、テキストの並び順が思い通りにいかない場合あるので、<br />
その場合はある程度小分けして行ってください。（それでも一つ一つテキストをコピペするよりは断然速い！）<br />
　</p>
<h2>もっと便利にショートカット！</h2>
<p>さきほどの【 ftpa_textmulticopy 】コマンドをショートカットに割り当てておくと便利です。<br />
ちなみにぼくは、<strong> Ctrl + Shift + C </strong>にしています。<br />
　</p>
<p>それではGood コーディングライフを～。<br />
　</p>
]]></content:encoded>
			<wfw:commentRss>https://taneppa.net/textfw-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshopのガイドをピクセル単位で吸着させる方法</title>
		<link>https://taneppa.net/photoshop_guide_fit/</link>
		<comments>https://taneppa.net/photoshop_guide_fit/#comments</comments>
		<pubDate>Thu, 17 Jan 2013 15:02:43 +0000</pubDate>
		<dc:creator>tatzppa!</dc:creator>
				<category><![CDATA[PhotoShop]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">https://taneppa.net/?p=352</guid>
		<description><![CDATA[photoshopを使っていてガイドを引くとき、ガイドがちょうどルーラ（定規）のピクセルとピクセルの間にきてイラッってするときありませんか？そんなイライラの解消方法をお教えします！]]></description>
				<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-433" title="photo1" src="https://taneppa.net/wp-content/uploads/lab5data/2010/08/photo1.jpg" alt="" width="314" height="173" /></p>
<p>（↑ほんとはルーラ（定規）の５pxちょうどのラインに引きたい）</p>
<p>&nbsp;</p>
<p>きっちりピクセル単位に沿ってしないと、</p>
<p>ガイドに沿ってシェイプを使って図形を書いた時、端っこが半透明になったりします、</p>
<p><img class="alignnone size-full wp-image-446" title="photoshikaku" src="https://taneppa.net/wp-content/uploads/lab5data/2010/08/photoshikaku.jpg" alt="" width="500" height="311" /></p>
<p>（↑なんて汚い四角！！）</p>
<p>&nbsp;</p>
<p>デザイナーとしてはきっちりガイドを合わせないといけません。だから毎回毎回神経を集中して定規に合うようにそっとそぉ～っとガイドをみなさん引いてると思います。</p>
<p>この作業がとてつもなくイヤ！さてどーしよう？</p>
<p>&nbsp;</p>
<p>仕事で1日画像100枚～200枚にガイドを引いてると、</p>
<p>ほんとこの作業だけでイライラしてくるので、それを解消しようと、試行錯誤考えてみました。</p>
<p>&nbsp;</p>
<p>結論から言いますと、1px×1px にグリッドを引いて、そのグリッドにガイドが吸着するようにすればよいのでーす。</p>
<p><img class="alignnone size-full wp-image-434" title="photo2" src="https://taneppa.net/wp-content/uploads/lab5data/2010/08/photo2.jpg" alt="" width="259" height="228" /></p>
<p>&nbsp;</p>
<p>それでは早速設定していきましょう！</p>
<p>まず編集→環境設定→ガイド・グリッド・スライス　を開きます</p>
<p>そしてこのように設定（カラー＝ちょっと分かりやすい色、スタイル＝点線、グリッド線5px、分割線5）</p>
<p><img class="alignnone size-full wp-image-435" title="photo3" src="https://taneppa.net/wp-content/uploads/lab5data/2010/08/photo3.jpg" alt="" width="500" height="279" /></p>
<p>こうする事で1px×1px にグリッドを設定できます。</p>
<p>&nbsp;</p>
<p>ビュー→表示→グリッド　　でグリッドを表示させます（チェック入ってる場合はそのまま）</p>
<p><img class="alignnone size-full wp-image-436" title="photo4" src="https://taneppa.net/wp-content/uploads/lab5data/2010/08/photo4.jpg" alt="" width="262" height="350" /></p>
<p>&nbsp;</p>
<p>ビュー→スナップ先→グリッド　　でグリッドにガイドが吸着するように設定（チェックが入ってる場合はそのまま）</p>
<p><img class="alignnone size-full wp-image-437" title="photo5" src="https://taneppa.net/wp-content/uploads/lab5data/2010/08/photo5.jpg" alt="" width="252" height="350" /></p>
<p>&nbsp;</p>
<p>ちなみにビュー→スナップ　のチェックも入れておいてくださいネ！</p>
<p>&nbsp;</p>
<p>これで設定完了！</p>
<p>いくら適当にガイドを引いても、ガイドがピクセル単位でくっつきます！</p>
<p>（あ、ルーラ（定規）の単位も環境設定でpixelにしとかないと意味ないですよ～）</p>
<p><img class="alignnone size-full wp-image-438" title="photo6" src="https://taneppa.net/wp-content/uploads/lab5data/2010/08/photo6.jpg" alt="" width="444" height="232" /></p>
<p>&nbsp;</p>
<p>ちなみにctrl+@　でグリッドの表示・非表示を切り替えられるので、　逆にグリッドが邪魔なときは、</p>
<p>ctrl+@ショートカットで非表示にすればOK！</p>
<p>&nbsp;</p>
<p>これであなたもグリッド&amp;ガイドマスター！！</p>
]]></content:encoded>
			<wfw:commentRss>https://taneppa.net/photoshop_guide_fit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
