<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>


Macのお掃除ソフト

【さくらVPS】ftpのインストール

<p>Windowsのお掃除ソフトを紹介します。</p>
<p>潔癖という程でもないですが、整理整頓されていないと気が済まない正確なのと、一度、お掃除ソフトを使ってゴミを掃除した感覚を持ってしまうと定期的にハマってしまいます。</p>
<p>様々なソフトを試した中で、無料かつ高機能ということで3つ紹介します。</p>
<h2>CCleaner</h3>
<p><a href="http://www.piriform.com/ccleaner/download" target="_blank">http://www.piriform.com/ccleaner/download</a></p>
<p>・1クリックで基本的な掃除を行なってくれます。</p>
<p>・レジストリの掃除も行なってくれます。</p>
<p>・アンイストールの管理もOS標準のコントロールパネルより簡単に行うことが出来ます。</p>
<h2>Glary Utilities</h3>
<p><a href="http://www.glarysoft.com/" target="_blank">http://www.glarysoft.com/</a></p>
<p>・1クリックで基本的な掃除を行なってくれます。</p>
<p>・レジストリの掃除や圧縮</p>
<p>・重複ファイルの削除などCCleanerよりも細かい調整が可能です。</p>
<h2>Comfortable PC</h3>
<p><a href="http://pc-zero.jp/pages/software.html" target="_blank">http://pc-zero.jp/pages/software.html</a></p>
<p>お掃除ソフトではないですが、PC設定を最適化してくれます。xpでは搭載されていない、無線LANの速度最適化機能や余計なアクションの削除なを行なってくれます。</p>
<h2>まとめ</h3>
<p>私自身の性格からお掃除ソフトは、1〜2週間に一回かけています。フルに使っているPCですと、キャッシュやらログやらで数百MB〜1GB溜まっています。そもそも、キャッシュなどは、再度読み込まなくてもいいように残しておくものですから、お掃除ソフトをかけた後は、多少遅くなることもありますが、SSDという環境上、速度は全く問題なく、むしろ容量のほうが気になるので定期的にかけています。</p>
<p>同じようなソフトを2つ紹介したのは、やはり、どちらでもカバーしきれない領域があるのが、両方で削除を掛けても差分が出るためです。</p>


Windowsのお掃除ソフト

<p>少し前に、メーカーズという本が流行り、ベンチャーでもメーカーになれるんだ！ということで私の周りでも湧いている方がたくさんいらっしゃいます。</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=sackoh71-22&amp;o=9&amp;p=8&amp;l=as4&amp;m=amazon&amp;f=ifr&amp;ref=ss_til&amp;asins=4140815760" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p>私自身は、ITを駆使し、会社として提供しているものは無形のソフトウェアなので、つくづくハードウェアをベンチャーでやるっていうことはすごいなと思います。</p>
<p>自社でもECサイトを運営しており、そこで初めてハードな商品を手に取るわけですが、何より在庫（資産）という考え方が非常に大きい。ここが、ハードとソフトの最大の違いなのではないかと思います。運営を始めて、積もっていく在庫、単月で見た時の利益率を含めた数字の悪さ。仕入れて売るECサイトを運営しているだけなのですが、この感覚の違いは驚きました。</p>
<p>そんな中でも私の会社が入居している早稲田大学インキュベーションセンター施設で知り合ったモノを作っているベンチャーを紹介したいと思います。</p>
<h2>オリィ研究所</h3>
<p><a href="http://orylab.com/">http://orylab.com/</a></p>
<p>コミュニケーションロボット「Orihime」を提供しています。</p>
<p>病院で孤独な方をつなぐ為のデバイスとして、非常に社会的な意義を感じます。</p>
<p>また、代表の吉藤氏が素晴らしい好青年で、すごく応援したくなりました。</p>
<h2>キーバリュー</h3>
<p><a href="http://www.keyvalue.jp/" target="_blank">http://www.keyvalue.jp/</a></p>
<p>アクセス解析のユーザーローカル伊藤さんが率いる新会社です。</p>
<p>よくインキュベーションセンターではお会いする機会があったのですが、まさかこちらの方向で新しいことをやられるとは思ってもいませんでした。</p>
<p>まずは、Googleストリートビューとエクササイズバイクを組み合わせたバーチャルサイクリングを提供しています。</p>
<p>&nbsp;</p>
<h2>まとめ</h3>
<p>自分では出来ないと思っているから本当に尊敬します。少しでも応援出来ればと思い、記事化しました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


モノヅクリ系ベンチャー

jQueryで簡単なloading画面を作る

<p>joomlaの管理画面を日本語化する方法を説明いたします。</p>
<p>特に難しいことはなく、流れに沿っていけばできるかと思います。</p>
<p>&nbsp;</p>
<p>joomlaをインストールされている前提でお話させて頂きます。</p>
<p>&nbsp;</p>
<h3>１．まずは、日本語化のファイルをダウンロードします。</h4>
<p>記事を書いた時点での最新はこちらになります。</p>
<p><a href="http://joomla.jp/news/release-news/213-release-joomla-314.html">Joomla 3.1.4 リリース &#8211; Joomla! JAPAN</a></p>
<p>日本語とパックになったものがありますね。</p>
<p>&nbsp;</p>
<h3>２．管理画面のExtensions &gt; Extension Manager をクリック</h4>
<p><a href="/uploads-archive/2013/07/Extension-manager.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2789" alt="Extension-manager" src="/uploads-archive/2013/07/Extension-manager-1024x541.jpg" width="614" height="325" /></a></p>
<p>&nbsp;</p>
<h3>３．インストール画面からUpload Package File選択をクリックし、ダウンロードしたファイルをアップロード</h4>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/07/Extension-manager-Install.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2790" alt="Extension manager - Install" src="/uploads-archive/2013/07/Extension-manager-Install-1024x592.jpg" width="614" height="355" /></a></p>
<p>アップロードが完了したら次の工程に進みます。</p>
<p>&nbsp;</p>
<h3>４．Extensions→Language Managerをクリックし、遷移したら、左にあるメニューの「Installed &#8211;  Administrator」をクリック</h4>
<p>以下のページが表示されます。</p>
<p><a href="/uploads-archive/2013/07/test-Administration-Language-Manager-Installed-Languages.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2791" alt="test - Administration - Language Manager- Installed Languages" src="/uploads-archive/2013/07/test-Administration-Language-Manager-Installed-Languages-1024x592.jpg" width="614" height="355" /></a></p>
<p>&nbsp;</p>
<h3>５．Defaltの☆マークの箇所をクリックすれば完了です！</h4>
<p><a href="/uploads-archive/2013/07/de0f0a3fc290761cafc1aff806831640.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2792" alt="test - 管理 - コントロールパネル" src="/uploads-archive/2013/07/de0f0a3fc290761cafc1aff806831640-1024x597.jpg" width="614" height="358" /></a></p>
<p>無事日本語化しました！！</p>
<p>&nbsp;</p>
<p>日本語化できたのですが、やはり項目が多く、まだどういじったらいいかよくわからない状況です笑</p>
<p>実際になにかサイトを作ってみるようなことをしないとわからないかもしれませんね。。。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

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

2013/07/31

2013/07/31

2013/07/31

2013/07/31

2013/07/30