<p>今回ご紹介するのは、「Flatic UserInterface Kit」というフラットなデザインのUIキット素材です。</p>
<p>フリーでゲットできる上に、100以上のエレメントが揃っています！</p>
<p>デザインで使うのも良さそうですが、<br />
これはワイヤーフレームで使えそうですね！</p>
<p>&nbsp;</p>
<p><a href="http://m.elgendy.me/downloads/flatic-userinterface-kit/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3460" alt="Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02" src="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02.jpg" width="599" height="364" srcset="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02.jpg 599w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02-300x182.jpg 300w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02-228x138.jpg 228w" sizes="(max-width: 599px) 100vw, 599px" /></a></p>
<p>&nbsp;</p>
<p><a href="http://m.elgendy.me/downloads/flatic-userinterface-kit/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3461" alt="Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01" src="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01.jpg" width="600" height="364" srcset="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01.jpg 600w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01-300x182.jpg 300w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01-228x138.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>&nbsp;</p>
<p><a href="http://m.elgendy.me/downloads/flatic-userinterface-kit/#.UmYpoCQYRVS">Flatic UserInterface Kit &#8211; M-Elgendy</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>おまけ</strong></p>
<p>バーガーが画面一杯に表示され、マウスオーバーで増殖していき、<br />
クリックで「ガブッ」という音とともに元通り。<br />
なんかおもしろいです(笑)</p>
<p><a href="http://www.theageofmammals.com/burgers/" target="_blank">Burgers, Guthrie Lonergan</a></p>


フラットなデザインのUIキットPSDフリー素材「Flatic UserInterface Kit」

MT ページによってメタ情報を変更

【CentOS6】POSTの内容もapacheログに記録

<p>「D-Ucar.net」</p>
<p><a href="http://ducar.carsensor.net/" target="_blank"><img decoding="async" loading="lazy" alt="D-Ucar.net" src="/uploads-archive/2013/10/image01.jpg" width="656" height="361" /></a></p>
<p><a href="http://ducar.carsensor.net/" target="_blank">http://ducar.carsensor.net/</a></p>
<p>シルエットをメインにしたイラスト。</p>
<p>お店や街頭がおしゃれ感を出しています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「コープさが生活協同組合」</p>
<p><a href="http://www.saga.coop/" target="_blank"><img decoding="async" loading="lazy" alt="コープさが" src="/uploads-archive/2013/10/image03.jpg" width="656" height="362" /></a></p>
<p><a href="http://www.saga.coop/" target="_blank">http://www.saga.coop/</a></p>
<p>淡い色彩で、落ち着いた感じです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「三好不動産」</p>
<p><a href="http://www.miyoshi.co.jp/" target="_blank"><img decoding="async" loading="lazy" alt="コープさが" src="/uploads-archive/2013/10/image02.jpg" width="656" height="345" /></a></p>
<p><a href="http://www.miyoshi.co.jp/" target="_blank">http://www.miyoshi.co.jp/</a></p>
<p>線をメインにしたイラストで、色数が控えられていて、クールな印象です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「KALDI COFFEE FARM」</p>
<p><a href="http://www.kaldi.co.jp/" target="_blank"><img decoding="async" loading="lazy" alt="KALDI COFFEE FARM" src="/uploads-archive/2013/10/image05.jpg" width="656" height="365" /></a></p>
<p><a href="http://www.kaldi.co.jp/" target="_blank">http://www.kaldi.co.jp/</a></p>
<p>アートな感じで、おしゃれです。</p>
<p>Flashによるアニメーションが印象的です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「水からはじまるストーリー「つないで、つながって」(TOTO)」</p>
<p><a href="http://www.toto.co.jp/greenchallenge/tsunaide/" target="_blank"><img decoding="async" loading="lazy" alt="KALDI COFFEE FARM" src="/uploads-archive/2013/10/image04.jpg" width="656" height="362" /></a></p>
<p><a href="http://www.toto.co.jp/greenchallenge/tsunaide/" target="_blank">http://www.toto.co.jp/greenchallenge/tsunaide/</a></p>
<p>こちらも線画メインですが、多色による線画になっています。</p>
<p>ただ、トーンが抑えられていて、落ち着いています。</p>


おしゃれな感じのイラストを使ったサイト

<p>MT(MovableType)はテンプレートをMTの独自タグを使って組み上げていくのですが、</p>
<p>その書き方は作られた時期や、作った人、また、作った人の気分によりバラバラだったりします。</p>
<p>「どれが正しいんだ？」「なぜこんなに書き方があるんだ？」ということがとても気になっていたので、</p>
<p>調べてみたところ、こちらのサイト（→「<a href="http://blog.aklaswad.com/2008/000358.html" target="_blank">MTタグの書き方を調べてみました。</a>」）に詳しく説明がありましたので、</p>
<p>私なりにまとめてみました。</p>
<p>&nbsp;</p>
<h3>一番の基本形</h4>
<p></p>

		<div id="crayon-64953fd5923e5520473413" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;$MTBlogName$&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5923e5520473413-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5923e5520473413-1"><span class="crayon-r ">&lt;$MTBlogName$&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>ブロックタグの場合は</p>

		<div id="crayon-64953fd5923e9049531960" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;MTEntries&gt;
・・・
&lt;/MTEntries&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5923e9049531960-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923e9049531960-2">2</div><div class="crayon-num" data-line="crayon-64953fd5923e9049531960-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5923e9049531960-1"><span class="crayon-r ">&lt;MTEntries&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923e9049531960-2"><span class="crayon-i ">・・・</span></div><div class="crayon-line" id="crayon-64953fd5923e9049531960-3"><span class="crayon-r ">&lt;/MTEntries&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&lt;$MT[タグ名]$&gt;の形が元々の基本形。</p>
<p>ブロックタグの場合は&lt;MT[タグ名]&gt;&lt;/MT[タグ名]&gt;で、$で囲わず、終了タグの先頭に/をつける。</p>
<p>&nbsp;</p>
<h3>MT3から</h4>
<p>MT3以降、$は省略が可能となり、</p>

		<div id="crayon-64953fd5923eb093513938" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;MTBlogName&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5923eb093513938-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5923eb093513938-1"><span class="crayon-h">&lt;</span><span class="crayon-i">MTBlogName</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>という記述も可能になった。</p>
<p>&nbsp;</p>
<h3>MT4から</h4>
<p>MT4以降、さらに記述方法が多様化。</p>
<p>タグの大文字・小文字の区別がなくなり、</p>
<p>MTとタグ名の間に:をつけられるようになった。</p>

		<div id="crayon-64953fd5923ed457405288" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;mtblogname&gt;
でも
&lt;mtBlogName&gt;
でも
&lt;mTblOgnAme&gt;
でも
&lt;mt:blogname&gt;
でもOK</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5923ed457405288-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-2">2</div><div class="crayon-num" data-line="crayon-64953fd5923ed457405288-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-4">4</div><div class="crayon-num" data-line="crayon-64953fd5923ed457405288-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-6">6</div><div class="crayon-num" data-line="crayon-64953fd5923ed457405288-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-8">8</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5923ed457405288-1"><span class="crayon-h">&lt;</span><span class="crayon-i">mtblogname</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-2">でも</div><div class="crayon-line" id="crayon-64953fd5923ed457405288-3"><span class="crayon-h">&lt;</span><span class="crayon-i">mtBlogName</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-4">でも</div><div class="crayon-line" id="crayon-64953fd5923ed457405288-5"><span class="crayon-h">&lt;</span><span class="crayon-i">mTblOgnAme</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-6">でも</div><div class="crayon-line" id="crayon-64953fd5923ed457405288-7"><span class="crayon-h">&lt;</span><span class="crayon-i">mt</span><span class="crayon-sy">:</span><span class="crayon-i">blogname</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-8">でも<span class="crayon-i">OK</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>タグ名の大文字と小文字の区別がないということは、</p>
<p>今回調べて初めて知りました。</p>
<p>&nbsp;</p>
<p>さらに、ブロックタグではない通常のタグで、XMLのような</p>

		<div id="crayon-64953fd5923ee336466415" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;MTBlogName /&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5923ee336466415-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5923ee336466415-1"><span class="crayon-h">&lt;</span><span class="crayon-i">MTBlogName</span><span class="crayon-h"> </span>/<span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>という記述も可能に。</p>
<p>&nbsp;</p>
<p>要するに、書きやすい方法で自由に記述してOKということのようです。</p>
<p>個人的には&lt;mt:BlogName /&gt;という書き方が混乱せずにいいかなと思っていますが、</p>
<p>どれが正しいとかは特にないようです。</p>

MT(MovableType)のタグの書き方が多い！

<p>当社ではヤンゴン法人を作り、ヤンゴンから日本への人材の招聘を推進している。</p>
<p>しかし、逆に日本からヤンゴンへ日本人管理者に出向いてもらうという必要性も出てきているため</p>
<p>日本人がヤンゴンに住むとしたらどのような生活になるか、一家で移住するパターンを想定して必要と思われる場所を調査してきた。</p>
<p>&nbsp;</p>
<h2>スーパー</h3>
<p><a href="/uploads-archive/2013/10/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3360" alt="1" src="/uploads-archive/2013/10/1.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/1.jpg 656w, /uploads-archive/2013/10/1-300x224.jpg 300w, /uploads-archive/2013/10/1-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>こちらはダウンタウンのRuby Mart。日本でも定番の野菜からよくわからない野菜まで豊富に揃う。値段はバナナてんこ盛り150円、玉ねぎ3ヶ月分100円くらい。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3361" alt="2" src="/uploads-archive/2013/10/2.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/2.jpg 656w, /uploads-archive/2013/10/2-300x224.jpg 300w, /uploads-archive/2013/10/2-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>牛乳は10種類くらいあり、チーズやヨーグルトもある。左上のパックは、炒めるだけで本格ミャンマーカレーが作れるパッケージ商品。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3362" alt="3" src="/uploads-archive/2013/10/3.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/3.jpg 656w, /uploads-archive/2013/10/3-300x224.jpg 300w, /uploads-archive/2013/10/3-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>プリンぽいものとウインナーっぽいもの。とりあえず種類がいっぱい。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3363" alt="4" src="/uploads-archive/2013/10/4.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/4.jpg 656w, /uploads-archive/2013/10/4-300x224.jpg 300w, /uploads-archive/2013/10/4-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>コカ・コーラ系の飲み物は手に入りやすくなったらしい。水は1リットル25円くらい</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3364" alt="5" src="/uploads-archive/2013/10/5.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/5.jpg 656w, /uploads-archive/2013/10/5-300x224.jpg 300w, /uploads-archive/2013/10/5-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>ここからはCity Mart。City Martは8月に双日と資本・業務提携したため、6月にはなかった味噌や納豆まで売っていた。 日本の調味料はかなりカバーしているように見える。 また、酒の種類が豊富でウィスキーはもちろんワインや純米大吟醸までなんでも揃う。</p>
<h2>デパート</h3>
<p><a href="/uploads-archive/2013/10/6.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3365" alt="6" src="/uploads-archive/2013/10/6.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/6.jpg 656w, /uploads-archive/2013/10/6-300x224.jpg 300w, /uploads-archive/2013/10/6-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>ヤンゴンで最も新しいデパートJunction Square。かなり大きいデパート</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/7.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3366" alt="7" src="/uploads-archive/2013/10/7.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/7.jpg 656w, /uploads-archive/2013/10/7-300x224.jpg 300w, /uploads-archive/2013/10/7-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>様々な専門店も併設されている</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/8.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3367" alt="8" src="/uploads-archive/2013/10/8.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/8.jpg 656w, /uploads-archive/2013/10/8-300x224.jpg 300w, /uploads-archive/2013/10/8-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>大きい銀行もありすごく親切に対応してくれた。</p>
<p>ミャンマーには上記の他にCB BANKとWestern Unionという大きな銀行があり、Western Unionはセブン銀行からの送金が可能だ</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/9.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3368" alt="9" src="/uploads-archive/2013/10/9.jpg" width="656" height="873" srcset="/uploads-archive/2013/10/9.jpg 656w, /uploads-archive/2013/10/9-225x300.jpg 225w, /uploads-archive/2013/10/9-228x303.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>中は吹き抜けになっておりとてもおしゃれな雰囲気</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/10.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3369" alt="10" src="/uploads-archive/2013/10/10.jpg" width="656" height="873" srcset="/uploads-archive/2013/10/10.jpg 656w, /uploads-archive/2013/10/10-225x300.jpg 225w, /uploads-archive/2013/10/10-228x303.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>ブランド品や化粧品点もたくさん。日本のブランドもあるが、韓国系が多い気がする</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/11.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3370" alt="11" src="/uploads-archive/2013/10/11.jpg" width="656" height="873" srcset="/uploads-archive/2013/10/11.jpg 656w, /uploads-archive/2013/10/11-225x300.jpg 225w, /uploads-archive/2013/10/11-228x303.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>地上3階建。おしゃれな内装</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/12.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3371" alt="12" src="/uploads-archive/2013/10/12.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/12.jpg 656w, /uploads-archive/2013/10/12-300x224.jpg 300w, /uploads-archive/2013/10/12-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>子供用品やおもちゃも充実。キティちゃん、ワンピース、ナルトはこちらでも人気なよう</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/13.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3372" alt="13" src="/uploads-archive/2013/10/13.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/13.jpg 656w, /uploads-archive/2013/10/13-300x224.jpg 300w, /uploads-archive/2013/10/13-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>3階はレストランフロアになっており、いろんな国の料理が食べられる</p>
<p>&nbsp;</p>
<h2>住居</h3>
<p><a href="/uploads-archive/2013/10/14.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3373" alt="14" src="/uploads-archive/2013/10/14.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/14.jpg 656w, /uploads-archive/2013/10/14-300x224.jpg 300w, /uploads-archive/2013/10/14-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>部屋は新築だと床や壁は自分でやるケースが多いらしい。</p>
<p>敷金、礼金が無いのでその分とおもえば良いかもしれない。</p>
<p>もちろん居抜きもある。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/15.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3374" alt="15" src="/uploads-archive/2013/10/15.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/15.jpg 656w, /uploads-archive/2013/10/15-300x224.jpg 300w, /uploads-archive/2013/10/15-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>風呂場はミャンマー式のものが多い。バスタブがある物件は少ないように思える。</p>
<p>日本人が住むとしたら、風呂がネックになりそう</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/16.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3375" alt="16" src="/uploads-archive/2013/10/16.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/16.jpg 656w, /uploads-archive/2013/10/16-300x224.jpg 300w, /uploads-archive/2013/10/16-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>トイレはかなりきれい。ただ、トイレットペーパーは流せない</p>
<p>&nbsp;</p>
<h2>まとめ</h3>
<p>衣食についてはよっぽど贅沢でなければさほどかわらない生活ができそうだ。</p>
<p>住については固有のものが多く、日本や欧米式な物件はまだ少ないように思える。</p>
<p>とはいってもそこまでたくさんは見ていないので、探せばあるのではと思うのと</p>
<p>リフォームはけっこう安いのでやってもらってしまったほうが早いかもしれない</p>


ヤンゴンでの暮らし

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4198630496/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51PtInE3wKL._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4198630496/sackoh71-22/" target="_blank" >君がオヤジになる前に</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">堀江 貴文 徳間書店 2010-10-29    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4198630496/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>堀江さんの2年前の著作。</p>
<p>ちょうど、事件以降、収監されるまでの間に書かれたもので、ふと昔の本を引っ張りだして読み返してみた。</p>
<p>経営者としては、優秀で尊敬に値するが、人徳の面で問題があり、結果的に「出る杭は打たれる」ことになってしまったのだと思う。</p>
<p>ただ、仮釈放されてから既に活躍されているところをみて、何度でも出る杭をするバイタリティがまたまた尊敬してしまった。</p>
<h2>抜粋</h3>
<ul>
<li>オヤジの定義とは思考停止した状態。より良き方向へ改善しようとすることを放棄した状態。</li>
<li>合理的になりすぎて思いやるということとは程遠い思考。</li>
<li>安定を求めようとする努力のプロセスの中で、人は不安定になっていく。</li>
<li>業務を標準化させた</li>
<li>24時間、ビジネスのことだけ考えたらいい。常に思考を埋めろ</li>
<li>過去の人脈は切る</li>
<li>僕は、逆境に強いんじゃない。真面目に寂しさと向き合ってきただけだ。</li>
<li>自己否定をとことん繰り返せば突破できる。</li>
<li>斬新なアイデアは出尽くされた。今一番大事なことは「実行力」だ</li>
</ul>
<p>&nbsp;</p>


君がオヤジになる前に　堀江 貴文

<p>本日は、HTMLやcssの初級者がレベルアップするために薦めたい本をご紹介します。</p>
<p>僕自身がお世話になった本で、良かったなぁと思う本です。</p>
<p>今から紹介するのは、初心者向けではなく、初級者向けになりますので、<br />
ある程度かじっていないと本の内容がわからないと思います。</p>
<p>どのぐらいの初級者かっていうと、タグの勉強はひと通りしていて、<br />
HTMLもいじったことがあるけど、<br />
サイト自体のコーディングはあんまり経験がない人って感じです。<br />
ある程度経験しているけど、我流って人にも、今一度見直しもらうためにも良いかもしれません。</p>
<p>今となってはもしかしたら少々古いかもしれませんが、<br />
コーディングの基礎となる所なので、学ぶとそれなりにいいコーディングができると思います。</p>
<p>そのおかげか僕自身も動きをつけない場合のHTMLでは、ie対応で困ることはそこまで多くありません。</p>
<p>&nbsp;</p>
<p>長くなりましたが、本をご紹介します。</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=alantrigger-22&amp;o=9&amp;p=8&amp;l=as1&amp;asins=4883376710&amp;ref=qf_sp_asin_til&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=FFFFFF&amp;bg1=FFFFFF&amp;f=ifr" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p>
<p>こちらは、北海道では有名なコーディング屋さんのようで、丁寧に説明してくれています。<br />
一からサイト全体を作リ方を教えてくれます。<br />
コーディング会社ならではノウハウや、制作資料なんかもゲットできます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=alantrigger-22&amp;o=9&amp;p=8&amp;l=as1&amp;asins=4839929734&amp;ref=qf_sp_asin_til&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=FFFFFF&amp;bg1=FFFFFF&amp;f=ifr" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p>
<p>こちらも基本的な所から、バグについても解説してくれています。<br />
現場ならではの知識・経験が詰まっており、実際にやってみないとわからないことを教えてくれます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=alantrigger-22&amp;o=9&amp;p=8&amp;l=as1&amp;asins=4048705172&amp;ref=qf_sp_asin_til&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=FFFFFF&amp;bg1=FFFFFF&amp;f=ifr" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p>
<p>こちらは、上記2つとは違うのですが、<br />
HTML5の本で、新しく増えたタグ・機能の使い方を、サンプルを元に解説してくれます。<br />
コードも載っているので、勉強になります。</p>
<p>&nbsp;</p>
<p>以上になります。</p>
<p>&nbsp;</p>
<p>上の2つだけで、けっこう出来るようになるのではないかなと思いますが、<br />
新しいやり方、もっと効率的なやり方は日々生まれているような気がします。</p>
<p>&nbsp;</p>
<p>もっと上達したい人は、本はもちろんいいのですが、<br />
有名なサイトのコードを見てみて試してみるというやりかたが一番いい気がします。</p>


コーディング初級者がレベルアップするためにオススメな本

<p>弊社が管理するアクセスの多いサービスがあります。そろそろapacheのアクセスログのサイズが2Gに越えるなと思って、logrotateの仕組みを調べてみました。<br />
遠い昔、アクセスログのサイズが2Gを越えて、apache自体が止まってしまった事故がありましたから。<br />
現代のCentOSでは、ファイルシステムがext4だから、まず起こらないと思いますが、昔のext3でファイルの最大サイズが2Gのようで、マジで危なかったです。</p>
<h2>logrotateの設定</h3>
<p>こちらの<a href="http://ry.tl/logrotate.html" targe="_blank">リンク</a>を参照すればわかると思います。<br />
各種のログローテーション設定は、/etc/logrotate.dの下に置きますが、<br />
wtmp（ユーザのログイン履歴）とbtmp（失敗したログイン履歴）の設定だけが/etc/logrotate.confに書くようになっています。</p>
<h2>そもそもなぜlogrotateが動くなのか？</h3>
<p>crontabで調べても出てこないから、ちょっと焦ってしました。<br />
そこで出会ったのは、<a href="http://aikotobaha.blogspot.jp/2011/02/rhel6-7cronanacron.html" target="_blank">この文章</a>です。<br />
レベルがぐっと上がりましたね。<br />
centos5と6の仕組みが全然違いますし、慣れていないanacrontab（遅れて実行するバッチ）も出てきました。<br />
全部理解する必要がないですが、下記の図に参考できたらと思います。</p>
<p><a href="/uploads-archive/2013/10/rhel6.png" target="_blank">大きいバージョン</a></p>


【CentOS6】logrotateの仕組み

<p>PHPでプログラミングする中で、同じ操作をする部分を省略するときに</p>
<p>関数を使う事で、プログラミング内容が短くなり、<br />
修正が必要な場合でも一カ所を治すだけですみます。</p>
<p>今回は、関数の簡単な使い方を書きたいと思います。</p>
<p></p>

		<div id="crayon-64953fd5921e0532321505" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;?php
function introduce($name)
{
   echo "My name is ".$name;
}
?&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5921e0532321505-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5921e0532321505-2">2</div><div class="crayon-num" data-line="crayon-64953fd5921e0532321505-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5921e0532321505-4">4</div><div class="crayon-num" data-line="crayon-64953fd5921e0532321505-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5921e0532321505-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5921e0532321505-1"><span class="crayon-ta">&lt;?php</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5921e0532321505-2"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">introduce</span><span class="crayon-sy">(</span><span class="crayon-v">$name</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-64953fd5921e0532321505-3"><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5921e0532321505-4"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">"My name is "</span><span class="crayon-sy">.</span><span class="crayon-v">$name</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5921e0532321505-5"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5921e0532321505-6"><span class="crayon-ta">?&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>上記のように関数を定義し、<br />
定義された関数を読み込んで利用する場合は、</p>
<p></p>

		<div id="crayon-64953fd5921e4446092919" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
introduce("poe");</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5921e4446092919-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5921e4446092919-1"><span class="crayon-e">introduce</span><span class="crayon-sy">(</span><span class="crayon-s">"poe"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>結果として、[My name is poe]として表示されます。</p>
<p>計算するときも関数を使う事ができます。</p>
<p></p>

		<div id="crayon-64953fd5921e5509112332" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
function num($a,$b)
{
   $c = $a * $b;
   
   echo $c;
}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5921e5509112332-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5921e5509112332-2">2</div><div class="crayon-num" data-line="crayon-64953fd5921e5509112332-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5921e5509112332-4">4</div><div class="crayon-num" data-line="crayon-64953fd5921e5509112332-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5921e5509112332-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5921e5509112332-1"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">num</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">a</span><span class="crayon-sy">,</span><span class="crayon-sy">$</span><span class="crayon-i">b</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5921e5509112332-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd5921e5509112332-3"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-sy">$</span><span class="crayon-i">c</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-e ">a *</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">b</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5921e5509112332-4"><span class="crayon-h">&nbsp;&nbsp; </span></div><div class="crayon-line" id="crayon-64953fd5921e5509112332-5"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-i">echo</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">c</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5921e5509112332-6"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p></p>

		<div id="crayon-64953fd5921e6489170288" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
num(3,5);</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5921e6489170288-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5921e6489170288-1"><span class="crayon-e">num</span><span class="crayon-sy">(</span><span class="crayon-cn">3</span><span class="crayon-sy">,</span><span class="crayon-cn">5</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>計算結果として「15」が表示されます。</p>
<p><a href="/demo/poe/20131015/" class="demo" target="_blank">デモ</a></p>

phpの関数

<p>最近、HTML5とCSS3を本格的に勉強し始めましたので、<br />
自分なりにHTML5について思ったことを書いていきます。<br />
今までのHTMLから大きくは変わりましたが、基本は一緒なので早く習得できると思います。</p>
<p>&nbsp;</p>
<h3>&lt;header&gt;や&lt;nav&gt;、&lt;footer&gt;等のタグ</h4>
<p>1番大きく変わり便利になった点は、&lt;header&gt;や&lt;nav&gt;、<br />
&lt;footer&gt;等のタグの追加だと思います。<br />
それと、&lt;section&gt;や&lt;artical&gt;等のタグも使いこなせれば、<br />
コードも見やすく管理しやすくなります。</p>
<p>今までは、&lt;div&gt;で囲んでIDを付けていましたが、<br />
&lt;div&gt;をこれらのタグに変えるだけで一瞬にしてHTML5の土台は出来上がりです。</p>
<p>&nbsp;</p>
<h3>&lt;animation&gt;について</h4>
<p>基本的なことを覚えるのも大事ですが、自分の興味があることを見つけ<br />
それにどのタグが必要なのか考えるのもおもしろいので、<br />
今回は私が使いこなしたいと思った&lt;animation&gt;タグについて<br />
ちょっとした説明をしていきます。</p>
<p>この&lt;animation&gt;タグは使えると静的なサイトが動的になり、<br />
見栄えもよくなるのですが、cssに少し付け加えないといけない要素があります。</p>
<p>&lt;animation&gt;タグをそのまま使うと、ブラウザによっては動かないということが起きます。</p>
<p>&lt;animation&gt;タグに前に</p>

		<div id="crayon-64953fd591ff4046261068" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
-moz-animation: anime1 4s ease -1s infinite normal; 
-webkit-animation: anime1 4s ease -1s infinite normal; 
-o-animation: anime1 4s ease -1s infinite normal; 
-ms-animation: anime1 4s ease -1s infinite normal;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591ff4046261068-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591ff4046261068-2">2</div><div class="crayon-num" data-line="crayon-64953fd591ff4046261068-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591ff4046261068-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591ff4046261068-1">-moz-animation<span class="crayon-sy">:</span><span class="crayon-h"> </span>anime1<span class="crayon-h"> </span>4s<span class="crayon-h"> </span>ease<span class="crayon-h"> </span>-1s<span class="crayon-h"> </span>infinite<span class="crayon-h"> </span>normal<span class="crayon-sy">;</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591ff4046261068-2">-webkit-animation<span class="crayon-sy">:</span><span class="crayon-h"> </span>anime1<span class="crayon-h"> </span>4s<span class="crayon-h"> </span>ease<span class="crayon-h"> </span>-1s<span class="crayon-h"> </span>infinite<span class="crayon-h"> </span>normal<span class="crayon-sy">;</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-64953fd591ff4046261068-3">-o-animation<span class="crayon-sy">:</span><span class="crayon-h"> </span>anime1<span class="crayon-h"> </span>4s<span class="crayon-h"> </span>ease<span class="crayon-h"> </span>-1s<span class="crayon-h"> </span>infinite<span class="crayon-h"> </span>normal<span class="crayon-sy">;</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591ff4046261068-4">-ms-animation<span class="crayon-sy">:</span><span class="crayon-h"> </span>anime1<span class="crayon-h"> </span>4s<span class="crayon-h"> </span>ease<span class="crayon-h"> </span>-1s<span class="crayon-h"> </span>infinite<span class="crayon-h"> </span>normal<span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>これらを付け加えることによって、ほぼどのブラウザでも動きます。<br />
そしてもう一つ気を付けたいのは、動きを指定する際にも</p>

		<div id="crayon-64953fd591ff8991970386" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
@-webkit-keyframes anime1{0%{width: 50%}　100%{width: 100%}}
@-moz-keyframes anime1{0%{width: 50%}　100%{width: 100%}}
@-o-keyframes anime1{0%{width: 50%}　100%{width: 100%}}
@-ms-keyframes anime1{0%{width: 50%}　100%{width: 100%}}</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591ff8991970386-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591ff8991970386-2">2</div><div class="crayon-num" data-line="crayon-64953fd591ff8991970386-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591ff8991970386-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591ff8991970386-1"><span class="crayon-sy">@</span>-webkit-keyframes<span class="crayon-h"> </span>anime1<span class="crayon-sy">{</span>0<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>50<span class="crayon-sy">%</span><span class="crayon-sy">}</span>　100<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>100<span class="crayon-sy">%</span><span class="crayon-sy">}</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591ff8991970386-2"><span class="crayon-sy">@</span>-moz-keyframes<span class="crayon-h"> </span>anime1<span class="crayon-sy">{</span>0<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>50<span class="crayon-sy">%</span><span class="crayon-sy">}</span>　100<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>100<span class="crayon-sy">%</span><span class="crayon-sy">}</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-64953fd591ff8991970386-3"><span class="crayon-sy">@</span>-o-keyframes<span class="crayon-h"> </span>anime1<span class="crayon-sy">{</span>0<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>50<span class="crayon-sy">%</span><span class="crayon-sy">}</span>　100<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>100<span class="crayon-sy">%</span><span class="crayon-sy">}</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591ff8991970386-4"><span class="crayon-sy">@</span>-ms-keyframes<span class="crayon-h"> </span>anime1<span class="crayon-sy">{</span>0<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>50<span class="crayon-sy">%</span><span class="crayon-sy">}</span>　100<span class="crayon-sy">%</span><span class="crayon-sy">{</span>width<span class="crayon-sy">:</span><span class="crayon-h"> </span>100<span class="crayon-sy">%</span><span class="crayon-sy">}</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>この記述を忘れないことです。</p>
<p>私はまだ&lt;animation&gt;の可能性を把握しきれていないので<br />
これからも、勉強してHTML5やCSS3のみでどこまでできるか考えていきたいです。</p>
<p>&nbsp;</p>
<h3>まとめ</h4>
<p>今回はHTML5について簡単なことにしか触れませんでしたが<br />
もっと深く勉強して、ブログを見ていただいた方の力になれればと思っています。<br />
引き続きこれからも、HTML５について書いていこうと考えています。</p>
<p>最後まで、読んでいただき、ありがとうございました。</p>
<header></header>

HTML5とCSS3の勉強を始めました。

<p>Redmineကုုိ installျပဳလုုပ္တဲ့ အခါမွာ</p>
<p>bundle install ရဲ့ nokogiri ေနာက္ပုုိင္း ကုုိ  installျပဳလုုပ္ျခင္း ကုုိ ေအာင္ျမင္စြာမလုုပ္ႏုုိင္ပါဘူး database ကုုိ တည္ေဆာက္ျခင္းမေအာင္ျမင္ခဲ့တဲ့အတြက္ errorျပေနပါတယ္</p>
<p>အေၾကာင္းရင္းကေတာ့ libxml နဲ့ libxsltကိုု install လုုပ္မထားလုုိ့ပါ</p>
<p></p>

		<div id="crayon-64953fd591e1b317836396" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
yum install libxml*</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591e1b317836396-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591e1b317836396-1"><span class="crayon-e">yum </span><span class="crayon-e">install </span><span class="crayon-e ">libxml*</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p></p>

		<div id="crayon-64953fd591e1f080930299" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
yum install libxslt*</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591e1f080930299-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591e1f080930299-1"><span class="crayon-e">yum </span><span class="crayon-e">install </span><span class="crayon-e ">libxslt*</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>အရင္ဆုုံး yum ကုုိသုုံးျပီးေတာ့ libxml နဲ့ libxsltကုုိ install လုုပ္ပါက</p>
<p>nokogiri ရဲ့ေနာက္ပုုိင္း systemေတြကုုိပါ install လုုပ္ႏုုိင္မွာျဖစ္ပါတယ္</p>

Redmineကုုိ installျပဳလုုပ္ျခင္း

<p>MTで制作することが減ってきてはいますが、<br />
MTでバグが起こることが増えてきているようなそんな気がします笑</p>
<p>ちょくちょくお客さんから、MTに関するお問い合わせをいただくと、<br />
大抵ブラウザのバグで、割りと簡単に対応できるのですが、<br />
ちょっと困っているので、まとめてみることにしました。</p>
<p>&nbsp;</p>
<p>【IE】<br />
Internet Explorer9で記事編集画面の本文の箇所が真っ白になったり、<br />
カテゴリが選択できなかったりする</p>
<p>【Firefox】<br />
Firefoxの16以降で、記事公開にできなかったり、カテゴリ情報が保存できなかったりする</p>
<p>【Google chrome】<br />
プレビュー画面が真っ白になってしまう</p>
<p>&nbsp;</p>
<p>上記のようなバグに出会いましたが、まだまだあるんじゃないかなと思います。</p>
<p>簡単ではありますが、解決方法を記載します。<br />
（＝解決できるサイトを紹介に近いです・・・）</p>
<p>&nbsp;</p>
<h2>Internet Explorer9で記事編集画面の本文の箇所が真っ白になったり、<br />
カテゴリが選択できなかったりする</h3>
<p>こちらの解決方法は、正しいのかどうかはわかりませんが、解決はできます。</p>

		<div id="crayon-64953fd591c49916116881" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
tmpl/cms/include/header.tmpl
の
&lt;head&gt;
内の&lt;script&gt;の記述よりも上に、
&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591c49916116881-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591c49916116881-2">2</div><div class="crayon-num" data-line="crayon-64953fd591c49916116881-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591c49916116881-4">4</div><div class="crayon-num" data-line="crayon-64953fd591c49916116881-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591c49916116881-1"><span class="crayon-i">tmpl</span>/<span class="crayon-i">cms</span>/<span class="crayon-i">include</span>/<span class="crayon-i">header</span><span class="crayon-sy">.</span><span class="crayon-i">tmpl</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591c49916116881-2">の</div><div class="crayon-line" id="crayon-64953fd591c49916116881-3"><span class="crayon-h">&lt;</span><span class="crayon-i">head</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591c49916116881-4">内の<span class="crayon-h">&lt;</span><span class="crayon-i">script</span><span class="crayon-h">&gt;</span>の記述よりも上に、</div><div class="crayon-line" id="crayon-64953fd591c49916116881-5"><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">http</span>-<span class="crayon-i">equiv</span>=<span class="crayon-s">"X-UA-Compatible"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"IE=EmulateIE7"</span><span class="crayon-h"> </span>/<span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>を入れるだけでOKです。</p>
<p>これは、ブラウザをIE7として判断するというタグでちょっと無理やりな感じがしますが・・・</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Firefoxの16以降で、記事公開にできなかったり、カテゴリ情報が保存できなかったりする</h3>
<p>こちらは、正式に発表されており、解決方法もあるので、<br />
そちらをご覧ください。</p>
<p><a href="http://www.movabletype.jp/faq/firefox-16-patches.html" target="_blank">http://www.movabletype.jp/faq/firefox-16-patches.html</a></p>
<p>各ver毎で、ファイルが用意されいます。<br />
もしそのver出ない場合、変更しなくちゃいけないみたいな感じですが、<br />
違うverでも特に問題なく動いたので、近しいものでいいんじゃないかと思います。<br />
(あくまで僕の見解ですので保証はできませんが・・・)</p>
<p>昔、記事を書いているのでそちらもご覧ください。</p>
<p><a href="/designer/mt%E3%81%AE%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%81%8C%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%A6%E3%82%82%E5%8F%8D%E6%98%A0%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E3%83%BB%E3%83%BB%E3%83%BBfirefox.html" target="_blank">MTのカテゴリが指定しても反映されない・・・[Firefox]</a></p>
<p>&nbsp;</p>
<h2>Google chromeでプレビュー画面が真っ白になってしまう</h3>
<p>あまりバグのないGoogle chromeですが、このようなバグがありました。</p>
<p>こちらはプラグインを導入します。</p>
<p><a href="https://github.com/markcarey/mt-plugin-preview-xss-fix" target="_blank">https://github.com/markcarey/mt-plugin-preview-xss-fix</a></p>
<p>で、ファイルをダウンロードしてきまして、</p>
<p><strong>mt/plugins/</strong><br />
に<br />
<strong>PreviewXSSFix</strong>のフォルダをUPするだけでOKです！<br />
一応再構築をおすすめします。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>といった感じですが、<br />
こういうバグは自力では直せない領域なので、<br />
なるべくならバグを発生しないように、MTさんに頑張って欲しいところです。</p>

各ブラウザで起こるMovableTypeのバグ

<p>商品詳細で使えそうな3DのjQueryプラグインを試してみた。</p>
<p><a class="demo" href="/demo/hoshino/47/detail.html">デモ</a></p>
<p>&nbsp;</p>
<p>設置方法は以下</p>
<p>js</p>

		<div id="crayon-64953fd591a67670239410" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">JavaScript</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$( window ).load(function()
{
	$('#slider').impulseslider({
		height: 300,
		width: 480,
		depth: 329,
		perspective: 2800,
		pauseTime: 3000,
		transitionDuration: 1000,
		transitionEffect: "ease-in-out",
		autostart: true,
		rightSelector: ".right",
		leftSelector: ".left",
		pauseSelector: ".pause",
		directionRight: true,
		containerSelector: "#slider-container",
		spinnerSelector: "#slider",
		images: ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg"],
		imageDivClasses: ["face"]
	});
});</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591a67670239410-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-2">2</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-4">4</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-6">6</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-8">8</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-10">10</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-12">12</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-14">14</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-16">16</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-18">18</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a67670239410-20">20</div><div class="crayon-num" data-line="crayon-64953fd591a67670239410-21">21</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591a67670239410-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">window</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">load</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#slider'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">impulseslider</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-4"><span class="crayon-h">		</span><span class="crayon-i">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">300</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-5"><span class="crayon-h">		</span><span class="crayon-i">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">480</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-6"><span class="crayon-h">		</span><span class="crayon-i">depth</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">329</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-7"><span class="crayon-h">		</span><span class="crayon-i">perspective</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">2800</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-8"><span class="crayon-h">		</span><span class="crayon-i">pauseTime</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">3000</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-9"><span class="crayon-h">		</span><span class="crayon-i">transitionDuration</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">1000</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-10"><span class="crayon-h">		</span><span class="crayon-i">transitionEffect</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"ease-in-out"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-11"><span class="crayon-h">		</span><span class="crayon-i">autostart</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-12"><span class="crayon-h">		</span><span class="crayon-i">rightSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">".right"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-13"><span class="crayon-h">		</span><span class="crayon-i">leftSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">".left"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-14"><span class="crayon-h">		</span><span class="crayon-i">pauseSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">".pause"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-15"><span class="crayon-h">		</span><span class="crayon-i">directionRight</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-16"><span class="crayon-h">		</span><span class="crayon-i">containerSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"#slider-container"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-17"><span class="crayon-h">		</span><span class="crayon-i">spinnerSelector</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"#slider"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-18"><span class="crayon-h">		</span><span class="crayon-i">images</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">"img/1.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/2.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/3.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/4.jpg"</span><span class="crayon-sy">,</span><span class="crayon-s">"img/5.jpg"</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-19"><span class="crayon-h">		</span><span class="crayon-i">imageDivClasses</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-s">"face"</span><span class="crayon-sy">]</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a67670239410-20"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd591a67670239410-21"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>HTML</p>

		<div id="crayon-64953fd591a6c175601526" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;div id="slider-container"&gt;
    &lt;div id="slider"&gt;
       &lt;!-- to be populated by the plugin--&gt;
    &lt;/div&gt;

&lt;/div&gt;
 &lt;div class="nav"&gt;
    &lt;span class="left arrow"&gt;&amp;#60;&lt;/span&gt;
    &lt;span class="pause arrow"&gt;||&lt;/span&gt;
    &lt;span class="right arrow"&gt;&amp;#62;&lt;/span&gt;
&lt;/div&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-2">2</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-4">4</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-6">6</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-8">8</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd591a6c175601526-10">10</div><div class="crayon-num" data-line="crayon-64953fd591a6c175601526-11">11</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591a6c175601526-1"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"slider-container"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-2"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;div </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"slider"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-3"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-c">&lt;!-- to be populated by the plugin--&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-4"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;/div&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-5">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-6"><span class="crayon-r ">&lt;/div&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-7"><span class="crayon-i "> </span><span class="crayon-r ">&lt;div </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"nav"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-8"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;span </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"left arrow"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">&amp;#60;</span><span class="crayon-r ">&lt;/span&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-9"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;span </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"pause arrow"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">||</span><span class="crayon-r ">&lt;/span&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd591a6c175601526-10"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;span </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"right arrow"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">&amp;#62;</span><span class="crayon-r ">&lt;/span&gt;</span></div><div class="crayon-line" id="crayon-64953fd591a6c175601526-11"><span class="crayon-r ">&lt;/div&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>cssは</p>
<p>font-awesome.min.css</p>
<p>を固定で読み込み、ナビゲーションなどは自分で調整すればOK。</p>
<p>ナビゲーションはjsの引数</p>
<p>・rightSelector → 右送りのオブジェクト</p>
<p>・leftSelector → 左送りのオブジェクト</p>
<p>・pauseSelector → 停止のオブジェクト</p>
<p>と指定する。</p>
<p>あとは</p>
<p>・containerSelector → コンテナ(画像の上のオブジェクト)</p>
<p>・spinnerSelector → 実際に画像が入るオブジェクト</p>
<p>・images → 画像のパスを指定</p>
<p>spinnerSelectorで指定した要素はpositionがabsoluteになるのでレイアウトに注意が必要。</p>
<p>&nbsp;</p>
<p>わりと派手だが、画像を複数効果的に見せたいときなどはいいかもしれない。</p>

商品詳細で使えそうな3D jQueryプラグイン

【CentOS 6】Movable Type 6のインストール環境を作ってみました

<p>Redmineのインストールで、</p>
<p>nokogiri以降のbundle installが失敗し、DBが作成されなかった。</p>
<p>原因は、libxml と libxsltがインストールされていないため！</p>
<p></p>

		<div id="crayon-64953fd591615119410416" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
yum install libxml*</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591615119410416-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591615119410416-1"><span class="crayon-e">yum </span><span class="crayon-e">install </span><span class="crayon-e ">libxml*</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p></p>

		<div id="crayon-64953fd591619743506310" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
yum install libxslt*</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd591619743506310-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd591619743506310-1"><span class="crayon-e">yum </span><span class="crayon-e">install </span><span class="crayon-e ">libxslt*</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>先に、yum経由でその２つをインストールして、bundleのインストールをしたら</p>
<p>nokogiri以降のbundle installが成功し、DBが作成されました。</p>

bundle install 、nokogiri以降のインストール失敗

<p>2013年10月7日Yahooショッピングが衝撃的な発表をしましたね。</p>
<p>Yahooショッピングの出店は、大量に広告を投下してスタートダッシュをかけない限り、収益性に見合わないと出店を見合わせておりましたが、いよいよ出店する理由がなくなりました。</p>
<p>どれくらいの差が生じるのか？</p>
<p>最大のボリュームゾーンと想定する月商100万円規模で出店プランや費用シュミレーションを比較してみたいと思います。</p>
<p>比較するにあたり最も重要な「条件を揃える」ために出来る限りシンプルに条件を指定しています。</p>
<p>&nbsp;</p>
<p><span style="font-size: x-small;">なお、個人的な調査に基づいておりますので、間違いがある可能性も御座います。</span></p>
<p><span style="font-size: x-small;">また、実際には、アフィリエイト負担やポイント原資など他にも細かく費用が掛かるものがあり、モール固有のものは省いて粗く比較しています。</span></p>
<p><span style="font-size: x-small;">上記二点予めご了承下さいませ。</span></p>
<h2>出店プラン比較</h3>
<h3>条件</h4>
<ul>
<li>最小のプラン</li>
<li>税抜き</li>
</ul>
<table border="0">
<tbody>
<tr>
<td></td>
<td>Yahoo!ショッピング</td>
<td>楽天</td>
<td>DeNAショッピング</td>
<td>Amazon</td>
</tr>
<tr>
<td>プラン名称</td>
<td></td>
<td>がんばれプラン</td>
<td>ライトプラン</td>
<td>大口出品</td>
</tr>
<tr>
<td>初期費用</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>￥60,000</td>
<td>￥60,000</td>
<td><span style="color: #ff0000;">無料</span></td>
</tr>
<tr>
<td>月額費用</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>￥19,500</td>
<td>￥16,500</td>
<td>￥4,666</td>
</tr>
<tr>
<td>成約手数料</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>6.5%</td>
<td>6%</td>
<td>8%〜15%が多数</td>
</tr>
<tr>
<td>カード決済手数料</td>
<td>3.24%</td>
<td>2.65% or 3.6%</td>
<td>3.57%</td>
<td><span style="color: #ff0000;">無料</span>（成約手数料に含む）</td>
</tr>
<tr>
<td>カードトランザクション</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>15円/件</td>
<td>15円/件</td>
<td><span style="color: #ff0000;">無料</span></td>
</tr>
<tr>
<td>カード月額費用</td>
<td><span style="color: #ff0000;">無料</span></td>
<td>￥3,000</td>
<td>￥2,000</td>
<td><span style="color: #ff0000;">無料</span></td>
</tr>
</tbody>
</table>
<h2>月商100万円の費用シミュレーション</h3>
<h3>条件</h4>
<ul>
<li>月商100万円（単価5,000円×200件）</li>
<li>決済はクレジットカードのみ</li>
<li>商品カテゴリーは家電（Amazonで8%）</li>
<li>対象デバイスはPC（スマートフォン、モバイルで手数料が異なるため）</li>
</ul>
<table border="0">
<tbody>
<tr>
<td></td>
<td>Yahoo!ショッピング</td>
<td>楽天</td>
<td>DeNAショッピング</td>
<td>Amazon</td>
</tr>
<tr>
<td>月額費用</td>
<td>¥0</td>
<td>￥19,500</td>
<td>￥16,500</td>
<td>￥4,666</td>
</tr>
<tr>
<td>成約手数料</td>
<td>¥0</td>
<td>¥65,000</td>
<td>¥60,000</td>
<td>¥80,000</td>
</tr>
<tr>
<td>カード決済手数料</td>
<td>¥32,400</td>
<td>￥26,500</td>
<td>￥35,700</td>
<td>¥0</td>
</tr>
<tr>
<td>カードトランザクション</td>
<td>¥0</td>
<td>￥3,000</td>
<td>￥3,000</td>
<td>¥0</td>
</tr>
<tr>
<td>カード月額費用</td>
<td>¥0</td>
<td>￥3,000</td>
<td>￥2,000</td>
<td>¥0</td>
</tr>
<tr>
<td><strong>小計</strong></td>
<td><strong>¥32,400</strong></td>
<td><strong>¥117,000</strong></td>
<td><strong>¥117,200</strong></td>
<td><strong>¥84,666</strong></td>
</tr>
</tbody>
</table>
<h2>参考資料</h3>
<h3>出店プラン</h4>
<p>Yahoo!ショッピング</p>
<p><a href="http://business.ec.yahoo.co.jp/shopping/archives/plan.html" target="_blank">http://business.ec.yahoo.co.jp/shopping/archives/plan.html</a></p>
<p>楽天</p>
<p><a href="http://www.rakuten.co.jp/ec/plan/" target="_blank">http://www.rakuten.co.jp/ec/plan/</a></p>
<p>DeNAショッピング</p>
<p><a href="http://www.bidders.co.jp/cb/ce/mplan.html" target="_blank">http://www.bidders.co.jp/cb/ce/mplan.html</a></p>
<p>Amazon</p>
<p><a href="http://services.amazon.co.jp/services/sell-on-amazon/fee.html" target="_blank">http://services.amazon.co.jp/services/sell-on-amazon/fee.html</a></p>
<h3>決済プラン</h4>
<p>Yahoo!ショッピング</p>
<p><a href="http://business.ec.yahoo.co.jp/shopping/archives/settlement.html" target="_blank">http://business.ec.yahoo.co.jp/shopping/archives/settlement.html</a></p>
<p>楽天</p>
<p><a href="http://www.rakuten.co.jp/ec/payment/" target="_blank">http://www.rakuten.co.jp/ec/payment/</a></p>
<p>DeNAショッピング</p>
<p>別途paygentとの契約必須</p>
<p>Amazon</p>
<p>成約手数料に含まれる</p>
<h2>まとめ</h3>
<p>比較してみると、Yahoo!ショッピングの安さが際立っていますね。</p>
<p>今回の改定がどのようなインパクトを与えるかを考えると、ガチンコの競合サービス以外は、CtoCへの参入によるCtoCマーケットの認知拡大、手数料が下がることによる利益の再分配が進み、総じてプラス方向に転じるのではないでしょうか？</p>
<p>弊社もいち早い出店を考えながら、先週電話を掛けてきたYahoo!ショッピング出店の代理店営業マンはどうなるんだろうと憂慮しながら、締めくりりたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2013/10/23

2013/10/23

2013/10/22

2013/10/22

2013/10/22

2013/10/16

2013/10/16

2013/10/16

2013/10/16

2013/10/16

2013/10/10

2013/10/09

2013/10/09

2013/10/09

2013/10/08

2013/10/08

2013/10/08

2013/10/08