<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>modshrink</title>
	
	<link>http://www.modshrink.com</link>
	<description>modshrink[en]=mayoibi[ja]</description>
	<lastBuildDate>Thu, 23 Feb 2012 06:58:07 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/feed" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/modshrink" /><feedburner:info uri="modshrink" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:browserFriendly></feedburner:browserFriendly><item>
		<title>HA-FXC71で取り戻したステレオ生活</title>
		<link>http://www.modshrink.com/2012/02/22/041350?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ha-fxc71%25e3%2581%25a7%25e5%258f%2596%25e3%2582%258a%25e6%2588%25bb%25e3%2581%2597%25e3%2581%259f%25e3%2582%25b9%25e3%2583%2586%25e3%2583%25ac%25e3%2582%25aa%25e7%2594%259f%25e6%25b4%25bb</link>
		<comments>http://www.modshrink.com/2012/02/22/041350#comments</comments>
		<pubDate>Tue, 21 Feb 2012 19:13:50 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[レビュー]]></category>
		<category><![CDATA[イヤホン]]></category>
		<category><![CDATA[ヘッドホン]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=679</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://farm8.staticflickr.com/7209/6917542505_210b69d048_z.jpg" class="alignleft wp-post-image tfe" alt="HA-FXC71" title="" />イヤホンの片側が断線したままで、イヤーピースも紛失しがちなため、久々にイヤホンを買いました。低音を強調することなく、音が篭らないものがよかったので、評価と価格からビクターのHA-FX71にしました。 音に関してはクリアで [...]]]></description>
			<content:encoded><![CDATA[<p>イヤホンの片側が断線したままで、イヤーピースも紛失しがちなため、久々にイヤホンを買いました。低音を強調することなく、音が篭らないものがよかったので、評価と価格からビクターのHA-FX71にしました。</p>

<p>音に関してはクリアでバランスがよく、とても満足です。実売5000円以下では文句ない音質でしょう。コードは左右同じ長さのY字で、今まではu字ばかりだったのでしばしば戸惑います。付属品は袋状のケースと、サイズ違いのイヤーピース、コード巻き取り用のシリコン状の何かです。</p>

<figure><a href="http://www.flickr.com/photos/41273156@N07/6917542505/" title="HA-FXC71 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7209/6917542505_210b69d048_z.jpg" width="640" height="480" alt="HA-FXC71"></a>
	<figcaption>GR Digital 4</figcaption>
</figure>


	<div class="amazonLink">
		<div class="item">
			<p class="img"><a href="http://www.amazon.co.jp/JVC%E3%82%B1%E3%83%B3%E3%82%A6%E3%83%83%E3%83%89-%E3%83%93%E3%82%AF%E3%82%BF%E3%83%BC-%E3%82%B9%E3%83%86%E3%83%AC%E3%82%AA-%E3%83%98%E3%83%83%E3%83%89%E3%83%9B%E3%83%B3-HA-FXC71-B/dp/B003P1877O%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB003P1877O"><img src="http://ecx.images-amazon.com/images/I/31jawcO6ewL._SL160_.jpg" alt="JVCケンウッド ビクター ステレオ ミニ ヘッドホン HA-FXC71-B" /></a></p>
			<p><a href="http://www.amazon.co.jp/JVC%E3%82%B1%E3%83%B3%E3%82%A6%E3%83%83%E3%83%89-%E3%83%93%E3%82%AF%E3%82%BF%E3%83%BC-%E3%82%B9%E3%83%86%E3%83%AC%E3%82%AA-%E3%83%98%E3%83%83%E3%83%89%E3%83%9B%E3%83%B3-HA-FXC71-B/dp/B003P1877O%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB003P1877O">JVCケンウッド ビクター ステレオ ミニ ヘッドホン HA-FXC71-B</a></p>
		<p class="powered">Powered by <a href="http://blog.yoshitomo.org/amazonlink">AmazonLink</a> 2.0.0 beta4.</p>
		</div>
	</div>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/02/22/041350/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/02/22/041350" />
	</item>
		<item>
		<title>Mac分解のお供に最適な小型トルクスドライバー</title>
		<link>http://www.modshrink.com/2012/02/20/041019?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=mac%25e5%2588%2586%25e8%25a7%25a3%25e3%2581%25ae%25e3%2581%258a%25e4%25be%259b%25e3%2581%25ab%25e6%259c%2580%25e9%2581%25a9%25e3%2581%25aa%25e5%25b0%258f%25e5%259e%258b%25e3%2583%2588%25e3%2583%25ab%25e3%2582%25af%25e3%2582%25b9%25e3%2583%2589%25e3%2583%25a9%25e3%2582%25a4%25e3%2583%2590%25e3%2583%25bc</link>
		<comments>http://www.modshrink.com/2012/02/20/041019#comments</comments>
		<pubDate>Sun, 19 Feb 2012 19:10:19 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[レビュー]]></category>
		<category><![CDATA[mac]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=672</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://farm8.staticflickr.com/7070/6882475021_13a4b051a0_z.jpg" class="alignleft wp-post-image tfe" alt="PROMATE Hexlobe Drivers - overview" title="" />昨年Mac Miniを購入し、ApertureやVMwareでの仮想環境の動作向上のため、SSDへの換装を行いました。作業についてはStudio Milehighさんの記事が非常に参考になりました。 分解に際して、Mac [...]]]></description>
			<content:encoded><![CDATA[<p>昨年Mac Miniを購入し、ApertureやVMwareでの仮想環境の動作向上のため、SSDへの換装を行いました。作業については<a href="http://homepage.mac.com/milehigh/milehigh/mini/macmini.html">Studio Milehighさんの記事</a>が非常に参考になりました。</p>

<p>分解に際して、Macでは星型六角形のネジ穴を採用してあるため、専用のドライバー(トルクスドライバー)が必要です。コンパクトで丈夫なものをと思い、近場の店で探してみましたが、トルクスドライバー自体置いてあることが少なく、Amazonでの購入となりました。</p>

<p>レビューからしか判断できませんでしたが、このPromateのセットは正解でした。手のひらに収まるサイズで、Mac mini分解に使うT6, T8サイズが含まれています。また、この作業ではありませんでしたが、突起のあるタイプのネジ山にも対応する穴が、すべてのドライバーにあります。</p>

<p>SSDへの換装を決めたあと、トルクスドライバーの入手が最初のネックでしたが、前述の解説サイトのお陰もあり、無事導入することができました。(導入後、OSXのコピーや仮想環境の7の扱いで少し苦労した)</p>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6882475021/" title="PROMATE Hexlobe Drivers - overview by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7070/6882475021_13a4b051a0_z.jpg" width="640" height="480" alt="PROMATE Hexlobe Drivers - overview"></a>
	<figcaption>GR Digital 4</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6882475715/" title="PROMATE Hexlobe Drivers - detail by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7050/6882475715_6794ac29d6_z.jpg" width="640" height="480" alt="PROMATE Hexlobe Drivers - detail"></a>
	<figcaption>GR Digital4(macro)</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6882405699/" title="IMGP4211 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7196/6882405699_e03bc42b84_z.jpg" width="640" height="425" alt="IMGP4211"></a>
	<figcaption>Pentax K-r + Sigma 50mm macro</figcaption>
</figure>


	<div class="amazonLink">
		<div class="item">
			<p class="img"><a href="http://www.amazon.co.jp/%E3%83%80%E3%82%A4%E3%83%89%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%9D%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3-SHL-8-PROMATE-%E7%B2%BE%E5%AF%86%E3%83%98%E3%82%AF%E3%82%B9%E3%83%AD%E3%83%BC%E3%83%96%E3%83%AC%E3%83%B3%E3%83%818p/dp/B000I0KLMO%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB000I0KLMO"><img src="http://ecx.images-amazon.com/images/I/41ST76oYXML._SL160_.jpg" alt="PROMATE 精密ヘクスローブレンチ8p SHL-8" /></a></p>
			<p><a href="http://www.amazon.co.jp/%E3%83%80%E3%82%A4%E3%83%89%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%9D%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3-SHL-8-PROMATE-%E7%B2%BE%E5%AF%86%E3%83%98%E3%82%AF%E3%82%B9%E3%83%AD%E3%83%BC%E3%83%96%E3%83%AC%E3%83%B3%E3%83%818p/dp/B000I0KLMO%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB000I0KLMO">PROMATE 精密ヘクスローブレンチ8p SHL-8</a></p>
		<p class="powered">Powered by <a href="http://blog.yoshitomo.org/amazonlink">AmazonLink</a> 2.0.0 beta4.</p>
		</div>
	</div>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/02/20/041019/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/02/20/041019" />
	</item>
		<item>
		<title>Scoutでエラーが出てコンパイルできない場合はフォルダ名を確認する</title>
		<link>http://www.modshrink.com/2012/02/15/122108?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=scout%25e3%2581%25a7%25e3%2582%25a8%25e3%2583%25a9%25e3%2583%25bc%25e3%2581%258c%25e5%2587%25ba%25e3%2581%25a6%25e3%2582%25b3%25e3%2583%25b3%25e3%2583%2591%25e3%2582%25a4%25e3%2583%25ab%25e3%2581%25a7%25e3%2581%258d%25e3%2581%25aa%25e3%2581%2584%25e5%25a0%25b4%25e5%2590%2588%25e3%2581%25af%25e3%2583%2595%25e3%2582%25a9</link>
		<comments>http://www.modshrink.com/2012/02/15/122108#comments</comments>
		<pubDate>Wed, 15 Feb 2012 03:21:08 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[ノート]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[sass]]></category>
		<category><![CDATA[scout]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=664</guid>
		<description><![CDATA[ScoutでSassのコンパイルをする際に下記のエラーが出る場合、プロジェクトにマルチバイト文字が含まれている可能性があります。 TypeError on line 3414 of org/jruby/RubyStrin [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://mhs.github.com/scout-app/">Scout</a>でSassのコンパイルをする際に下記のエラーが出る場合、プロジェクトにマルチバイト文字が含まれている可能性があります。</p>

<pre>TypeError on line 3414 of org/jruby/RubyString.java: no implicit conversion from nil to integer
Run with --trace to see the full backtrace</pre>


<p>プロジェクトを作成する際に親フォルダにマルチバイト文字が含まれていた場合、マルチバイト文字を含まない構造でプロジェクトを再登録します。</p>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/02/15/122108/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/02/15/122108" />
	</item>
		<item>
		<title>FirefoxのRSS登録ボタンを復活させる</title>
		<link>http://www.modshrink.com/2012/02/02/024604?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=firefox%25e3%2581%25aerss%25e7%2599%25bb%25e9%258c%25b2%25e3%2583%259c%25e3%2582%25bf%25e3%2583%25b3%25e3%2582%2592%25e5%25be%25a9%25e6%25b4%25bb%25e3%2581%2595%25e3%2581%259b%25e3%2582%258b</link>
		<comments>http://www.modshrink.com/2012/02/02/024604#comments</comments>
		<pubDate>Wed, 01 Feb 2012 17:46:04 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[ノート]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[rss]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=658</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://www.modshrink.com/wp/wp-content/uploads/2012/02/firefox_rss.png" class="alignleft wp-post-image tfe" alt="FirefoxのRSS登録ボタン" title="" />以前のFirefoxには、フィードのメタ要素を持つサイトを閲覧した際に、ロケーションバーの端にRSSのアイコンが出ていました。そのアイコンをクリックすると、ライブブックマークや各種フィードリーダーへの登録ができました。F [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.modshrink.com/wp/wp-content/uploads/2012/02/firefox_rss.png" alt="FirefoxのRSS登録ボタン" /></p>

<p>以前のFirefoxには、フィードのメタ要素を持つサイトを閲覧した際に、ロケーションバーの端にRSSのアイコンが出ていました。そのアイコンをクリックすると、ライブブックマークや各種フィードリーダーへの登録ができました。Firefoxの地味だけど便利なお気に入りの機能でした。しかし、バージョンアップを重ねるうちに、いつの間にかその機能が無くなってしまったのです。</p>

<p>ブログ形式以外でフィードが配信されているサイトを見つけるにも役立っていた機能なのですが、無くなってからはフィードを登録する習慣が失せるくらい不便を感じていました。が、ある日メニューのカスタマイズ(タブ周辺右クリックで出てくるコンテキストメニューから「カスタマイズ」)を見ていたら、RSSのボタンがあったのです。早速ロケーションバー横に配置しました。フィードが無ければアイコンの色が薄くなり、有れば濃くなります。複数のフィードがあれば選択が可能です。以前のRSSアイコンの機能と一緒です。これで楽しいフィードライフが戻ってきます。やったね。</p>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/02/02/024604/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/02/02/024604" />
	</item>
		<item>
		<title>WordPressで検索エンジンに反映させたくないページにnofollowを付ける</title>
		<link>http://www.modshrink.com/2012/01/26/160543?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=wordpress%25e3%2581%25a7%25e6%25a4%259c%25e7%25b4%25a2%25e3%2582%25a8%25e3%2583%25b3%25e3%2582%25b8%25e3%2583%25b3%25e3%2581%25ab%25e5%258f%258d%25e6%2598%25a0%25e3%2581%2595%25e3%2581%259b%25e3%2581%259f%25e3%2581%258f%25e3%2581%25aa%25e3%2581%2584%25e3%2583%259a%25e3%2583%25bc%25e3%2582%25b8%25e3%2581%25abnofollow</link>
		<comments>http://www.modshrink.com/2012/01/26/160543#comments</comments>
		<pubDate>Thu, 26 Jan 2012 07:05:43 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[ノート]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=654</guid>
		<description><![CDATA[検索エンジンのクローラーは、カテゴリページやアーカイブページなどのページングが発生するコンテンツも巡回します。URLの内容が変動するこれらのページも検索結果の上位に表示されることがありますが、閲覧者がリンクをクリックした [...]]]></description>
			<content:encoded><![CDATA[<p>検索エンジンのクローラーは、カテゴリページやアーカイブページなどのページングが発生するコンテンツも巡回します。URLの内容が変動するこれらのページも検索結果の上位に表示されることがありますが、閲覧者がリンクをクリックした際に目的の内容が含まれているとは限りません。対策として、検索エンジンにインデックスされると不都合なページにnofollowを入れてみます。(ここではnoindex, nofollow指定することによってページを検索エンジンのクロール対象外となることを目標とする)</p>

<h2>カテゴリー・タグ一覧ページを除外</h2>
<p>アーカイブの種類ごとに適用させる例です。</p>
<pre><code>&lt;?php if(is_category()||is_tag()) { ?&gt;
	&lt;meta name=&quot;robots&quot; content=&quot;noindex,nofollow&quot; /&gt;
&lt;?php } ?&gt;</code></pre>


<h2>検索結果を除外</h2>
<p>URLの末尾に?s=fooの付く検索結果ページに適用されます。</p>
<pre><code>&lt;?php if(is_search()) { ?&gt;
	&lt;meta name=&quot;robots&quot; content=&quot;noindex,nofollow&quot; /&gt;
&lt;?php } ?&gt;</code></pre>

<h2>複数に渡るページを除外</h2>
<p>ページングが発生した場合、2ページ目以降に適用されます。</p>
<pre><code>&lt;?php if(is_paged()) { ?&gt;
	&lt;meta name=&quot;robots&quot; content=&quot;noindex,nofollow&quot; /&gt;
&lt;?php } ?&gt;</code></pre>

<h2>アーカイブページをまとめて除外</h2>
<p>カテゴリ・タグ・年、月等のアーカイブに適用されます。一括指定できて便利ですが、日付別や作成者別など、普段は気にかけないようなアーカイブにも全て適用されるため、予期せぬ検索結果の除外が発生する可能性があります。</p>
<pre><code>&lt;?php if(is_archive()) { ?&gt;
	&lt;meta name=&quot;robots&quot; content=&quot;noindex,nofollow&quot; /&gt;
&lt;?php } ?&gt;</code></pre>

<p>上記で使用したのは、WordPressのカスタマイズでよく利用する条件分岐です。その他の特定のページを除外したい場合は<a href="http://wpdocs.sourceforge.jp/%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%82%BF%E3%82%B0" class="broken_link">条件分岐タグのリファレンス</a>を参照してください。また、<a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">All in One SEO Pack</a>ではアーカイブ、カテゴリ、タグのページにnofollowを付加するオプションが用意されています。</p>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/01/26/160543/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/01/26/160543" />
	</item>
		<item>
		<title>Thumbnail for Excerpts で写真だけ表示する方法</title>
		<link>http://www.modshrink.com/2012/01/18/181123?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=thumbnail-for-excerpts-%25e3%2581%25a7%25e5%2586%2599%25e7%259c%259f%25e3%2581%25a0%25e3%2581%2591%25e8%25a1%25a8%25e7%25a4%25ba%25e3%2581%2599%25e3%2582%258b%25e6%2596%25b9%25e6%25b3%2595</link>
		<comments>http://www.modshrink.com/2012/01/18/181123#comments</comments>
		<pubDate>Wed, 18 Jan 2012 09:11:23 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[ノート]]></category>
		<category><![CDATA[Thumbnail for Excerpts]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=527</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://farm8.staticflickr.com/7169/6715710281_fe6b7800c7_z.jpg" class="alignleft wp-post-image tfe" alt="R0010566" title="" />浜の町アーケード, GR Digital 4 WordPressのプラグインThumbnail For Excerptsは、記事の抜粋表示に記事中の最初の画像をサムネイルとして挿入することができます。仕組みとしてはWpr [...]]]></description>
			<content:encoded><![CDATA[<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6715710281/" title="R0010566 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7169/6715710281_fe6b7800c7_z.jpg" width="640" height="480" alt="R0010566"></a>
	<figcaption>浜の町アーケード, GR Digital 4</figcaption>
</figure>


<p>WordPressのプラグイン<a href="http://wordpress.org/extend/plugins/thumbnail-for-excerpts/">Thumbnail For Excerpts</a>は、記事の抜粋表示に記事中の最初の画像をサムネイルとして挿入することができます。仕組みとしてはWprdPressのアイキャッチ機能を使ったりサムネイルの独自生成を行うのではなく、記事中の画像サイズを指定してサムネイルとして見せています。</p>

<p>設置方法は明快で、the_excerpt();で生成する抜粋の先頭に画像タグが入るだけです。そのため、ユーザーがスタイルを適用する際はimg要素をfloatするくらいしかできません。divやp等で囲むために画像だけ呼び出したい場合は、次の関数を直接読み込みます。</p>

<pre><code>&lt;?php echo tfe_put_image(); ?&gt;</code></pre>

<p>この方法で画像だけ呼び出した後、抜粋を表示するためにthe_excerpt();を使うと、画像が2重に表示されてしまいますので、値を取得して出力します。</p>

<pre><code>&lt;?php echo get_the_excerpt(); ?&gt;</code></pre>
]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/01/18/181123/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/01/18/181123" />
	</item>
		<item>
		<title>立ち止まりながら長崎を撮る</title>
		<link>http://www.modshrink.com/2012/01/12/180459?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=%25e7%25ab%258b%25e3%2581%25a1%25e6%25ad%25a2%25e3%2581%25be%25e3%2582%258a%25e3%2581%25aa%25e3%2581%258c%25e3%2582%2589%25e9%2595%25b7%25e5%25b4%258e%25e3%2582%2592%25e6%2592%25ae%25e3%2582%258b</link>
		<comments>http://www.modshrink.com/2012/01/12/180459#comments</comments>
		<pubDate>Thu, 12 Jan 2012 09:04:59 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[写真]]></category>
		<category><![CDATA[GR DIGITAL 4]]></category>
		<category><![CDATA[長崎]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=516</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://farm7.staticflickr.com/6235/6340426303_902182637c_z.jpg" class="alignleft wp-post-image tfe" alt="R0010049" title="" />2011年末にGR Digital 4で撮った写真です。 路面電車 猫 長崎駅 国鉄カラー 思案橋ラーメン 諫早駅前のイルミネーション アミュプラザ長崎のツリー 国道脇のひまわり 紅葉 俺の机 RICOH デジタルカメラ [...]]]></description>
			<content:encoded><![CDATA[<p>2011年末にGR Digital 4で撮った写真です。</p>
	

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6340426303/" title="R0010049 by mayoibi, on Flickr"><img src="http://farm7.staticflickr.com/6235/6340426303_902182637c_z.jpg" width="640" height="480" alt="R0010049"></a>
	<figcaption>路面電車</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6341169930/" title="R0010029 by mayoibi, on Flickr"><img src="http://farm7.staticflickr.com/6041/6341169930_12d8bddcb1_z.jpg" width="640" height="640" alt="R0010029"></a>
	<figcaption>猫</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6531528625/" title="R0010453 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7026/6531528625_bafc8fb13b_z.jpg" width="640" height="480" alt="R0010453"></a>
	<figcaption>長崎駅</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6531541539/" title="R0010458 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7153/6531541539_8ed7654675_z.jpg" width="640" height="480" alt="R0010458"></a>
	<figcaption>国鉄カラー</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6467371191/" title="R0010290 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7159/6467371191_b0de0f9a26_z.jpg" width="640" height="480" alt="R0010290"></a>
	<figcaption>思案橋ラーメン</figcaption>
</figure>


<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6425987143/" title="R0010198 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7025/6425987143_ab2cf9e203_z.jpg" width="640" height="480" alt="R0010198"></a>
	<figcaption>諫早駅前のイルミネーション</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6527496177/" title="R0010444 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7146/6527496177_abfdf718c6_z.jpg" width="640" height="480" alt="R0010444"></a>
	<figcaption>アミュプラザ長崎のツリー</figcaption>
</figure>
<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6395367483/" title="R0010128 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7010/6395367483_06b95df4c4_z.jpg" width="640" height="480" alt="R0010128"></a>
	<figcaption>国道脇のひまわり</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6576269917/" title="R0010468 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7023/6576269917_5270f10166_z.jpg" width="640" height="480" alt="R0010468"></a>
	<figcaption>紅葉</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6533089193/" title="R0010462 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7149/6533089193_d8e1fe9f98_z.jpg" width="640" height="480" alt="R0010462"></a>
	<figcaption>俺の机</figcaption>
</figure>


	<div class="amazonLink">
		<div class="item">
			<p class="img"><a href="http://www.amazon.co.jp/RICOH-%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%AB%E3%83%A1%E3%83%A9-GR-DIGITAL-IV/dp/B005NGLWSK%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWSK"><img src="http://ecx.images-amazon.com/images/I/51zyXrIUIBL._SL160_.jpg" alt="RICOH デジタルカメラ GR DIGITAL IV" /></a></p>
			<p><a href="http://www.amazon.co.jp/RICOH-%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%AB%E3%83%A1%E3%83%A9-GR-DIGITAL-IV/dp/B005NGLWSK%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWSK">RICOH デジタルカメラ GR DIGITAL IV</a></p>
		<p class="powered">Powered by <a href="http://blog.yoshitomo.org/amazonlink">AmazonLink</a> 2.0.0 beta4.</p>
		</div>
	</div>
	<div class="amazonLink">
		<div class="item">
			<p class="img"><a href="http://www.amazon.co.jp/%E3%83%AA%E3%82%B3%E3%83%BC-173351-RICOH-%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%AC%E3%83%B3%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%83%E3%83%97-GL-1/dp/B005NGLWOO%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWOO"><img src="http://ecx.images-amazon.com/images/I/51tkpJ1ChBL._SL160_.jpg" alt="RICOH メタルレンズキャップ GL-1" /></a></p>
			<p><a href="http://www.amazon.co.jp/%E3%83%AA%E3%82%B3%E3%83%BC-173351-RICOH-%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%AC%E3%83%B3%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%83%E3%83%97-GL-1/dp/B005NGLWOO%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWOO">RICOH メタルレンズキャップ GL-1</a></p>
		<p class="powered">Powered by <a href="http://blog.yoshitomo.org/amazonlink">AmazonLink</a> 2.0.0 beta4.</p>
		</div>
	</div>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/01/12/180459/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/01/12/180459" />
	</item>
		<item>
		<title>GR Digital4に単4電池を入れて夜を歩く</title>
		<link>http://www.modshrink.com/2012/01/09/091512?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=gr-digital4%25e3%2581%25ab%25e5%258d%25984%25e9%259b%25bb%25e6%25b1%25a0%25e3%2582%2592%25e5%2585%25a5%25e3%2582%258c%25e3%2581%25a6%25e5%25a4%259c%25e3%2582%2592%25e6%25ad%25a9%25e3%2581%258f</link>
		<comments>http://www.modshrink.com/2012/01/09/091512#comments</comments>
		<pubDate>Mon, 09 Jan 2012 00:15:12 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[写真]]></category>
		<category><![CDATA[GR DIGITAL 4]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=502</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://farm8.staticflickr.com/7143/6661912023_da961fff49_z.jpg" class="alignleft wp-post-image tfe" alt="R0010528" title="" />GR Digitalは専用の電池のほか、単4型の電池2本を電源に使うことができます。持ち時間は公称30枚と、専用電池の公称390枚と比較すると常用に耐えうる長さではありません。GRDを選んだ理由の一つとして単4電池の対応 [...]]]></description>
			<content:encoded><![CDATA[<p>GR Digitalは専用の電池のほか、単4型の電池2本を電源に使うことができます。持ち時間は公称30枚と、専用電池の公称390枚と比較すると常用に耐えうる長さではありません。GRDを選んだ理由の一つとして単4電池の対応があったのですが、使うとしても本当に緊急時のみでしょう。</p>

<p>さて、そんな長持ちする専用電池ですが、容量を確認せずに使っていたら撮影中に電池切れになってしまいました。特に急を要することもなかったのですが、単4電池の実際の持ちを確認するため、コンビニでEVOLTA購入。</p>

<p>多く撮れないことが予想されたので、普段やらない「夜に歩きながら」で撮ってみました。</p>


<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6661912023/" title="R0010528 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7143/6661912023_da961fff49_z.jpg" width="640" height="480" alt="R0010528"></a>
	<figcaption>ISO800 F1.9 ISO100 1/3(Auto)</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6661925181/" title="R0010538 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7027/6661925181_ddd5d54f2f_z.jpg" width="480" height="640" alt="R0010538"></a>
</figure>

<p>暗い中歩いているとAFも手ブレ補正も効かずブレますが、しっかりホールドすると俄然安定します。</p>

<figure>
<a href="http://www.flickr.com/photos/41273156@N07/6661916199/" title="R0010531 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7154/6661916199_7743fa4c30_z.jpg" width="480" height="640" alt="R0010531"></a>
	<figcaption>ISO800 F1.9 ISO100 1/13(Auto)</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6661919115/" title="R0010533 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7027/6661919115_90f7632088_z.jpg" width="640" height="480" alt="R0010533"></a>
	<figcaption>ISO800 F1.9 ISO100 1/6(Auto)</figcaption>
</figure>

<figure>
	<a href="http://www.flickr.com/photos/41273156@N07/6661917431/" title="R0010532 by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7151/6661917431_dfdc166e7c_z.jpg" width="640" height="480" alt="R0010532"></a>
	<figcaption>ISO800 F1.9 ISO100 1/6(Auto)</figcaption>
</figure>


<p>電源の入れ直しや待機時間で消費が大きかったのか、電池切れまでに撮影できた枚数は18でした。</p>


	<div class="amazonLink">
		<div class="item">
			<p class="img"><a href="http://www.amazon.co.jp/RICOH-%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%AB%E3%83%A1%E3%83%A9-GR-DIGITAL-IV/dp/B005NGLWSK%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWSK"><img src="http://ecx.images-amazon.com/images/I/51zyXrIUIBL._SL160_.jpg" alt="RICOH デジタルカメラ GR DIGITAL IV" /></a></p>
			<p><a href="http://www.amazon.co.jp/RICOH-%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%AB%E3%83%A1%E3%83%A9-GR-DIGITAL-IV/dp/B005NGLWSK%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWSK">RICOH デジタルカメラ GR DIGITAL IV</a></p>
		<p class="powered">Powered by <a href="http://blog.yoshitomo.org/amazonlink">AmazonLink</a> 2.0.0 beta4.</p>
		</div>
	</div>
	<div class="amazonLink">
		<div class="item">
			<p class="img"><a href="http://www.amazon.co.jp/%E3%83%AA%E3%82%B3%E3%83%BC-173351-RICOH-%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%AC%E3%83%B3%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%83%E3%83%97-GL-1/dp/B005NGLWOO%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWOO"><img src="http://ecx.images-amazon.com/images/I/51tkpJ1ChBL._SL160_.jpg" alt="RICOH メタルレンズキャップ GL-1" /></a></p>
			<p><a href="http://www.amazon.co.jp/%E3%83%AA%E3%82%B3%E3%83%BC-173351-RICOH-%E3%83%A1%E3%82%BF%E3%83%AB%E3%83%AC%E3%83%B3%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%83%E3%83%97-GL-1/dp/B005NGLWOO%3FSubscriptionId%3D0KC1H5HPFK7WNT7X6Q82%26tag%3Dmayoibi-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB005NGLWOO">RICOH メタルレンズキャップ GL-1</a></p>
		<p class="powered">Powered by <a href="http://blog.yoshitomo.org/amazonlink">AmazonLink</a> 2.0.0 beta4.</p>
		</div>
	</div>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/01/09/091512/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/01/09/091512" />
	</item>
		<item>
		<title>Safariだけfigcaptionの挙動が違うと思ったら修正されていた</title>
		<link>http://www.modshrink.com/2012/01/06/163015?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=safari%25e3%2581%25a0%25e3%2581%2591figcaption%25e3%2581%25ae%25e6%258c%2599%25e5%258b%2595%25e3%2581%258c%25e9%2581%2595%25e3%2581%2586%25e3%2581%25a8%25e6%2580%259d%25e3%2581%25a3%25e3%2581%259f%25e3%2582%2589%25e4%25bf%25ae%25e6%25ad%25a3%25e3%2581%2595%25e3%2582%258c%25e3%2581%25a6%25e3%2581%2584%25e3%2581%259f</link>
		<comments>http://www.modshrink.com/2012/01/06/163015#comments</comments>
		<pubDate>Fri, 06 Jan 2012 07:30:15 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[ノート]]></category>
		<category><![CDATA[figcaption]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=415</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://farm7.staticflickr.com/6200/6143793519_0fe5357e4b_z.jpg" class="alignleft wp-post-image tfe" alt="IMGP4112" title="" />ある日の未明、下記のような安直な発言をしました。 figcaption&#12390;&#12452;&#12531;&#12521;&#12452;&#12531;&#35201;&#32032;&#12420;&#1 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/41273156@N07/6143793519/" title="IMGP4112 by mayoibi, on Flickr"><img src="http://farm7.staticflickr.com/6200/6143793519_0fe5357e4b_z.jpg" width="640" height="425" alt="IMGP4112"></a></p>


<p>ある日の未明、下記のような安直な発言をしました。</p>

<!-- tweet id : 143409453688045568 --><style type='text/css'>#bbpBox_143409453688045568 a { text-decoration:none; color:#990000; }#bbpBox_143409453688045568 a:hover { text-decoration:underline; }</style><div id='bbpBox_143409453688045568' class='bbpBox' style='padding:20px; margin:5px 0; background-color:#EBEBEB; background-image:url(http://a1.twimg.com/images/themes/theme7/bg.gif); background-repeat:no-repeat'><div style='background:#fff; padding:10px; margin:0; min-height:48px; color:#333333; -moz-border-radius:5px; -webkit-border-radius:5px;'><span style='width:100%; font-size:18px; line-height:22px;'>figcaption&#12390;&#12452;&#12531;&#12521;&#12452;&#12531;&#35201;&#32032;&#12420;&#12435;&#12290;&#24403;&#28982;&#12394;&#12364;&#12425;&#12290;</span><div class='bbp-actions' style='font-size:12px; width:100%; padding:5px 0; margin:0 0 10px 0; border-bottom:1px solid #e6e6e6;'><img align='middle' src='http://www.modshrink.com/wp/wp-content/plugins/twitter-blackbird-pie//images/bird.png' /><a title='tweeted on 2011年12月5日 04:20' href='http://twitter.com/#!/mayoibi/status/143409453688045568' target='_blank'>2011年12月5日 04:20</a> via <a href="http://www.echofon.com/" rel="nofollow" target="blank">Echofon</a><a href='https://twitter.com/intent/tweet?in_reply_to=143409453688045568&#038;related=mayoibi' class='bbp-action bbp-reply-action' title='Reply'><span><em style='margin-left: 1em;'></em><strong>Reply</strong></span></a><a href='https://twitter.com/intent/retweet?tweet_id=143409453688045568&#038;related=mayoibi' class='bbp-action bbp-retweet-action' title='Retweet'><span><em style='margin-left: 1em;'></em><strong>Retweet</strong></span></a><a href='https://twitter.com/intent/favorite?tweet_id=143409453688045568&#038;related=mayoibi' class='bbp-action bbp-favorite-action' title='Favorite'><span><em style='margin-left: 1em;'></em><strong>Favorite</strong></span></a></div><div style='float:left; padding:0; margin:0'><a href='http://twitter.com/intent/user?screen_name=mayoibi'><img style='width:48px; height:48px; padding-right:7px; border:none; background:none; margin:0' src='http://a1.twimg.com/profile_images/1673785736/mayoibi_normal.jpg' /></a></div><div style='float:left; padding:0; margin:0'><a style='font-weight:bold' href='http://twitter.com/intent/user?screen_name=mayoibi'>@mayoibi</a><div style='margin:0; padding-top:2px'>Dark Kink Mayoibi</div></div><div style='clear:both'></div></div></div><!-- end of tweet -->

<p>このような頭の悪そうな発言をしたのは、手元のiPhoneのSafariではfigcaption要素がインライン要素的に(改行されず)表示されたからです。後にWindows版Safariでも試してみましたが結果は同様でした。釈然とできない気持ちでいると、<a href="http://hail2u.net/">日本blosxom界の神</a>からお告げを頂きました。</p>

<!-- tweet id : 143415551786627072 --><style type='text/css'>#bbpBox_143415551786627072 a { text-decoration:none; color:#0084B4; }#bbpBox_143415551786627072 a:hover { text-decoration:underline; }</style><div id='bbpBox_143415551786627072' class='bbpBox' style='padding:20px; margin:5px 0; background-color:#C0DEED; background-image:url(http://a0.twimg.com/images/themes/theme1/bg.png); background-repeat:no-repeat'><div style='background:#fff; padding:10px; margin:0; min-height:48px; color:#333333; -moz-border-radius:5px; -webkit-border-radius:5px;'><span style='width:100%; font-size:18px; line-height:22px;'>figcaption&#12399;&#12502;&#12525;&#12483;&#12463;&#12392;&#12375;&#12390;&#12524;&#12531;&#12480;&#12522;&#12531;&#12464;&#12373;&#12428;&#12414;&#12377;&#12424;</span><div class='bbp-actions' style='font-size:12px; width:100%; padding:5px 0; margin:0 0 10px 0; border-bottom:1px solid #e6e6e6;'><img align='middle' src='http://www.modshrink.com/wp/wp-content/plugins/twitter-blackbird-pie//images/bird.png' /><a title='tweeted on 2011年12月5日 04:45' href='http://twitter.com/#!/hell2u/status/143415551786627072' target='_blank'>2011年12月5日 04:45</a> via web<a href='https://twitter.com/intent/tweet?in_reply_to=143415551786627072&#038;related=mayoibi' class='bbp-action bbp-reply-action' title='Reply'><span><em style='margin-left: 1em;'></em><strong>Reply</strong></span></a><a href='https://twitter.com/intent/retweet?tweet_id=143415551786627072&#038;related=mayoibi' class='bbp-action bbp-retweet-action' title='Retweet'><span><em style='margin-left: 1em;'></em><strong>Retweet</strong></span></a><a href='https://twitter.com/intent/favorite?tweet_id=143415551786627072&#038;related=mayoibi' class='bbp-action bbp-favorite-action' title='Favorite'><span><em style='margin-left: 1em;'></em><strong>Favorite</strong></span></a></div><div style='float:left; padding:0; margin:0'><a href='http://twitter.com/intent/user?screen_name=hell2u'><img style='width:48px; height:48px; padding-right:7px; border:none; background:none; margin:0' src='http://a0.twimg.com/profile_images/1283582152/gravatar-003-400_normal.png' /></a></div><div style='float:left; padding:0; margin:0'><a style='font-weight:bold' href='http://twitter.com/intent/user?screen_name=hell2u'>@hell2u</a><div style='margin:0; padding-top:2px'>Kyo Nagashima</div></div><div style='clear:both'></div></div></div><!-- end of tweet -->

<p>kyoさんの仰るとおり、やはりfigcaption要素はブロック要素的に(改行されたように)表示されるのがデフォルトのようです。ではなぜ自分の環境ではそう表示されなかったのか。結果としてはSafariのバージョン違いによるものでした。</p>

<h2>Safariのfigcaption要素への対応</h2>

<p>2011年7月20日にリリースされたSafari5.1では、HTML5への対応強化が謳われていますが、私がfigcaption要素を確認したSafariのバージョンはWindows版、モバイル版共に5.0.2でした。Macの5.1.1で確認するとブロック要素的に表示されたので、5.1を境にfigcaptionの挙動が定められたと考えられます。(参考: <a href="https://developer.mozilla.org/en/HTML/Element/figcaption">figcaption &#8211; MDN</a>)</p>

<h2>各ブラウザのfigcaption要素の挙動</h2>

<p>Safari5.1登場以前の各ブラウザでの表示です。IEはともかく、Safari5.0の表示だけ異なっています。<br />
<a href="http://www.modshrink.com/code/html/figcaption/rendering.html">figcaptionのレンダリング</a></p>

<p>上記のテストで使用したコードと<a href="http://www.modshrink.com/code/html/figcaption/">テストページ</a>です。</p>

<pre><code>&lt;caption&gt;
	&lt;a href=&quot;http://www.flickr.com/photos/41273156@N07/6143793519/&quot;&gt;
		&lt;img src=&quot;http://farm7.staticflickr.com/6200/6143793519_0fe5357e4b_m.jpg&quot; alt=&quot;IMGP4112&quot; /&gt;
	&lt;/a&gt;
	&lt;figcaption&gt;figcaption: 猫が歩いている。&lt;/figcaption&gt;
&lt;/caption&gt;</code></pre>


<!-- <h2>「ブロック要素的」に表示されるとは</h2>

<p>見え方についてはSafariのバージョン違いということで解決したのですが、この件ではfigcaptionの表示を「ブロック要素」や「インライン要素」という表現で扱ってよいか迷いました。</p>

<p>HTML5ではブロック要素とインライン要素が消え、新しくコンテンツモデルという分類が登場しました。いくつかカテゴリ分けされたコンテンツモデルのうち、フローコンテンツ(Flow content)が従来のブロック要素に分類されていたタグを含みます。しかし「フローコンテンツ=ブロック要素」ではありません。ブロック要素かインライン要素かは見栄えの上での問題であり、内包するコンテンツの意味を表現していません。要素の意味を表すカテゴリを分類したものが、HTML5のコンテンツモデルです。</p>

<p>セマンティック・ウェブに即すと、フロー・コンテンツに分類されるタグは、結果的に従来のブロック要素のように表示されます。また、li要素にdisplay:inline;を指定して横並びのメニューを作るように、CSSによってもその挙動を変えることができます。</p> &#8211;>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/01/06/163015/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/01/06/163015" />
	</item>
		<item>
		<title>ハンドメイド・タマゴボーロ</title>
		<link>http://www.modshrink.com/2012/01/03/235416?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=%25e3%2583%258f%25e3%2583%25b3%25e3%2583%2589%25e3%2583%25a1%25e3%2582%25a4%25e3%2583%2589%25e3%2583%25bb%25e3%2582%25bf%25e3%2583%259e%25e3%2582%25b4%25e3%2583%259c%25e3%2583%25bc%25e3%2583%25ad</link>
		<comments>http://www.modshrink.com/2012/01/03/235416#comments</comments>
		<pubDate>Tue, 03 Jan 2012 14:54:16 +0000</pubDate>
		<dc:creator>mayoibi</dc:creator>
				<category><![CDATA[食文化]]></category>
		<category><![CDATA[卵ボーロ]]></category>

		<guid isPermaLink="false">http://www.modshrink.com/?p=463</guid>
		<description><![CDATA[<img align="left" hspace="5" width="150" src="http://farm8.staticflickr.com/7026/6620480247_7a4e964b1c_z.jpg" class="alignleft wp-post-image tfe" alt="卵ボーロ" title="" />昨年末に一時ハマった卵ボーロを自分で作ってみました。 卵ボーロと一般的なクッキーの違いは、主要な材料に小麦粉ではなく片栗粉を使う点です。片栗粉を使うことで、ダイラタンシー現象による「速やかに解けつつ舌の上に残る」独特の食 [...]]]></description>
			<content:encoded><![CDATA[<p>昨年末に一時ハマった卵ボーロを自分で作ってみました。</p>

<p>卵ボーロと一般的なクッキーの違いは、主要な材料に小麦粉ではなく片栗粉を使う点です。片栗粉を使うことで、ダイラタンシー現象による「速やかに解けつつ舌の上に残る」独特の食感を生み出します。</p>

<p>今回は突如作製を思いついたため、クッキングシートが無く、ケーキ型に2回に分けて作ることにしました。タネも「できればいいや」的に混ぜました。</p>

<p><a href="http://www.flickr.com/photos/41273156@N07/6620480247/" title="卵ボーロ by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7026/6620480247_7a4e964b1c_z.jpg" width="640" height="480" alt="卵ボーロ"></a></p>

<p>1回目は180度で15分近く焼いたため、クッキー状になりました。こういうお菓子は存在しますが、卵ボーロとはいえないため、2回目は外が焦げない程度にしました。これで卵ボーロのような風味を出すことができましたが、口溶けについては今後の課題です。</p>

<p><a href="http://www.flickr.com/photos/41273156@N07/6620481219/" title="卵ボーロ by mayoibi, on Flickr"><img src="http://farm8.staticflickr.com/7005/6620481219_2a85988412_z.jpg" width="640" height="480" alt="卵ボーロ"></a></p>

<h2>今回の材料</h2>
<ul>
	<li>片栗粉 50g</li>
	<li>砂糖 20g</li>
	<li>卵黄 卵1個分</li>
	<li>スキムミルク 大さじ1</li>
</ul>

<h2>課題</h2>
<ul>
	<li>粉を振るいにかける</li>
	<li>砂糖と卵黄をもっと混ぜる</li>
	<li>脱脂粉乳を牛乳にしてみる</li>
	<li>全卵を使ってみる</li>
	<li>タネを丸めるのがつらい</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.modshrink.com/2012/01/03/235416/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.modshrink.com/2012/01/03/235416" />
	</item>
	</channel>
</rss>

