<?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>TAS design</title>
	<atom:link href="http://blog.tasdesign.jp/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.tasdesign.jp</link>
	<description>Webデザイナーのための情報ブログ、PHPプログラムなどの話題も</description>
	<lastBuildDate>Tue, 08 Feb 2011 11:55:07 +0900</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ハートレートモニター(心拍計)付き腕時計 ENERGY PRO を買ってみた</title>
		<link>http://blog.tasdesign.jp/dgoods/2011_02_07/energy-pro.html</link>
		<comments>http://blog.tasdesign.jp/dgoods/2011_02_07/energy-pro.html#comments</comments>
		<pubDate>Mon, 07 Feb 2011 23:51:29 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[デジタルモノ]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=132</guid>
		<description><![CDATA[最近フィットネスにハマってます、仕事では座りっぱなしのためか常に腰痛ですし、メタボも気になる年頃です。
ということでランニングマシンで走っていたのですがどうも脂肪の燃焼には心拍数が関係しているらしく、効果的なトレーニング [...]]]></description>
			<content:encoded><![CDATA[<p>最近フィットネスにハマってます、仕事では座りっぱなしのためか常に腰痛ですし、メタボも気になる年頃です。<br />
ということでランニングマシンで走っていたのですがどうも脂肪の燃焼には心拍数が関係しているらしく、効果的なトレーニングにはハートレートモニター(心拍計)が必要らしいです。<br />
<span id="more-132"></span><br />
そこで心拍計に興味を持って色々探した結果mioの「ENERGY PRO」を購入しました。<br />
脂肪燃焼計測もついてるみたいだし。<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7681.jpg" target="_blank"><img class="aligncenter size-medium wp-image-131" title="ハートレートモニター(心拍計)付き腕時計 ENERGY PRO" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7681-300x224.jpg" alt="ハートレートモニター(心拍計)付き腕時計 ENERGY PRO" width="300" height="224" /></a></p>
<p>実はこのモデル日本では予約受付段階（2011年2月10日発売予定）でまだ購入することはできませんがAmazon.comで何故か日本発送可でしたので購入してみました。<br />
<a href="http://www.amazon.com/gp/product/B003JA0ICS?ie=UTF8&amp;tag=tade-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B003JA0ICS" target="_blank">MIO Energy Pro Plus Heart Rate Monitor Watch with FitStik</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.com/e/ir?t=tade-20&amp;l=as2&amp;o=1&amp;a=B003JA0ICS" border="0" alt="" width="1" height="1" /></p>
<p>日本では未発売の「FitStik」もついて$89.98 + 送料$25 約9700円とお得です。<br />
（2011/2/3 現在）<br />
<a href="http://www.amazon.com/gp/product/B003JA0ICS?ie=UTF8&amp;tag=tade-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B003JA0ICS" target="_blank">Amazon.comでの価格はこちら</a></p>
<p>届いたパッケージ</p>
<div id="attachment_133" class="wp-caption aligncenter" style="width: 234px"><a href="http://www.amazon.com/gp/product/B003JA0ICS?ie=UTF8&amp;tag=tade-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B003JA0ICS" target="_blank"><img class="size-medium wp-image-133" title="MIO Energy Pro Plus Heart Rate Monitor Watch with FitStik" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7620-224x300.jpg" alt="MIO Energy Pro Plus Heart Rate Monitor Watch with FitStik" width="224" height="300" /></a><p class="wp-caption-text">MIO Energy Pro Plus Heart Rate Monitor Watch with FitStik</p></div>
<p>パッケージの中身</p>
<div id="attachment_134" class="wp-caption aligncenter" style="width: 310px"><a href="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7626.jpg" target="_blank"><img class="size-medium wp-image-134" title="MIO Energy Pro パッケージの中身" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7626-300x224.jpg" alt="MIO Energy Pro パッケージの中身" width="300" height="224" /></a><p class="wp-caption-text">MIO Energy Pro パッケージの中身</p></div>
<p>通常心拍計は素肌の胸にセンサーの付いた胸ストラップ（チェストストラップ）を装着して利用しなければなりません。<br />
胸ストラップと時計が通信することでリアルタイムに心拍を表示します。<br />
しかし汗が溜まって不快だったりずれたりして不便な場合があります。<br />
また指タッチでは計測に数秒必要ですし常に心拍をモニターできる訳ではありません。</p>
<p>このモデルの良いところは胸ストラップか指タッチでの心拍計測を選べる所です。</p>
<p>どこでもタッチで測定する動画<br />
文字通りステンレスをタッチするだけで計測が始まりすぐに心拍数が表示されます。</p>
<div align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="290" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /><param name="src" value="http://blog.tasdesign.jp/wp-content/uploads/2011/02/mio_01.swf" /><embed type="application/x-shockwave-flash" width="320" height="290" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/mio_01.swf" quality="high" bgcolor="#FFFFFF"></embed></object></div>
<p>胸ストラップ利用時の動画<br />
リアルタイムで心拍数が表示されます。</p>
<div align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="290" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /><param name="src" value="http://blog.tasdesign.jp/wp-content/uploads/2011/02/mio_02.swf" /><embed type="application/x-shockwave-flash" width="320" height="290" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/mio_02.swf" quality="high" bgcolor="#FFFFFF"></embed></object></div>
<p>MIO Energy Pro ななめ横から<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7704.jpg" target="_blank"><img class="aligncenter size-medium wp-image-139" title="MIO Energy Pro　ななめ横から" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7704-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p>MIO Energy Pro 心拍表示<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7692.jpg" target="_blank"><img class="aligncenter size-medium wp-image-138" title="MIO Energy Pro 心拍表示" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7692-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p>Mio 心拍計測スポーツウォッチ Energy PRO エナジープロ<br />
<a href="http://www.amazon.co.jp/gp/product/B003JRSCMY?ie=UTF8&amp;tag=clubkenta-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=B003JRSCMY" target="_blank"><img class="aligncenter size-medium wp-image-140" title="Mio 心拍計測スポーツウォッチ Energy PRO エナジープロ" src="http://blog.tasdesign.jp/wp-content/uploads/2011/02/CIMG7730-224x300.jpg" alt="" width="224" height="300" /></a></p>
<p>送料$25も出して壊れてたり保障はどうなるんだ、英語の説明書は読めないよ、<br />
って方は正規輸入品をどうぞ。</p>
<p><a href="http://www.amazon.co.jp/gp/product/B003JRSCMY?ie=UTF8&amp;tag=clubkenta-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=B003JRSCMY" target="_blank">[ミオ]Mio 心拍計測スポーツウォッチ Energy PRO エナジープロ メンズ 【正規輸入品】</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.jp/e/ir?t=clubkenta-22&amp;l=as2&amp;o=9&amp;a=B003JRSCMY" border="0" alt="" width="1" height="1" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/dgoods/2011_02_07/energy-pro.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>F-04Bケースを買ってみた</title>
		<link>http://blog.tasdesign.jp/dgoods/2010_06_12/f-04b.html</link>
		<comments>http://blog.tasdesign.jp/dgoods/2010_06_12/f-04b.html#comments</comments>
		<pubDate>Sat, 12 Jun 2010 17:50:12 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[デジタルモノ]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=119</guid>
		<description><![CDATA[最近ドコモのF-04Bを買いました。
セパレートする携帯でディスプレイ部分だけでほぼすべての操作ができるし薄いし軽いし、スマートフォンみたいなんで結構お気に入りなのです。

いつもセパレートした状態で持ち歩いてますが
ス [...]]]></description>
			<content:encoded><![CDATA[<p>最近ドコモのF-04Bを買いました。<br />
セパレートする携帯でディスプレイ部分だけでほぼすべての操作ができるし薄いし軽いし、スマートフォンみたいなんで結構お気に入りなのです。<br />
<span id="more-119"></span></p>
<p>いつもセパレートした状態で持ち歩いてますが<br />
ストラップを付けられず落としそうで結構怖いのです。</p>
<p>ということで良さげなF-04B背面カバーを見つけたんで買ってみました。</p>
<p>これです、F-04Bケース(クリア)<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5405.jpg" target="_blank"><img class="aligncenter size-medium wp-image-118" title="F-04B カバー" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5405-300x221.jpg" alt="F-04B カバー" width="300" height="221" /></a></p>
<p>このF-04BケースはClubTのサイトでいろんなデザインの売ってるんだけど<br />
せっかくだからオリジナルのデザインして注文しました。<br />
めんどい人は良さげなの探して買ったほうが早いかも。<br />
ちなみに<a href="http://clubt.jp/product/115586_5415506.html" target="_blank">このデザインF-04Bのケースが欲しい方はこちらからどうぞ</a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/E87682_Y" width="1" height="1" style="border:none;" /></p>
<table border="0" align="center">
<tr>
<td align="center"><a href="http://clubt.jp/product/115592_5415709.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415709_s.jpg" alt="[yellow] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br /> [yellow] </td>
<td align="center"><a href="http://clubt.jp/product/115591_5415708.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415708_s.jpg" alt="[orangered] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[orangered]</td>
<td align="center"><a href="http://clubt.jp/product/115589_5415678.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415678_s.jpg" alt="[deeppink] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[deeppink] </td>
<td align="center"><a href="http://clubt.jp/product/115588_5415677.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415677_s.jpg" alt="[darkviolet] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[darkviolet]</td>
</tr>
<tr>
<td colspan="4" align="center">&nbsp;</td>
</tr>
<tr>
<td align="center"><a href="http://clubt.jp/product/115586_5415506.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415506_s.jpg" alt="[midnightblue] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[midnightblue]</td>
<td align="center"><a href="http://clubt.jp/product/115585_5415505.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415505_s.jpg" alt="[seagreen] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[seagreen]</td>
<td align="center"><a href="http://clubt.jp/product/115583_5415382.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415382_s.jpg" alt="[forestgreen] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[forestgreen]</td>
<td align="center"><a href="http://clubt.jp/product/115582_5415381.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415381_s.jpg" alt="[gray] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[gray]</td>
</tr>
</table>
<p>とりあえず装着する前のF-04Bのカバー正面はこんな感じ。</p>
<p><a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5381.jpg" target="_blank"><img class="aligncenter size-medium wp-image-120" title="F-04B カバー 正面" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5381-300x221.jpg" alt="F-04B カバー 正面" width="300" height="221" /></a></p>
<p>F-04B 背面カバーのカメラの部分です。<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5391.jpg" target="_blank"><img class="aligncenter size-medium wp-image-121" title="F-04Bカバーのカメラと音が出る部分　" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5391-300x221.jpg" alt="F-04Bカバーのカメラと音が出る部分　" width="300" height="221" /></a></p>
<p>カメラの出っ張り部分と高さがピッタリでなかなか良い感じ。<br />
背面カバーだからスピーカー部分が塞がれると思ったけど<br />
ちゃんと溝があります、この溝も本体とピッタリ。</p>
<p>下の取りつけ部分です、キーユニットとの接点の部分もちゃんとできてます。<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5397.jpg" target="_blank"><img class="aligncenter size-medium wp-image-122" title="F-04B 背面カバー" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5397-300x221.jpg" alt="F-04B 背面カバー" width="300" height="221" /></a></p>
<p>ということでF-04Bにカバーを装着。カバーというかクリアケースですね。</p>
<p><a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5411.jpg" target="_blank"><img class="aligncenter size-medium wp-image-123" title="F-04Bにカバー装着" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5411-300x221.jpg" alt="F-04Bにカバー装着" width="300" height="221" /></a></p>
<p>それはもう純正と思わせるようなものすごいピッタリ感です。<br />
スピーカー部分の溝も位置があってます。</p>
<p>キーユニットとの接点もちゃんとカバーされてます。<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5410.jpg" target="_blank"><img class="aligncenter size-medium wp-image-124" title="F-04B カバー　端子部分" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5410-300x221.jpg" alt="F-04B カバー　端子部分" width="300" height="221" /></a></p>
<p>F-04B カバー ストラップ部分<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5413.jpg" target="_blank"><img class="aligncenter size-medium wp-image-125" title="F-04B カバー ストラップ" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5413-300x221.jpg" alt="F-04B カバー ストラップ" width="300" height="221" /></a></p>
<p>F-04B カバー ストラップ部分を上から見たところ<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG54251.jpg" target="_blank"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG54251-300x221.jpg" alt="F-04B カバー 上から" title="F-04B クリアケース 上から" width="300" height="221" class="aligncenter size-medium wp-image-128" /></a></p>
<p>F-04B カバー ストラップ部分を正面から見たところ<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5420.jpg" target="_blank"><img class="aligncenter size-medium wp-image-126" title="F-04B カバー正面 ストラップ" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5420-300x221.jpg" alt="F-04B カバー正面 ストラップ" width="300" height="221" /></a></p>
<p>カメラ部分と高さが一緒なのでデスクに置いてもグラグラしません。<br />
本体とピッタリ付いてしっかり固定されるのでストラップを付けても大丈夫そうです。<br />
<a href="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5445.jpg" target="_blank"><img class="aligncenter size-medium wp-image-127" title="F-04B カバー　色々な角度から" src="http://blog.tasdesign.jp/wp-content/uploads/2010/06/CIMG5445-300x221.jpg" alt="F-04B カバー　色々な角度から" width="300" height="221" /></a></p>
<p>っていうことでやっとストラップを付けて安心し持ち歩けるようになりました。<br />
F-04Bのケースや背面カバーなど対応しているものは少ないのでかなり満足です。<br />
ちなみにF-04Bを立ててるスタンドはGoGoStandです。</p>
<p><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/E87682_Y" width="1" height="1" style="border:none;" /><br />
<a href="http://clubt.jp/product/115586_5415506.html" target="_blank"><img src="http://static.clubt.jp/image/product/S/0000/0381/0000038112/0011/00115586/115586_5415506.jpg" alt="F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S87683_s" width="1" height="1" style="border:none;" /><br />
<a href="http://clubt.jp/product/115586_5415506.html" target="_blank">このdocomo PRIME series F-04Bのケースが欲しい方はこちらからどうぞ</a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /></p>
<table border="0" align="center">
<tr>
<td align="center"><a href="http://clubt.jp/product/115592_5415709.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415709_s.jpg" alt="[yellow] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
 [yellow] </td>
<td align="center"><a href="http://clubt.jp/product/115591_5415708.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415708_s.jpg" alt="[orangered] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[orangered]</td>
<td align="center"><a href="http://clubt.jp/product/115589_5415678.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415678_s.jpg" alt="[deeppink] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[deeppink] </td>
<td align="center"><a href="http://clubt.jp/product/115588_5415677.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415677_s.jpg" alt="[darkviolet] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[darkviolet]</td>
</tr>
<tr>
<td colspan="4" align="center">&nbsp;</td>
</tr>
<tr>
<td align="center"><a href="http://clubt.jp/product/115586_5415506.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415506_s.jpg" alt="[midnightblue] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[midnightblue]</td>
<td align="center"><a href="http://clubt.jp/product/115585_5415505.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415505_s.jpg" alt="[seagreen] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[seagreen]</td>
<td align="center"><a href="http://clubt.jp/product/115583_5415382.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415382_s.jpg" alt="[forestgreen] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[forestgreen]</td>
<td align="center"><a href="http://clubt.jp/product/115582_5415381.html" target="_blank"><img src="http://static.clubt.jp/image/product/S0000038112/5415381_s.jpg" alt="[gray] F-04Bケース(クリア)"  style='border:none;' /></a><img src="http://track.affiliate-b.com/imp/R1337g/q110886a/S25012K" width="1" height="1" style='border:none;' /><br />
[gray]</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/dgoods/2010_06_12/f-04b.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>指定した日時でサイトを自動更新する、WebデザイナーのためのPHP</title>
		<link>http://blog.tasdesign.jp/web_design/2010_02_16/web-php-2.html</link>
		<comments>http://blog.tasdesign.jp/web_design/2010_02_16/web-php-2.html#comments</comments>
		<pubDate>Tue, 16 Feb 2010 22:20:58 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webデザイン]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=117</guid>
		<description><![CDATA[前回リンク先のURLが存在するかしないかでリンクを自動で表示するPHPを紹介しましたが、今回は指定した日時になると自動的に更新される簡単な方法を紹介します。

指定した日時になると表示（非表示）したい部分に以下のPHPを [...]]]></description>
			<content:encoded><![CDATA[<p>前回<a href="http://blog.tasdesign.jp/web_design/2010_01_22/web-php.html">リンク先のURLが存在するかしないかでリンクを自動で表示するPHP</a>を紹介しましたが、今回は指定した日時になると自動的に更新される簡単な方法を紹介します。<br />
<span id="more-117"></span><br />
指定した日時になると表示（非表示）したい部分に以下のPHPを追加します。<br />
例:2010年の3月31日まで表示する場合、</p>
<pre class="brush: php;">
&lt;?php
if(mktime() &lt; mktime(0, 0, 0, 3, 31, 2010)) {
echo &lt;&lt;&lt;EOF
表示したいHTML
EOF;
}
?&gt;
</pre>
<p>これだけです。</p>
<p>mktime()は現在時刻のタイムスタンプを返します。指定した日時のタイムスタンプを取得するには mktime( 時, 分, 秒, 月, 日, 年)のように引数で指定します。</p>
<p>タイムスタンプとは1970年1月1日から何秒経っているかの秒数ですから、<br />
2010年の3月31日のタイムスタンプと現在のタイムスタンプを比較すればいいわけです。</p>
<p>とういわけでこれを使えば、これは月末に消しておいてね、とか、いついつオープンだからその時リンクしてね、とか忘れそうな事を言われたその時にやっておけるようになり便利な時もあります、旅行に行くときとかね。<br />
また、これを応用すればディレクトリごと入れ替えてサイトをリニューアルしたりとかもできます。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/web_design/2010_02_16/web-php-2.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>DreamweaverでPHPを編集するとき文字化けしない方法</title>
		<link>http://blog.tasdesign.jp/web_design/2010_02_11/dreamweaver-php.html</link>
		<comments>http://blog.tasdesign.jp/web_design/2010_02_11/dreamweaver-php.html#comments</comments>
		<pubDate>Thu, 11 Feb 2010 23:46:47 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webデザイン]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=116</guid>
		<description><![CDATA[WebデザイナーがWebサイトをHTMLだけで作っているときは文字コードはshift_jisとかであまり気にしなくても大丈夫ですが、PHPではセキュリティの面などでshift_jis以外の文字コードを利用することが多いで [...]]]></description>
			<content:encoded><![CDATA[<p>WebデザイナーがWebサイトをHTMLだけで作っているときは文字コードはshift_jisとかであまり気にしなくても大丈夫ですが、PHPではセキュリティの面などでshift_jis以外の文字コードを利用することが多いです。<br />
<span id="more-116"></span><br />
PHPではファイルの文字コードを指定して保存しなければダメですが、DreamweaverでPHPを作って保存する時に文字コードを指定することができません。<br />
PHPを始めて間もない頃はDreamweaverでPHPを編集して動いていたのに日本語を使ったPHPを保存して次回開くと文字化けして元に戻せないという事態に陥ることがあります。</p>
<p>そこでDreamweaverでPHPを編集するとき文字化けしない方法です。<br />
「環境設定」の「新規ドキュメント」から「エンコーディング初期設定」をプルダウンから選んで、「エンコーディングが指定されていない既存ファイルを開くときに使用」をチェックする。<br />
という方法もありますが、プロジェクトによって色々な文字コードがある場合はいまいち不便です。<br />
そこでHTMLの時と同じくPHPでもmetaの文字コード指定を入れておくと、その文字コードでファイルを保存してくれます。基本HTMLを編集するDreamweaverだからでしょうか。</p>
<p>こんな感じでPHPのコメントにmetaの文字コード指定の一文を加えます。</p>
<pre class="brush: php;">
&lt;?php
//&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
?&gt;
</pre>
<p>EUC-JP、Shift_JIS、UTF-8など利用したい文字コードを入れてください。</p>
<p>この方法を使えば既存のPHPにも上記の一文を加えるとファイルが自動で指定した文字コードで保存されるようになります。<br />
ただ注意したいのは開いたPHPファイルに日本語が使われていて違う文字コードで保存してしまうと次回Dreamweaverでphpファイルを開いた場合、日本語部分が文字化けしてしまって元に戻せないことがあります。ですのでバックアップをとっておくか、</p>
<p><strong>(1) </strong>PHPファイルをDreamweaverで開く。<br />
<strong>(2) </strong>metaの文字コード指定の一文を加える。<br />
<strong>(3)</strong> ソースコードを全て選択してコピーする。<br />
<strong>(4)</strong> ファイルを閉じて保存する。<br />
<strong>(5)</strong> もう一度Dreamweaverで開くと日本語が文字化けしているので(3)でコピーしたソースをペーストする。<br />
<strong>(6)</strong> ファイルを保存する。</p>
<p>の手順で正しい文字コードのファイルができ、次回からDreamweaverで開いても文字化けすることなく編集できるようになります。</p>
<p>これで文字コードが指定できるテキストエディタやphpエディタを利用せずDreamweaverだけでPHPを保存したり、HTMLの中にPHPを書いても文字化けを心配する事無く利用することができるようになります。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/web_design/2010_02_11/dreamweaver-php.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ロジクールの左利き用マウスMX610 Left-Hand Laser Cordless Mouseを買った</title>
		<link>http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html</link>
		<comments>http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html#comments</comments>
		<pubDate>Fri, 05 Feb 2010 23:51:12 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[デジタルモノ]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=115</guid>
		<description><![CDATA[最近マウスを買い換えようと思って探していたら、左利き用のマウスが売っていたのを知りました。なんと2006年の4月に発売されていたらしく、まったく気がつかず2010年に初めて知ることに。

知ってたら絶対買っていたはずなの [...]]]></description>
			<content:encoded><![CDATA[<p>最近マウスを買い換えようと思って探していたら、左利き用のマウスが売っていたのを知りました。なんと2006年の4月に発売されていたらしく、まったく気がつかず2010年に初めて知ることに。<br />
<span id="more-115"></span><br />
知ってたら絶対買っていたはずなのに約4年間もなぜ気がつかなかったのか不思議。<br />
しかもとっくに生産終了で国内に在庫まったく無しの雰囲気、、、<br />
とにかく今ごろMX610Lが絶対欲しいと思ってネットを探し回ったらAmazon.co.ukのAVIDES Media というショップが海外発送に対応してました。送料入れると結構な金額になっちゃうけど生産終了でもう手に入らなそうなので購入してみました。<br />
<a href="http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html/attachment/mx610l_01" rel="attachment wp-att-109"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/02/MX610L_01.jpg" alt="" title="MX610L" width="350" height="263" class="aligncenter size-full wp-image-109" /></a></p>
<p>右にあるのはELECOM TK-FDP012BK  クリスタル ワイヤレスフルキーボードですよ。<br />
左利きの僕には使いやすくて大満足だけれど、マウスカーソルの左利き用が入ってませんでした。<br />
なのでどこかで公開されていたWindows7用のマウスカーソルを左利き用に作り直したのを使ってます。</p>
<p><a href="/data/aero_cursors_left.ZIP" target="_blank"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/02/aero.jpg" alt="" title="aero左バージョン" width="509" height="111" class="aligncenter size-full wp-image-110" /></a><br />
ダウンロードできるようにしました、これ「<a href="/data/aero_cursors_left.ZIP" target="_blank">Aero cursors Left</a>」</p>
<p>Install.infを左（右）クリックでインストールできます。単純に左向きにするだけと思ったらアニメーションカーソルのaero_working_left.aniなんかは回転のアニメーションが逆になったりと色々面倒でした。</p>
<p>Amazon.co.ukはDVDと本しか海外発送は出来ないみたいだけどAmazon.co.ukにある他のショップなら海外発送もしている所もあるので比較的簡単に購入できます。<br />
Logitech MX610 Wireless Left-hand Laser Mouseを購入したAVIDES Media は荷物の追跡が出来る専用のページも用意されていて安心でした。</p>
<p>MX610LはAVIDES Media からこんな感じで届いた<br />
<a href="http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html/attachment/mx610l_02" rel="attachment wp-att-111"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/02/MX610L_02.jpg" alt="" title="AVIDES Mediaからのパッケージ" width="350" height="263" class="aligncenter size-full wp-image-111" /></a></p>
<p>さっそく開封してみる<br />
<a href="http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html/attachment/mx610l_03" rel="attachment wp-att-112"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/02/MX610L_03.jpg" alt="" title="パッケージ開封" width="350" height="263" class="aligncenter size-full wp-image-112" /></a></p>
<p>Logitech MX610 Wireless Left-hand Laser Mouseのパッケージ<br />
<a href="http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html/attachment/mx610l_04" rel="attachment wp-att-113"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/02/MX610L_04.jpg" alt="" title="MX610Lのパッケージ" width="350" height="263" class="aligncenter size-full wp-image-113" /></a></p>
<p>Logitech MX610 Wireless Left-hand Laser Mouseのパッケージの裏<br />
<a href="http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html/attachment/mx610l_05" rel="attachment wp-att-114"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/02/MX610L_05.jpg" alt="" title="MX610Lのパッケージ裏" width="350" height="263" class="aligncenter size-full wp-image-114" /></a></p>
<p>ちなみにさっき見てみたらAVIDES Mediaではもう在庫無しみたいなのでSellerに出てきません。<br />
気に入ってもう一台追加で買ったのが最後だったみたい。</p>
<p>ちなみに現時点での最新ドライバは<a href="http://www.logicool.co.jp/index.cfm/428/168&#038;hub=1&#038;cl=jp,ja?section=downloads" target="_blank">ここsetpoint480j.exe</a><br />
で、setpoint480j.exeに<a href="http://uberoptions.net/" target="_blank">UberOptions　v4.80.5</a>を使って「メール」ボタンや「メッセンジャー」ボタンに他の機能を割り当てて使ってます。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/dgoods/2010_02_05/mx610-left-hand-laser-cordless-mouse.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PHPライブラリ「HTML Purifier」でXSS対策をする方法</title>
		<link>http://blog.tasdesign.jp/php/2010_02_04/php-html-purifier-xss.html</link>
		<comments>http://blog.tasdesign.jp/php/2010_02_04/php-html-purifier-xss.html#comments</comments>
		<pubDate>Thu, 04 Feb 2010 22:55:32 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=107</guid>
		<description><![CDATA[XSS【クロスサイトスクリプティング】対策が簡単にできるPHPライブラリ「HTML Purifier」の利用方法をまとめました。これを使えばXSSの可能性がある危険なコードを簡単に削除することができます。

まずは「HT [...]]]></description>
			<content:encoded><![CDATA[<p>XSS【クロスサイトスクリプティング】対策が簡単にできるPHPライブラリ「HTML Purifier」の利用方法をまとめました。これを使えばXSSの可能性がある危険なコードを簡単に削除することができます。<br />
<span id="more-107"></span><br />
まずは「<a href="http://htmlpurifier.org/" target="_blank">HTML Purifier</a>」のDownloadからHTML Purifier 4.0.0をダウンロードします。<a href="http://htmlpurifier.org/" target="_blank"><img src="http://blog.tasdesign.jp/wp-content/uploads/2010/02/htmlpurifier.jpg" alt="" title="htmlpurifier" width="234" height="129" class="aligncenter size-full wp-image-108" /></a><br />
次に解凍してできたフォルダの中から「library」フォルダだけをサーバーにコピーします。<br />
library/HTMLPurifier/DefinitionCacheにあるSerializerディレクトリを書き込み可能な属性に変更します。これで「HTML Purifier」が利用可能になります。</p>
<p>いつでも利用できるようにfunctionを用意します。</p>
<pre class="brush: php;">
function hp($dirty_html) {
require_once('library/HTMLPurifier.auto.php'); //「library」フォルダがある場所を指定する
$config = HTMLPurifier_Config::createDefault();
$config-&gt;set('Core.Encoding', 'UTF-8');
$config-&gt;set('HTML.Doctype', 'XHTML 1.0 Transitional');
$purifier = new HTMLPurifier();
$clean_html = $purifier-&gt;purify( $dirty_html );
return $clean_html;
}
</pre>
<p>$configに文字コードやHTMLのタイプを指定します。<br />
前回の<a href="http://blog.tasdesign.jp/web_design/2010_02_03/php-referer-2.html">PHPでReferer（リファラー）を残さないリンクを作る2</a>を「HTML Purifier」を利用してXSS対策する場合は、先ほどのfunctionをコードに加え以下のようにします。</p>
<pre class="brush: php;">
&lt;?php
$link = hp($_GET['link']); //HTML Purifierを呼び出し危険なコードを削除します。
if(!empty($link)){
header(&quot;Refresh: 15; URL= $link&quot;);
}
?&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;のサイトから外部サイトへ移動します。&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
ここから先はのサイトではありません、 外部のサイトに移動します。&lt;br /&gt;
&lt;a href=&quot;&lt;?= $link ?&gt;&quot;&gt;&lt;?= $link ?&gt;を開く&lt;/a&gt;&lt;br /&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>これでXSS対策をすることができます。<br />
HTML PurifierはHTMLのコードも安全なものに自動で変換してくれるので、簡単なブログのような物にも利用することができると思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/php/2010_02_04/php-html-purifier-xss.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHPでReferer（リファラー）を残さないリンクを作る2</title>
		<link>http://blog.tasdesign.jp/web_design/2010_02_03/php-referer-2.html</link>
		<comments>http://blog.tasdesign.jp/web_design/2010_02_03/php-referer-2.html#comments</comments>
		<pubDate>Wed, 03 Feb 2010 22:33:33 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[Webデザイン]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=106</guid>
		<description><![CDATA[前回のReferer（リファラー）を残さないリンクを少しカスタマイズしてみたいと思います。
自動で移動するのでは無くて、リンク先のアドレスを表示させてクリックさせる方式にしてみます。
以下のPHPでよさそうですがこれはX [...]]]></description>
			<content:encoded><![CDATA[<p>前回のReferer（リファラー）を残さないリンクを少しカスタマイズしてみたいと思います。<br />
自動で移動するのでは無くて、リンク先のアドレスを表示させてクリックさせる方式にしてみます。<br />
以下のPHPでよさそうですがこれはXSS【クロスサイトスクリプティング】の脆弱性があり危険です。</p>
<pre class="brush: php;">
&lt;?php
$link = htmlspecialchars($_GET['link'], ENT_QUOTES);
if(!empty($link)){
header(&quot;Refresh: 15; URL= $link&quot;);
}
?&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;のサイトから外部サイトへ移動します。&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
ここから先は外部のサイトに移動します。&lt;br /&gt;
&lt;a href=&quot;&lt;?= $link ?&gt;&quot;&gt;&lt;?= $link ?&gt;を開く&lt;/a&gt; //XSSの脆弱性があり危険
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p><span id="more-106"></span><br />
外部からの入力をhtmlspecialcharsでエスケープ処理しているようですが、</p>
<pre class="brush: php;"> &lt;a href=&quot;&lt;?= $link ?&gt;&quot;&gt;&lt;?= $link ?&gt;を開く&lt;/a&gt;</pre>
<p> にjavascript:alert(&#8216;XSS&#8217;);など「javascript:」で始まる入力をされるとJavaScriptが実行されXSSの危険性があり、htmlspecialcharsだけではXSS対策は不十分です。</p>
<p>例えばこのようなリンクでJavaScriptが実行可能です。</p>
<p>http://blog.tasdesign.jp/direct_link.php?link=javascript:alert(&#8216;XSS&#8217;);</p>
<p>ではこのようなXSSの脆弱性を無くす為にどうするかと言うと、$linkで入力された値を検証して「javascript:」など危険なものが含まれている場合、エスケープ処理または処理をしないような対策を考えなくてはなりません。</p>
<p>しかも、「javascript:」以外にもエスケープ処理しなければならない項目が多数あります。<br />
それらは<a href="http://hatenadiary.g.hatena.ne.jp/keyword/はてなダイアリーXSS対策" target="_blank">はてなダイアリーXSS対策</a>に色々載ってました。</p>
<p>とてもこれらの処理を自前で作るのは無理だと思っていたら「<a href="http://htmlpurifier.org/" target="_blank">HTML Purifier</a>」という便利なものがありました。これを使ってXSS対策をすることが出来たので次回「HTML Purifier」の使い方をまとめてみます。<br />
<a href="http://blog.tasdesign.jp/php/2010_02_04/php-html-purifier-xss.html">PHPライブラリ「HTML Purifier」でXSS対策をする方法</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/web_design/2010_02_03/php-referer-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHPでReferer（リファラー）を残さないリンクを作る</title>
		<link>http://blog.tasdesign.jp/web_design/2010_01_30/php-referer.html</link>
		<comments>http://blog.tasdesign.jp/web_design/2010_01_30/php-referer.html#comments</comments>
		<pubDate>Sat, 30 Jan 2010 23:58:40 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webデザイン]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=105</guid>
		<description><![CDATA[Webの仕事をしていればサイトを公開する前にテストサイトなどで関係者に確認を取ることが多いと思います。もしテストサイトから外部サイトへのリンククリックがあると外部のサイト管理者にReferer（リファラー）情報からテスト [...]]]></description>
			<content:encoded><![CDATA[<p>Webの仕事をしていればサイトを公開する前にテストサイトなどで関係者に確認を取ることが多いと思います。もしテストサイトから外部サイトへのリンククリックがあると外部のサイト管理者にReferer（リファラー）情報からテストサイトのアドレスなどの情報が分かってしまうことがあります。<br />
<span id="more-105"></span><br />
テストサイトの段階では外部リンクを無くす方法もありますが修正が面倒ですし、事情を知らない関係者からすればリンクが間違ってると思われます。そこでPHPを使ってテストサイトからのリンクをいったん別の場所に飛ばし、そこから外部サイトへ移動すればテストサイトのアドレスがバレることが無くなります。</p>
<p>まずは以下のリダイレクト用PHPをテストサイトでは無いアドレスが知られても大丈夫な場所に置きます。</p>
<pre class="brush: php;">
&lt;?php
$link = htmlspecialchars($_GET['link'], ENT_QUOTES);
if(!empty($link)){
header(&quot;Refresh: 5; URL= $link&quot;);
}
?&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;のサイトから外部サイトへ移動します。&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
ここから先はTAS designのサイトではありません、 外部のサイトに移動します。&lt;br /&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>そして上記のPHPがある場所にテストサイトからリンク先のURLの情報を付けてリンクします。<br />
&lt;a href=&#8221;リダイレクト用PHP?link=リンク先のアドレス&#8221;&gt;リンク&lt;/a&gt;<br />
例えばテストサイトからのyahooへのリンクの仕方は、</p>
<p>http://blog.tasdesign.jp/direct_link.php?link=http://www.yahoo.co.jp/</p>
<p>これでリファラー情報が空になるか、リンク用PHPファイルの場所しかリファラーには残らないようになります。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/web_design/2010_01_30/php-referer.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHPとHTMLの分かりやすい記述方法、WebデザイナーのPHP</title>
		<link>http://blog.tasdesign.jp/web_design/2010_01_29/php-html-web-php-2.html</link>
		<comments>http://blog.tasdesign.jp/web_design/2010_01_29/php-html-web-php-2.html#comments</comments>
		<pubDate>Fri, 29 Jan 2010 21:59:43 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webデザイン]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=104</guid>
		<description><![CDATA[PHPの条件式などでHTMLを書き出す時に分かりやすく、見やすくする書き方があります。
それは条件式の文末で「:」コロンを使ってHTMLを書き出します。

これはWordPressのテンプレートなどでよく見られる記述方法 [...]]]></description>
			<content:encoded><![CDATA[<p>PHPの条件式などでHTMLを書き出す時に分かりやすく、見やすくする書き方があります。<br />
それは条件式の文末で「:」コロンを使ってHTMLを書き出します。<br />
<span id="more-104"></span><br />
これはWordPressのテンプレートなどでよく見られる記述方法ですがif文でHTMLを書き出す時、</p>
<pre class="brush: php;">
&lt;body&gt;
&lt;?php
if ($URL == TRUE ) {
echo '&lt;strong&gt;新規サイトがオープン！&lt;/strong&gt;';
}
else {
echo '新着サイトはありません。';
}
?&gt;
&lt;/body&gt;
</pre>
<p>と通常はしますがこれを</p>
<p>if(条件式):<br />
出力するHTML<br />
else:<br />
出力するHTML<br />
endif;</p>
<p>のように記述します、以下が例です。</p>
<pre class="brush: php;">
&lt;body&gt;
&lt;?php if ($URL == TRUE ): ?&gt;
&lt;strong&gt;新規サイトがオープン！&lt;/strong&gt;
&lt;?php else: ?&gt;
新着サイトはありません。
&lt;?php endif; ?&gt;
&lt;/body&gt;
</pre>
<p>通常ですとPHPで条件式からHTMLを書き出しますが、「:」コロンを使った記述方法ではHTMLの中にPHPの条件式を混ぜ込むイメージです。<br />
ですのでechoなどとしなくてもHTMLを書けばそのまま表示されます。<br />
なおかつifの後のHTMLが長い場合にはどこでifが終わっているか分かりやすいという利点があります。</p>
<p>「:」コロンを使って記述できる条件式は他にswitch()、while()、for()、foreach()、などがあります。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/web_design/2010_01_29/php-html-web-php-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHPでHTMLを出力する楽な方法3、WebデザイナーのPHP</title>
		<link>http://blog.tasdesign.jp/web_design/2010_01_26/php-html-3-web-php.html</link>
		<comments>http://blog.tasdesign.jp/web_design/2010_01_26/php-html-3-web-php.html#comments</comments>
		<pubDate>Tue, 26 Jan 2010 22:05:43 +0900</pubDate>
		<dc:creator>TAS design</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Webデザイン]]></category>

		<guid isPermaLink="false">http://blog.tasdesign.jp/?p=103</guid>
		<description><![CDATA[PHPで変数を出力するのはecho、printやヒアドキュメントがありますが、HTMLの中にPHPを書くときの
 &#60;?php echo &#34;出力したい文字や変数&#34;; ?&#62;
を省略して短く書く [...]]]></description>
			<content:encoded><![CDATA[<p>PHPで変数を出力するのはecho、printや<a href="http://blog.tasdesign.jp/web_design/2010_01_24/php-html-web-php.html">ヒアドキュメント</a>がありますが、HTMLの中にPHPを書くときの
<pre class="brush: php;"> &lt;?php echo &quot;出力したい文字や変数&quot;; ?&gt;</pre>
<p>を省略して短く書く方法があります。<br />
<span id="more-103"></span><br />
その記述方法は &lt;?= &#8220;出力したい文字&#8221; ?&gt; または &lt;?= 出力したい変数 ?&gt; となります。<br />
例えば通常ならこのように記述するところ、</p>
<pre class="brush: php;">
&lt;a href=&quot;&lt;?php echo $link; ?&gt;&quot;&gt;TAS designがオープン！&lt;/a&gt;
</pre>
<p>以下のように短く記述できます。</p>
<pre class="brush: php;">
&lt;a href=&quot;&lt;?= $link ?&gt;&quot;&gt;TAS designがオープン！&lt;/a&gt;
</pre>
<p>HTMLの中に細々とPHP出力を利用したい場合はソースコードが見やすくなります。 </p>
<p>ちなみにPHPの設定で「short_open_tag」がオンになっていないとこの記述はできません。<br />
レンタルサーバーなどで設定をする場合は「.htaccess」に以下の一行を追加します。<br />
php_flag short_open_tag off<br />
php.iniでPHPの設定が出来る場合はphp.iniを「short_open_tag = On 」にします。</p>
<p>また、XMLを記述する場合は、</p>
<pre class="brush: php;">
&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?&gt;
</pre>
<p>だとPHPと勘違いしてエラーになりますから</p>
<pre class="brush: php;">
&lt;? echo '&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?&gt;'; ?&gt;
</pre>
<p>と記述しないとダメですのでご注意ください。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tasdesign.jp/web_design/2010_01_26/php-html-3-web-php.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

