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


joomlaの管理画面を日本語化する方法

jQuery を使ってランダムで要素を表示する

<div>中国の2013年EC市場規模が、1800億ドルとなり日本を抜いて世界第2位となるらしい。</div>
<p><a href="http://www.nikkei.com/article/DGXNASGM1804Q_S3A720C1EA2000/" target="_blank">http://www.nikkei.com/article/DGXNASGM1804Q_S3A720C1EA2000/</a></p>
<div></div>
<div>記事によると</div>
<div>・2013年世界のEC市場規模は1兆2200億ドルとなり、前年比17%増</div>
<div>・2013年中国のEC市場は1800億ドルとなり、前年比65%増</div>
<div>・中国のEC利用者は2億7000万人</div>
<div>・中国ECの79%はモバイル端末からの発注</div>
<div></div>
<div>日本のEC市場規模は1200億ドルなので、1.5倍もの規模になっている。</div>
<div>2012年の日本のEC市場規模の成長率は16%前後だったので</div>
<div>規模、利用者、成長率どれをとっても驚異的な成長だ。</div>
<div></div>
<div>これは、サイトだけでなく、物流や決済と言ったEC関連企業が</div>
<div>ユーザーの利便性や安心感を高めてい行った結果だと思う。</div>
<div>上記記事にもあるが、中国では偽物や粗悪品トラブル回避のため、</div>
<div>オンライン決済後であっても商品が手元に届くまで販売側は代金を受け取れないなどのシステムが普及している。</div>
<div></div>
<div>また、一人暮らしなど日中商品を自宅で受け取れない人は</div>
<div>勤務先での受け取ることを許している会社も多いという。</div>
<div>社会生活の一部としての認識が広まっているようだ。</div>
<div></div>
<div>更にすばらしいのは、自治体が地域をあげてECによる経済発展に本気で取り組んでいるということ。</div>
<div></div>
<div>北京市は、EC事業のビジネスモデルや技術、メカニズムなどのイノベーションを奨励すると発表している。</div>
<div>その中には、今までECによる販売が行われていなかったような従来型の企業も含まれており、</div>
<div>それらの企業がEC展開することを支援している。</div>
<div>また、様々な商材の展開により、全国展開できるEC専用宅配ブランドを育成するとも発表している。</div>
<div></div>
<div>北京市は、結果として2013年の1月〜5月のEC化率は10.9%となっており、</div>
<div>前年同期比53.9%増を達成している。</div>
<div>また、2015年には北京市のEC市場規模を1兆元、EC化率を15%にするとの目標も明らかにしている。</div>
<div></div>
<div>あまりに急速な発展は、粗悪品や秩序の悪化により逆にその後の発展に影響がありそうなので、</div>
<div>日本の場合は50%オーバーの急成長は望まないが、地方自治体などの参入などはどんどんやっていくべきだと思った</div>


中国のEC

WebGLのJSライブラリー「Three.js」を使ってみた

<p>ぜひ見本にしたいサイトを30サイトまとめてくれております。</p>
<p>海外のサイトですと、やはりミニマル・フラットデザインは良い感じですよね〜</p>
<p>ちまたで少し言われているみたいで、僕もそうだと思うのですが、<br />
やはり日本語のフォントだとかっこ良くならないんですよねなぜか。</p>
<p>ただ、参考にして勉強させて頂きます！</p>
<p><a href="http://designinstruct.com/visual-inspiration/web-design-inspiration/minimalist-web-designs/">30 Beautiful Minimalist Web Designs</a></p>
<p><a href="/uploads-archive/2013/07/30-Beautiful-Minimalist.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2753" alt="30-Beautiful-Minimalist" src="/uploads-archive/2013/07/30-Beautiful-Minimalist.jpg" width="621" height="12528" srcset="/uploads-archive/2013/07/30-Beautiful-Minimalist.jpg 690w, /uploads-archive/2013/07/30-Beautiful-Minimalist-228x4600.jpg 228w" sizes="(max-width: 621px) 100vw, 621px" /></a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2013年

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

2013/07/24

2013/07/24

2013/07/24

2013/07/24