jQuery.Deferredでわかりやすく順番にアニメーションする方法

<p>paperboy&amp;co.がCtoCハンドメイドECサイトcoobooを譲受し<br />
自社のCtoCハンドメイドECサイトminneと統合するという。<br />
<a href="http://sankei.jp.msn.com/economy/news/130826/prl13082615480062-n1.htm" target="_blank">http://sankei.jp.msn.com/economy/news/130826/prl13082615480062-n1.htm</a><br />
同社は、今後CtoC事業の強化を進めていくという。</p>
<p>また、少し前にアメリカの同様のサービスで大手のETSYが売上10億ドルを突破したという。<br />
理由としては、月並みだが<br />
1. 売り手、買い手のリテラシー向上<br />
2. CtoCのリスク担保<br />
3. 制作ツールの充実<br />
といったところだと思う。</p>
<p>特に3については3Dプリンタの普及によりさらにCtoCのECサイトが活況になるだろう。<br />
あとは仲介しているサイトや、決済手段自体が支払いのリスクを軽減する努力をしており<br />
購入者の安心感が強まっているのも大きな理由だと思う。</p>
<p>そこで、現在注目したいCtoCのECサイトまとめ。</p>
<table>
<tbody>
<tr>
<th>サイト名</th>
<th>運営元</th>
<th>url</th>
<th>サービス開始</th>
<th>商品数</th>
</tr>
<tr>
<td>minne</td>
<td>paperboy&amp;co.</td>
<td>http://minne.com/</td>
<td>2012年1月</td>
<td>149,048</td>
</tr>
<tr>
<td>tetote</td>
<td>OCアイランド株式会社</td>
<td>http://tetote-market.jp/</td>
<td>2011年6月</td>
<td>299,700</td>
</tr>
<tr>
<td>Creema</td>
<td>赤丸ホールディングス株式会社</td>
<td>http://www.creema.jp/</td>
<td>2010年7月</td>
<td>103,274</td>
</tr>
<tr>
<td>iichi</td>
<td>iichi株式会社</td>
<td>http://www.iichi.com/</td>
<td>2011年7月</td>
<td>66,229</td>
</tr>
<tr>
<td>cooboo</td>
<td>スパークラボ</td>
<td>http://cooboo.jp/</td>
<td>2010年10月</td>
<td>29,022</td>
</tr>
<tr>
<td>stylestore</td>
<td>株式会社エンファクトリー</td>
<td>http://stylestore.jp/</td>
<td>2011年12月</td>
<td>8317</td>
</tr>
<tr>
<td>ETSY</td>
<td>ETSY, Inc.</td>
<td>http://www.etsy.com/</td>
<td>2005年1月</td>
<td>13,582,980</td>
</tr>
</tbody>
</table>


着実に成長しているハンドメイドEC

シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」

php クラスを覚えよう

<p>EC先進国中国で農産物のネット販売が急成長しているという。<br />
<a href="http://www.sankeibiz.jp/macro/news/130815/mcb1308150502005-n1.htm" target="_blank">http://www.sankeibiz.jp/macro/news/130815/mcb1308150502005-n1.htm</a></p>
<p>消費期限や温度管理にコストがかかる商品については<br />
企業側の対応が追いついておらず伸びは限定的だが<br />
今後設備投資が進み流通量が急速に拡大しそうだ。</p>
<p>中国と比べると国土の違いなどでネットスーパーのニーズは異なるが<br />
日本においても高齢者の利用や地方の事業者の発展など<br />
ネットスーパーの発展は有益なことが多い。<br />
当然EC業界においても同じことが言える。</p>
<p>平成23年のBtoCのEC市場規模は8.5兆円。<br />
EC化率は2.8%。<br />
スーパーの市場規模は18兆円なので、<br />
仮に5%ネットでの販売が増えれば、0.3%EC化率が増える。</p>
<p>国内のECサイトの動きとしては<br />
西友がDeNAと組んでSEIYUドットコムの運営に力を入れている。<br />
<a href="http://www.the-seiyu.com/" target="_blank">http://www.the-seiyu.com/</a><br />
ネット企業としてのマーケティングや企画、商品の見せ方などの知恵を借りている。<br />
システム開発と運用もDeNAがサポートしているという。</p>
<p>ローソンはヤフーと組んでスマートキッチンというサイトを運営している。<br />
<a href="http://www.smartkitchen.co.jp/" target="_blank">http://www.smartkitchen.co.jp/</a></p>
<p>未だ消費者に根付いていないが、各企業が力を入れてきているため<br />
じわじわと流通が拡大していきそうだ</p>


徐々に活気づくネットスーパー

<p>お掃除ソフトシリーズも第三段になりました（笑）</p>
<p>&nbsp;</p>
<p>本日、社員と何気なく昼食を食べていて、iphoneの軽量化の話になったので、iphoneも知ってるから今日記事で書くわという運びになりました。</p>
<p>&nbsp;</p>
<h4 id="for_all">PhoneClean</h3>
<p><a href="http://www.imobie.com/phoneclean/" target="_blank">http://www.imobie.com/phoneclean/</a></p>
<p>phoneCleanは、WindowsやMacなど母艦となるPCにインストールするソフトウェアです。</p>
<p>まずは、上記URLからダウンロードしてインストールします。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2934" alt="screenshot" src="/uploads-archive/2013/08/screenshot-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-300x218.png 300w, /uploads-archive/2013/08/screenshot-768x558.png 768w, /uploads-archive/2013/08/screenshot-228x166.png 228w, /uploads-archive/2013/08/screenshot.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>起動画面です。全て英語ですので、簡単に意訳すると</p>
<ul>
<li>ゴミと一時ファイル</li>
<li>キャッシュとオフラインファイル</li>
<li>クッキーとスクリプトファイル</li>
<li>同期に失敗したメディアファイル</li>
</ul>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2933" alt="screenshot 2" src="/uploads-archive/2013/08/screenshot-2-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-2-300x218.png 300w, /uploads-archive/2013/08/screenshot-2-768x558.png 768w, /uploads-archive/2013/08/screenshot-2-228x166.png 228w, /uploads-archive/2013/08/screenshot-2.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>itunesに同期する要領でPCとiphoneをケーブルでつなぎます。</p>
<p>StartScanを押すと開始します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2932" alt="screenshot 3" src="/uploads-archive/2013/08/screenshot-3-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-3-300x218.png 300w, /uploads-archive/2013/08/screenshot-3-768x558.png 768w, /uploads-archive/2013/08/screenshot-3-228x166.png 228w, /uploads-archive/2013/08/screenshot-3.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>解析中です。ガツガツ溜まっていきます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2931" alt="screenshot 4" src="/uploads-archive/2013/08/screenshot-4-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-4-300x218.png 300w, /uploads-archive/2013/08/screenshot-4-768x558.png 768w, /uploads-archive/2013/08/screenshot-4-228x166.png 228w, /uploads-archive/2013/08/screenshot-4.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>スキャンが終了すると、削除する容量と「Clean Up」ボタンが出ます。</p>
<p><a href="/uploads-archive/2013/08/screenshot-5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2935" alt="screenshot 5" src="/uploads-archive/2013/08/screenshot-5-300x253.png" width="300" height="253" /></a></p>
<p>&nbsp;</p>
<p>削除完了すると結果が表示されます。</p>
<p>2週間前くらいに掃除をしたのですが、約600MBを削除することが出来ました。</p>
<p>初回は、15分以上かかると思いますが、定期的にかけていると所要時間は10分程度いったところです。クリックは2回だけであとは、待つだけです。</p>


iOSのお掃除ソフト「PhoneClean」

<p>ウェブサービスで、１サーバー１ドメインのパターンがよく見られます。<br />
そのパターンでは、IPアドレスで直接アクセスされたくない傾向ですが、設定方法を知らない人が多いのようですのでここで紹介します。</p>
<p>下記の三つの手順で、簡単に設定できます。</p>
<h3>httpd.conf設定ファイル編集</h4>
<p>VirtualHostを設定しないといけないです。<br />
指定ドメイン（ここは「example.net」）以外のアクセス（例えば、IPでのアクセス）が来たとき、/tmpにスールします。<br />
/tmpにはapacheのアクセス権限がないため、403になるはずです。</p>
<p></p>

		<div id="crayon-64953fd58e2ed605214979" 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;">
vi /etc/httpd/conf/httpd.conf</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-64953fd58e2ed605214979-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-64953fd58e2ed605214979-1"><span class="crayon-i">vi</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span>/<span class="crayon-i">httpd</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>最下部の、<br />
#NameVirtualHost *:80<br />
のコメントを外して、下記を追記します。</p>
<p></p>

		<div id="crayon-64953fd58e2f1118139464" 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;VirtualHost *:80&gt;
ServerName any
DocumentRoot /tmp
&lt;/VirtualHost&gt;
&lt;VirtualHost *:80&gt;
ServerName example.net
DocumentRoot /var/www/html
&lt;/VirtualHost&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-64953fd58e2f1118139464-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-2">2</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-4">4</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-6">6</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-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-64953fd58e2f1118139464-1"><span class="crayon-h">&lt;</span><span class="crayon-e ">VirtualHost *</span><span class="crayon-sy">:</span><span class="crayon-cn">80</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-2"><span class="crayon-e">ServerName </span><span class="crayon-e">any</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-3"><span class="crayon-i">DocumentRoot</span><span class="crayon-h"> </span>/<span class="crayon-i">tmp</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-4"><span class="crayon-h">&lt;</span>/<span class="crayon-i">VirtualHost</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-5"><span class="crayon-h">&lt;</span><span class="crayon-e ">VirtualHost *</span><span class="crayon-sy">:</span><span class="crayon-cn">80</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-6"><span class="crayon-e">ServerName </span><span class="crayon-i">example</span><span class="crayon-sy">.</span><span class="crayon-e">net</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-7"><span class="crayon-i">DocumentRoot</span><span class="crayon-h"> </span>/<span class="crayon-t">var</span>/<span class="crayon-i">www</span>/<span class="crayon-i">html</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-8"><span class="crayon-h">&lt;</span>/<span class="crayon-i">VirtualHost</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>welcome.conf設定ファイルリネーム</h4>
<p>welcome.confは、403の対処を書いてるファイルです。デフォルトではApacheのテストページを表示します。<br />
Apacheテストページを表示しないようにするため、welcome.confをリネームします。</p>
<p></p>

		<div id="crayon-64953fd58e2f2932849552" 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;">
mv /etc/httpd/conf.d/welcome.conf /etc/httpd/conf.d/welcome.conf.org</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-64953fd58e2f2932849552-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-64953fd58e2f2932849552-1"><span class="crayon-i">mv</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-i">welcome</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-i">welcome</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">org</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>apacheの再起動</h4>
<p></p>

		<div id="crayon-64953fd58e2f4916050870" 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;">
service httpd restart</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-64953fd58e2f4916050870-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-64953fd58e2f4916050870-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>※設定ファイルのreloadだけでもいけるらしい</p>
<p></p>

		<div id="crayon-64953fd58e2f5234231124" 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;">
service httpd reload</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-64953fd58e2f5234231124-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-64953fd58e2f5234231124-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">reload</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【apache】サーバーのIPでアクセスできないようにするには？

レスポンシブ化に便利！CSSで画像を文字に置き換える方法

<p>日々、お優しいブロガーの方々がフリーで素材を提供してくれています。</p>
<p>&nbsp;</p>
<p>その中でも、コレも無料でもらえちゃうんだ！という驚きのものもあります。</p>
<p>実際に使用するのもよし、素材を見てデザイン力を学ぶのもよし、ダウンロード必須の素材です。</p>
<p>&nbsp;</p>
<h3><a href="http://www.splashnology.com/article/45-psd-ui-kits/8238/" target="_blank">45 PSD UI Kits | Splashnology.com</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.splashnology.com/article/45-psd-ui-kits/8238/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2913" alt="psdsozai1" src="/uploads-archive/2013/08/psdsozai1.jpg" width="599" height="349" srcset="/uploads-archive/2013/08/psdsozai1.jpg 600w, /uploads-archive/2013/08/psdsozai1-300x175.jpg 300w, /uploads-archive/2013/08/psdsozai1-228x133.jpg 228w" sizes="(max-width: 599px) 100vw, 599px" /></a></p>
<p>&nbsp;</p>
<p>いろんなテーマで、UI,パーツが揃っています。</p>
<p>パーツが一つのテーマでいくつかあるので、統一したデザインが出来そうです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://graphicdesignjunction.com/2013/02/free-psd-files-65-useful-ui-design-psd-files-for-download/" target="_blank">Free PSD Files: 65 Useful UI Design PSD Files for Download | Freebies | Graphic Design Junction</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://graphicdesignjunction.com/2013/02/free-psd-files-65-useful-ui-design-psd-files-for-download/" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2914 aligncenter" alt="psdsozai2" src="/uploads-archive/2013/08/psdsozai2.jpg" width="400" height="300" srcset="/uploads-archive/2013/08/psdsozai2.jpg 400w, /uploads-archive/2013/08/psdsozai2-228x171.jpg 228w, /uploads-archive/2013/08/psdsozai2-300x225.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>ところどころで使えそうなパーツが揃っています。</p>
<p>勉強にも使えそうです。</p>
<p>&nbsp;</p>
<h3><a href="http://dribbble.com/shots/187607-Shiny-Blue-UI-PSD-" target="_blank">Shiny Blue UI [PSD]</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://dribbble.com/shots/187607-Shiny-Blue-UI-PSD-" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2915 aligncenter" alt="psdsozai3" src="/uploads-archive/2013/08/psdsozai3.jpg" width="536" height="299" srcset="/uploads-archive/2013/08/psdsozai3.jpg 536w, /uploads-archive/2013/08/psdsozai3-300x167.jpg 300w, /uploads-archive/2013/08/psdsozai3-228x127.jpg 228w" sizes="(max-width: 536px) 100vw, 536px" /></a></p>
<p> こちらもいろんなパーツ、アイコン等があります。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://designreflect.com/free-website-templates-psd-files/" target="_blank">20 Free Website Templates PSD Files</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://designreflect.com/free-website-templates-psd-files/" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2916 aligncenter" alt="psdsozai4" src="/uploads-archive/2013/08/psdsozai4.jpg" width="550" height="300" srcset="/uploads-archive/2013/08/psdsozai4.jpg 550w, /uploads-archive/2013/08/psdsozai4-300x164.jpg 300w, /uploads-archive/2013/08/psdsozai4-228x124.jpg 228w" sizes="(max-width: 550px) 100vw, 550px" /></a></p>
<p class="aligncenter">こちらはwebサイトのテンプレートのpsd素材です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://graphicdesignjunction.com/2013/06/psd-ui-kits/" target="_blank">Free PSD UI Kits | Design | Graphic Design Junction</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="/uploads-archive/2013/08/psdsozai5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2917" alt="psdsozai5" src="/uploads-archive/2013/08/psdsozai5.jpg" width="500" height="854" srcset="/uploads-archive/2013/08/psdsozai5.jpg 500w, /uploads-archive/2013/08/psdsozai5-176x300.jpg 176w, /uploads-archive/2013/08/psdsozai5-228x389.jpg 228w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>&nbsp;</p>
<p>UIのkitが揃っておりそのままでも十分すぎる程使用出来るかと思います。</p>
<p>&nbsp;</p>
<p>本当にこういったものはありがたく、</p>
<p>今後とも頑張って提供して頂きたいですね！！</p>
<p>&nbsp;</p>


無料でゲットできちゃう高品質PSD素材！

<p>dumpを使ってデータベースのバックアップをします。</p>
<p>ダンプとは、デバッグやデータ修復のために、ファイルやメモリの内容をディスクに記録または表示することです。</p>
<p>データベースにおいては、データベース情報をファイルに書き出して保存することをダンプと呼びます。</p>
<h2>データベースのバックアップ</h3>
<p></p>

		<div id="crayon-64953fd58ded4683996312" 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;">
mysqldump -u ユーザ名 -p DB名 &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-64953fd58ded4683996312-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-64953fd58ded4683996312-1"><span class="crayon-i">mysqldump</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span>ユーザ名<span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">DB</span>名<span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span>出力先ファイル名</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>例えば：</p>
<p></p>

		<div id="crayon-64953fd58ded9941582459" 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;">
mysqldump -u root -p test &gt; dump.sql</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-64953fd58ded9941582459-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-64953fd58ded9941582459-1"><span class="crayon-i">mysqldump</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span><span class="crayon-i">root</span><span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">test</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">dump</span><span class="crayon-sy">.</span><span class="crayon-i">sql</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h2>データベースの復元</h3>
<p></p>

		<div id="crayon-64953fd58deda372404333" 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;">
mysql -u ユーザ名 -p DB名 &lt; ダンプファイル名</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-64953fd58deda372404333-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-64953fd58deda372404333-1"><span class="crayon-i">mysql</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span>ユーザ名<span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">DB</span>名<span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span>ダンプファイル名</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>例えば：</p>
<p></p>

		<div id="crayon-64953fd58dedb315511756" 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;">
mysql -u root -p test &lt; dump.sql</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-64953fd58dedb315511756-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-64953fd58dedb315511756-1"><span class="crayon-i">mysql</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span><span class="crayon-i">root</span><span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">test</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">dump</span><span class="crayon-sy">.</span><span class="crayon-i">sql</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

データベースバックアップと復元

<p>テキストのエフェクトがかっこいいjQueryプラグイン texteffects.jsを使ってみた。</p>
<p><a href="http://fourdesire.com/playgrounds/texteffects" target="_blank">http://fourdesire.com/playgrounds/texteffects</a></p>
<p><a class="demo" href="/demo/hoshino/42/">demo</a></p>
<p>&nbsp;</p>
<p>設置は非常に簡単で</p>
<p>JS</p>

		<div id="crayon-64953fd58dcef552381051" 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;">
$(function(){
	$(".test1").textEffect();
	$(".test2").textEffectLoop();
});</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-64953fd58dcef552381051-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58dcef552381051-2">2</div><div class="crayon-num" data-line="crayon-64953fd58dcef552381051-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58dcef552381051-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-64953fd58dcef552381051-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><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-64953fd58dcef552381051-2"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">".test1"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">textEffect</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58dcef552381051-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">".test2"</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">textEffectLoop</span><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-64953fd58dcef552381051-4"><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-64953fd58dcf3367119290" 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;p class="test1"&gt;
    スタンダードな関数です。1度だけ再生されます
&lt;/p&gt;
&lt;ul class="test2"&gt;
    &lt;li&gt;スタンダードな関数が、ループし続けます&lt;/li&gt;
    &lt;li&gt;liタグで複数指定します&lt;/li&gt;
    &lt;li&gt;liタグの数だけループし、最後までいくとまた最初から再生します&lt;/li&gt;
&lt;/ul&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-64953fd58dcf3367119290-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58dcf3367119290-2">2</div><div class="crayon-num" data-line="crayon-64953fd58dcf3367119290-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58dcf3367119290-4">4</div><div class="crayon-num" data-line="crayon-64953fd58dcf3367119290-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58dcf3367119290-6">6</div><div class="crayon-num" data-line="crayon-64953fd58dcf3367119290-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58dcf3367119290-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-64953fd58dcf3367119290-1"><span class="crayon-r ">&lt;p </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"test1"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58dcf3367119290-2"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;スタンダードな関数です。1度だけ再生されます</span></div><div class="crayon-line" id="crayon-64953fd58dcf3367119290-3"><span class="crayon-r ">&lt;/p&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58dcf3367119290-4"><span class="crayon-r ">&lt;ul </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"test2"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line" id="crayon-64953fd58dcf3367119290-5"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-i ">スタンダードな関数が、ループし続けます</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58dcf3367119290-6"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-i ">liタグで複数指定します</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd58dcf3367119290-7"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li&gt;</span><span class="crayon-i ">liタグの数だけループし、最後までいくとまた最初から再生します</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58dcf3367119290-8"><span class="crayon-r ">&lt;/ul&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>関数はtextEffect()とtextEffectLoop()の2つだけで</p>
<p>前者が1度だけ、後者はループする。</p>
<p>&nbsp;</p>
<p>パラメータは主に以下が利用できる。</p>
<p>&nbsp;</p>
<p>textEffect()</p>
<p>fps: フレームごとのマイクロ秒<br />
repeat: 指定した文字がでる前に出るその他文字の数<br />
debug: デバッグモード<br />
reverse: trueで逆エフェクト<br />
possibleChar: 使用する文字。例：&#8221;ABCDEFGHIJKLMNOPQRSTUVWXYZ~!@#$%^&amp;*()_+-=[];;&gt;&lt;0123456789&#8243;</p>
<p>&nbsp;</p>
<p>textEffectLoop()</p>
<p>timeout: エフェクト開始から終了までのマイクロ秒<br />
loop: 何回ループさせるか</p>

テキストのエフェクトがかっこいいjQueryプラグイン texteffects.js

<p>最近キュレーション型のECサイトが増えている感じがする。<br />
今までソーシャルコマースと呼ばれていたジャンルが<br />
キュレーション型ECサイトと呼び方だけ変化している感じもする。</p>
<p>ソーシャルコマースという言葉が出てきた当初は、<br />
Facebookなどメジャー且つ多目的なソーシャルプラットフォームに<br />
そのままEC機能が搭載されると予想されていたが<br />
今ではそういった流れはほぼ聞かなくなり、<br />
むしろECを前提としたプラットフォームが増えているようだ。</p>
<p>例えば、Pinterestは最初はなかったが、今では購入が可能な商品の写真には<br />
在庫の有無と価格、購入ページのURLが記載されるようになった。</p>
<p>Pinterestは写真共有が主な目的であったため<br />
現時点で決済機能は有さないが、独自の決済機能を持っているサービスや<br />
決済機能は無いが、購入の導線を強めているサイト = キュレーションECサイトが増えている。</p>
<p>以下いくつか</p>
<h2>FANCY</h3>
<p><a href="/uploads-archive/2013/08/1.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2880" alt="1" src="/uploads-archive/2013/08/1.jpg" width="656" height="365" srcset="/uploads-archive/2013/08/1.jpg 656w, /uploads-archive/2013/08/1-300x167.jpg 300w, /uploads-archive/2013/08/1-228x127.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://www.fancy.com/" target="_blank">http://www.fancy.com/</a><br />
一番有名。独自のカートや決済機能がある。<br />
プレゼント用のギフトカードがあり、かなりEC色が強い。</p>
<h2>SVPPLY</h3>
<p><a href="/uploads-archive/2013/08/2.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2881" alt="2" src="/uploads-archive/2013/08/2.jpg" width="656" height="365" srcset="/uploads-archive/2013/08/2.jpg 656w, /uploads-archive/2013/08/2-300x167.jpg 300w, /uploads-archive/2013/08/2-228x127.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="https://svpply.com/" target="_blank">https://svpply.com/</a><br />
カート機能は無い。<br />
欲しい、購入リスト、持ってるというステータスで商品を管理する。<br />
購入はサイトへの誘導。ショップとして出店できるタイプ。</p>
<p>ORIGAMI</p>
<p><a href="/uploads-archive/2013/08/3.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2879" alt="3" src="/uploads-archive/2013/08/3.jpg" width="656" height="365" srcset="/uploads-archive/2013/08/3.jpg 656w, /uploads-archive/2013/08/3-300x167.jpg 300w, /uploads-archive/2013/08/3-228x127.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://origami.co/jp/" target="_blank">http://origami.co/jp/</a><br />
これも有名。これはユーザー主導というよりは<br />
登録済みのショップと商品をサービス内でいろいろするタイプ。</p>
<p>上記サービスを見ると、実際に購入することを考えると<br />
ただ集めただけという印象が強い。<br />
実際に購入に繋げるのであれば、<br />
もっとジャンルを特化させたキュレーション型のECサイトが複数できるべきだと思う。<br />
さらに言うと、それではただのモールになってしまうので<br />
プラスアルファの機能、例えばアパレルであれば店舗間でのコーディネート共有機能など<br />
ショップ側が出店したく、ユーザー側が楽しめる機能が加わると尚良いと思った</p>


キュレーション型ECサイト

レスポンシブデザインでPCとスマホで画像を切替える方法

jQueryで順番にアニメーションする方法を考える

<p>vimの使い方を自習しながら、メモとして書きたいと思います。</p>
<p>ターミナルを立ち上げて、<br />
作業したいファイルを開きます。</p>
<p>vim index2.php(ファイル名)<br />
<img decoding="async" alt="" src="/uploads-archive/2013/08/img.jpg" /></p>
<h2>4種類のモードについて</h3>
<p>１）入力モード・・・・・入力モードに変更したい場合は(i)を使います。<br />
２）コマンドモード・・・・・コマンドモードに変更したい場合は(:)を使います。<br />
３）ビジュアルモード・・・・・コマンドモードに変更したい場合は(v)を使います。<br />
４）ノーマルモード・・・・・ノーマルモードに戻る場合は[esc]キーを使います。</p>
<h2>ファイルの中身を実際に変更してみて保存!</h3>
<p>最初に、入力モード(i)に切り替えて、<br />
テキストを追加する。</p>
<p><img decoding="async" alt="" src="/uploads-archive/2013/08/img02.jpg" /></p>
<p>保存するときは[esc]で入力モードから出て、<br />
[:]でコマンドモードに入る。<br />
[w] (writeの略語)で保存する。</p>
<p>保存して、ファイルを閉じる場合は<br />
[:wq]を使います。</p>
<p>ファイルの変更を、無視してファイルを閉じたい場合は<br />
[:q!]を使います。</p>
<table>
<tbody>
<h2>移動機能についていろいろ</h3>
<tr>
<td>gg</td>
<td>カーソルがファイルの先頭に移動する</td>
</tr>
<tr>
<td>G</td>
<td>カーソルがファイルの終わりに移動する</td>
</tr>
<tr>
<td>CTR + f</td>
<td>カーソルが一画面の終わりに移動する</td>
</tr>
<tr>
<td>CTR + b</td>
<td>カーソルが一画面の先頭に移動する</td>
</tr>
<tr>
<td>w</td>
<td>カーソルが単語単位で前に移動する</td>
</tr>
<tr>
<td>b</td>
<td>カーソルが単語単位で後ろに移動する</td>
</tr>
<tr>
<td>^</td>
<td>カーソルが行頭に移動する</td>
</tr>
<tr>
<td>$</td>
<td>カーソルが行末に移動する</td>
</tr>
<tr>
<td>f(文字)</td>
<td>(文字)までジャンプする、[;]で次に行く</td>
</tr>
<tr>
<td>%</td>
<td>始まりのかっこにカーソルをおいて、[$]を押したら、そのかっこの対応するかっこにジャンプする</td>
</tr>
</tbody>
</table>
<p>まだまだ、勉強する機能はいっぱい残っていますが、<br />
それらは次回のブログにさせていただきます。</p>


vimの使い方

<p>symfony2のデフォルトとして、リクエストのファイル（REQUEST_FILENAME、実際の値は、例えば/var/www/html/index.htmlになります。それに対して、REQUEST_URIの値は/index.htmlになります）が存在しなければ、パラメーターをapp.phpを渡して処理するという.htaccessの設定があります。</p>
<p></p>

		<div id="crayon-64953fd58d691033643115" 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;IfModule mod_rewrite.c&gt;
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ app.php [QSA,L]
&lt;/IfModule&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-64953fd58d691033643115-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d691033643115-2">2</div><div class="crayon-num" data-line="crayon-64953fd58d691033643115-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d691033643115-4">4</div><div class="crayon-num" data-line="crayon-64953fd58d691033643115-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-64953fd58d691033643115-1"><span class="crayon-h">&lt;</span><span class="crayon-e">IfModule </span><span class="crayon-i">mod_rewrite</span><span class="crayon-sy">.</span><span class="crayon-i">c</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d691033643115-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">On</span></div><div class="crayon-line" id="crayon-64953fd58d691033643115-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-i">f</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d691033643115-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">app</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">QSA</span><span class="crayon-sy">,</span><span class="crayon-i">L</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-64953fd58d691033643115-5"><span class="crayon-h">&lt;</span>/<span class="crayon-i">IfModule</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※RewriteCond = rewrite condition = リライトの条件<br />
※RewriteRule = rewrite rule = リライトのルール。合わせて、リライトの条件を満足すれば、リライトのルールのようにurlを変換するという意味です。<br />
</p>
<h3>問題点</h4>
<p>実際存在するディレクターにアクセスしたい場合は、<br />
例えばhttp://www.example.com/existed_directory/にアクセスすると、404になります。</p>
<p>なぜなら、existed_directoryはディレクターであり、ファイルではないなのです。<br />
app.phpに処理を渡しますが、existed_directoryというroutingがないから、404が返してしまいます。<br />
</p>
<h3>解決策</h4>
<p>ここで、ちょっとsymfony2のデフォルトの.htaccessを改修したいと思います。</p>

		<div id="crayon-64953fd58d696365919945" 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;IfModule mod_rewrite.c&gt;
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ app.php [QSA,L]
&lt;/IfModule&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-64953fd58d696365919945-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d696365919945-2">2</div><div class="crayon-num" data-line="crayon-64953fd58d696365919945-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d696365919945-4">4</div><div class="crayon-num" data-line="crayon-64953fd58d696365919945-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d696365919945-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-64953fd58d696365919945-1"><span class="crayon-h">&lt;</span><span class="crayon-e">IfModule </span><span class="crayon-i">mod_rewrite</span><span class="crayon-sy">.</span><span class="crayon-i">c</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d696365919945-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">On</span></div><div class="crayon-line" id="crayon-64953fd58d696365919945-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">f</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d696365919945-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-i">d</span></div><div class="crayon-line" id="crayon-64953fd58d696365919945-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">app</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">QSA</span><span class="crayon-sy">,</span><span class="crayon-i">L</span><span class="crayon-sy">]</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d696365919945-6"><span class="crayon-h">&lt;</span>/<span class="crayon-i">IfModule</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>説明</h4>
<p>複数のRewriteCondの間で[AND]で繋ぎます。<br />
リクエストのファイルが存在しない、かつディレクターではない場合だけ、処理をapp.phpに渡すという意味になります。</p>
<p>上記の設定で、http://www.example.com/existed_directory/にアクセスしてみると、RewriteCondにマッチしないため、<br />
existed_directoryのディレクターにしたのindex.html（存在しない場合はindex.php）にアクセスが行きます。<br />
</p>
<h3>新たな問題点</h4>
<p>実際存在するディレクターにアクセスできない問題が解決しましたが、http://www.example.com/にアクセスすると、処理がapp.phpに渡されていない（そのため、symfony2が処理を始めない）という新しい問題が発生します。<br />
そのため、.htaccessをさらに改修する必要が出てきています。<br />
 </p>
<h3>解決策</h4>
<p></p>

		<div id="crayon-64953fd58d698532516183" 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;IfModule mod_rewrite.c&gt;
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d [OR]
    RewriteCond %{REQUEST_URI} ^/$
    RewriteRule ^(.*)$ app.php [QSA,L]
&lt;/IfModule&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-64953fd58d698532516183-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d698532516183-2">2</div><div class="crayon-num" data-line="crayon-64953fd58d698532516183-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d698532516183-4">4</div><div class="crayon-num" data-line="crayon-64953fd58d698532516183-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d698532516183-6">6</div><div class="crayon-num" data-line="crayon-64953fd58d698532516183-7">7</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-64953fd58d698532516183-1"><span class="crayon-h">&lt;</span><span class="crayon-e">IfModule </span><span class="crayon-i">mod_rewrite</span><span class="crayon-sy">.</span><span class="crayon-i">c</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d698532516183-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">On</span></div><div class="crayon-line" id="crayon-64953fd58d698532516183-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">f</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d698532516183-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">d</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-st">OR</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-64953fd58d698532516183-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_URI</span><span class="crayon-sy">}</span><span class="crayon-h"> </span>^/<span class="crayon-sy">$</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d698532516183-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">app</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">QSA</span><span class="crayon-sy">,</span><span class="crayon-i">L</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-64953fd58d698532516183-7"><span class="crayon-h">&lt;</span>/<span class="crayon-i">IfModule</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>説明</h4>
<p>RewriteCondが複雑になってきますので、分解して説明いたします。<br />
1、RewriteCond %{REQUEST_FILENAME} !-f　リクエストのファイルが存在しない<br />
2、RewriteCond %{REQUEST_FILENAME} !-d　リクエストのファイルがディレクターではない<br />
3、RewriteCond %{REQUEST_URI} ^/$　トップにアクセスしている</p>
<p>リライトの条件が、1 and ( 2 or 3) になります。<br />
</p>
<h3>まとめ</h4>
<p>apacheのRewriteCondが想像だけでややこしくて間違いやすいので、実際に試してみればよいかと思います。</p>

【symfony2】デフォルト.htaccessファイルの改修

<p>前回は<a href="/officer/windows%E3%81%AE%E3%81%8A%E6%8E%83%E9%99%A4%E3%82%BD%E3%83%95%E3%83%88.html">Windowsのお掃除ソフト</a>を紹介しましたので、今回はMacについても触れておきたいと思います。</p>
<p>今回も、無料で高機能なアプリ3つに絞って紹介します。</p>
<h2>ONYX</h3>
<p><a href="http://www.titanium.free.fr/downloadonyx.php" target="_blank">http://www.titanium.free.fr/downloadonyx.php</a></p>
<p>・Macでは定番のメンテナンスソフトです。</p>
<p>・最新OSにもいち早く対応</p>
<h3>参考記事</h4>
<p><a href="http://tokyo.secret.jp/macs/Mac_OSX_speed_up_OnyX.html">Mac OSXの高速化 : OnyX (Mountain Lion 対応) &#8211; Tokyo Secret</a></p>
<p><a href="http://tukaikta.blog135.fc2.com/blog-entry-146.html">OnyX使い方とMacのメンテナンス | Macとかの雑記帳</a></p>
<h2>CCleaner</h3>
<p><a href="http://www.piriform.com/mac/ccleaner" target="_blank">http://www.piriform.com/mac/ccleaner</a></p>
<p>・mac版はリリースから日が浅いため、設定出来る項目がWindows版より少ない</p>
<p>・動作が軽快</p>
<h2>Magican</h3>
<p><a href="http://www.magicansoft.com/jp/magican.html" target="_blank">http://www.magicansoft.com/jp/magican.html</a></p>
<p>・重複ファイルの削除、メモリーの開放など便利機能を複数備えている。</p>
<p>・ツールバーに常駐するCPU温度、CPU使用率、ネットワーク速度のモニターが便利</p>
<h2>まとめ</h3>
<p>今回も3つに絞って紹介しました。</p>
<p>部分的に、アンイストールを簡単にするソフトなどもありますが今回ご紹介した3つではほぼ網羅出来ていると思います。</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2013/08/28

2013/08/28

2013/08/28

2013/08/27

2013/08/21

2013/08/21

2013/08/21

2013/08/21

2013/08/21

2013/08/20

2013/08/07

2013/08/07

2013/08/07

2013/08/07

2013/08/07

2013/08/07

2013/08/06

2013/07/31