<p>今回は、弊社で展開しているカラコン通販サイト「キャッツアイ」<a href="http://catseye-store.com/">http://catseye-store.com/</a>のamazon店を出店すべく、</p>
<p>その手順をご紹介したいと思います。</p>
<p>&nbsp;</p>
<p>なお、カラーコンタクトレンズという商品は、大口出品というカテゴリーでしか出店出来ません。</p>
<h2>出店登録</h3>
<p>まずは、登録をすべく以下のURLにアクセスします。</p>
<p><a href="http://services.amazon.co.jp/" target="_blank">http://services.amazon.co.jp/</a></p>
<p><a href="/uploads-archive/2013/09/f457c796fb736ce48a84852ce36cfedf.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3014" alt="Amazon_Services_Amazon出品（出店）サービス_フルフィルメント_by_Amazon_FBA_" src="/uploads-archive/2013/09/f457c796fb736ce48a84852ce36cfedf-300x246.jpg" width="300" height="246" /></a></p>
<p>&nbsp;</p>
<p>右カラムに登録ボタンがあります。</p>
<h3>大口出品サービスと小口出品サービスの比較</h4>
<p>ここで、大口出品サービスと小口出品サービスという2つの形態があることがわかります。</p>
<p>下記のURLで確認することが出来ますが、抜粋をすると下図の表になります。</p>
<p><a href="http://services.amazon.co.jp/services/sell-on-amazon/individual-promerchant.html" target="_blank">http://services.amazon.co.jp/services/sell-on-amazon/individual-promerchant.html</a></p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>出品形態の機能</th>
<th>大口出品サービス</th>
<th>小口出品サービス</th>
</tr>
<tr>
<th>月間登録料</th>
<td>4,900円</td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>基本成約料詳しくは<a href="http://services.amazon.co.jp/services/sell-on-amazon/fee.html">こちら</a><br />
（成約商品1点につき100円）</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>Amazon.co.jp上にない<br />
商品のカタログデータ登録</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>出品形態</th>
<td>出店<br />
（Amazon.co.jp上に<br />
出品商品一覧ページ掲載）</td>
<td>出品</td>
</tr>
<tr>
<th>一括出品ツールの利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>注文管理レポートの利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>出品者独自の配送料金設定</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>プロモーション・<br />
ギフトオプションなどを利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>商品詳細ページ右側「ショッピングカート」または「こちらからも買えますよ」ボックスへの出品者名表示権限</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th rowspan="2">出品できるカテゴリー</th>
<td><strong>今すぐ出品が可能</strong>&nbsp;</p>
<p>書籍 ／文房具・オフィス用品／ミュージック／ホーム＆キッチン／ビデオ／DIY・工具・車用品／DVD／おもちゃ＆ホビー／PCソフト／スポーツ＆アウトドア／TVゲーム／ベビー＆マタニティ／エレクトロニクス／楽器</p>
<p><strong>出品許可が必要</strong></p>
<p>時計／ヘルス＆ビューティ／アパレル、シューズ、バッグ／コスメ／ジュエリー／食品＆飲料／ペット用品</td>
<td><strong>今すぐ出品が可能</strong>&nbsp;</p>
<p>書籍 ／文房具・オフィス用品／ミュージック／ホーム＆キッチン／ビデオ／DIY・工具・車用品／DVD／おもちゃ＆ホビー／PCソフト／スポーツ＆アウトドア／TVゲーム／ベビー＆マタニティ／エレクトロニクス／楽器</td>
</tr>
<tr>
<th>大口出品サービス</th>
<th>小口出品サービス</th>
</tr>
</tbody>
</table>
<h3>成約手数料</h4>
<p>また次に気になる販売時の手数料ですが、商品カテゴリーによって、販売の可否、手数料が異なりますので、以下のURLか、下図をご参照下さい。</p>
<p>http://services.amazon.co.jp/services/sell-on-amazon/fee.html</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>商品カテゴリー・サブカテゴリー</th>
<th>大口出品販売<br />
手数料(%)</th>
<th>小口出品販売<br />
手数料(%)</th>
</tr>
<tr>
<td>書籍</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>ミュージック</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>DVD</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>VHS</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>エレクトロニクス</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>パソコン・周辺機器</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>（エレクトロニクス商品、パソコン・周辺機器）アクセサリー商品<br />
(2013年10月11日より適用)</td>
<td>10%、もしくは50円の<br />
いずれか高い方 (*6)</td>
<td>10%、もしくは50円の<br />
いずれか高い方 (*6)</td>
</tr>
<tr>
<td>Kindle アクセサリ</td>
<td>45%</td>
<td>45%</td>
</tr>
<tr>
<td>楽器</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>文房具・オフィス用品（*4）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>スポーツ＆アウトドア</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>おもちゃ＆ホビー</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>PCソフト</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>TVゲーム（*5）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>ホーム＆キッチン（*3）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>大型家電</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>DIY・工具</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>カー＆バイク用品</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>ベビー＆マタニティ</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<th colspan="3">以下のカテゴリーは大口出品のご契約時のみ販売可能です。<br />
また、以下のカテゴリーの商品をご出品の場合は出品前に出品許可が必要となります。</th>
</tr>
<tr>
<td>コスメ</td>
<td>20%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ヘルス＆ビューティー</td>
<td>10%</td>
<td>出品不可</td>
</tr>
<tr>
<td>時計（*2）</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>アパレル</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>シューズ、バッグ</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ジュエリー</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>食品＆飲料（*１）</td>
<td>10%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ペット用品</td>
<td>15%</td>
<td>出品不可&nbsp;</p>
<p>&nbsp;</td>
</tr>
</tbody>
</table>
<p>以上から、弊社が扱う商材では、大口出品販売が必須でヘルス＆ビューティーというカテゴリーになりますので、手数料が10%ということになります。</p>
<h2>大口出品サービスに登録</h3>
<p><a href="/uploads-archive/2013/09/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3030" alt="screenshot" src="/uploads-archive/2013/09/screenshot-300x215.png" width="300" height="215" srcset="/uploads-archive/2013/09/screenshot-300x215.png 300w, /uploads-archive/2013/09/screenshot-768x551.png 768w, /uploads-archive/2013/09/screenshot-1024x734.png 1024w, /uploads-archive/2013/09/screenshot-228x163.png 228w, /uploads-archive/2013/09/screenshot.png 1328w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まず、先ほどの画像で示した箇所から大口出品登録に進むと各種基本情報の入力が求められます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3031" alt="screenshot" src="/uploads-archive/2013/09/screenshot1-300x198.png" width="300" height="198" srcset="/uploads-archive/2013/09/screenshot1-300x198.png 300w, /uploads-archive/2013/09/screenshot1-768x507.png 768w, /uploads-archive/2013/09/screenshot1-1024x676.png 1024w, /uploads-archive/2013/09/screenshot1-228x150.png 228w, /uploads-archive/2013/09/screenshot1.png 1315w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>続いて、店舗名や、住所を登録します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3032" alt="screenshot" src="/uploads-archive/2013/09/screenshot2-300x128.png" width="300" height="128" /></p>
<p>次に、クレジットカードの情報を入力します。</p>
<p>月額費用の引き落としに必要になります。後から、クレジットカード情報を変えることも可能と書いてあります。</p>
<p><a href="/uploads-archive/2013/09/screenshot3.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3033" alt="screenshot" src="/uploads-archive/2013/09/screenshot3-300x75.png" width="300" height="75" srcset="/uploads-archive/2013/09/screenshot3-300x75.png 300w, /uploads-archive/2013/09/screenshot3-1024x259.png 1024w, /uploads-archive/2013/09/screenshot3-228x57.png 228w, /uploads-archive/2013/09/screenshot3.png 1327w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ここまで進むと、電話認証の手続きになります。先ほど入力した電話番号に電話が掛かってきて、</p>
<p>画面に表示されている暗証番号を電話のプッシュボタンで入力します。</p>
<p><a href="/uploads-archive/2013/09/screenshot4.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3034" alt="screenshot" src="/uploads-archive/2013/09/screenshot4-300x112.png" width="300" height="112" srcset="/uploads-archive/2013/09/screenshot4-300x112.png 300w, /uploads-archive/2013/09/screenshot4-1024x384.png 1024w, /uploads-archive/2013/09/screenshot4-228x85.png 228w, /uploads-archive/2013/09/screenshot4.png 1309w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>以上で登録は完了です。</p>
<p>すぐに管理画面に移動します。</p>
<h2>まとめ</h3>
<p>正直、拍子抜けするほど手続きが簡単でした。</p>
<p>カラコンを扱うため、この後、高度管理医療機器販売の許可証などを提示するなど、いくつかタスクは残っておりますが、オンラインで完結するあたりが他のモールへの出品とは異なるなと思いました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Amazon出店手順①（大口出品、ヘルス&#038;ビューティー）

<p>簡単に動画を背景として利用できるjQueryプラグイン「jquery.mb.YTPlayer」を使ってみた。</p>
<p><a href="http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer" target="_blank">http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer</a></p>
<p>&nbsp;</p>
<h2>設置方法</h3>
<p>■js</p>

		<div id="crayon-64953fd58f033780013895" 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;">
jQuery(function(){
	jQuery( '.player' ).mb_YTPlayer();
});</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-64953fd58f033780013895-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58f033780013895-2">2</div><div class="crayon-num" data-line="crayon-64953fd58f033780013895-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58f033780013895-1"><span class="crayon-e">jQuery</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-64953fd58f033780013895-2"><span class="crayon-h">	</span><span class="crayon-e">jQuery</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'.player'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">mb_YTPlayer</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58f033780013895-3"><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-64953fd58f038630194872" 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;a id="P2" class="player" data-property="{videoURL:'54dhAKNxu6c',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1, showYTLogo:false, showControls:false}"&gt;&lt;/a&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-64953fd58f038630194872-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-64953fd58f038630194872-1"><span class="crayon-r ">&lt;a </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"P2"</span><span class="crayon-h"> </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"player"</span><span class="crayon-h"> </span><span class="crayon-e ">data-property</span>=<span class="crayon-s ">"{videoURL:'54dhAKNxu6c',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1, showYTLogo:false, showControls:false}"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;/a&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2> パラメータ</h3>
<table>
<tbody>
<tr>
<th>パラメータ</th>
<th>データ型</th>
<th>デフォルト</th>
<th>用途</th>
<th>使用方法</th>
</tr>
<tr>
<td>videoURL</td>
<td>string</td>
<td>&#8211;</td>
<td>対象動画</td>
<td>youtubeの動画IDを指定<a href="#h1">※</a></td>
</tr>
<tr>
<td>opacity</td>
<td>int</td>
<td>1</td>
<td>透明度</td>
<td>0〜1の数値を指定</td>
</tr>
<tr>
<td>mute</td>
<td>bool</td>
<td>true</td>
<td>音</td>
<td>音の有無を指定</td>
</tr>
<tr>
<td>showControls</td>
<td>bool</td>
<td>true</td>
<td>コントローラー</td>
<td>コントローラーの表示の有無を指定</td>
</tr>
<tr>
<td>ratio</td>
<td>string</td>
<td>4/3</td>
<td>アスペクト比</td>
<td>4/3若しくは16/9を指定</td>
</tr>
<tr>
<td>quality</td>
<td>string</td>
<td>default</td>
<td>画質</td>
<td>default、small、medium、large、hd720、hd1080、highresを指定</td>
</tr>
<tr>
<td>containment</td>
<td>string</td>
<td>&#8211;</td>
<td>出力場所</td>
<td>CSSセレクタで指定</td>
</tr>
<tr>
<td>optimizeDisplay</td>
<td>bool</td>
<td>true</td>
<td>画面フィット</td>
<td>画面サイズにフィットさせるか否か</td>
</tr>
<tr>
<td>loop</td>
<td>bool</td>
<td>true</td>
<td>ループ</td>
<td>ループの有無を指定</td>
</tr>
<tr>
<td>vol</td>
<td>int</td>
<td>&#8211;</td>
<td>ボリューム</td>
<td>1〜100で指定</td>
</tr>
<tr>
<td>startAt</td>
<td>int</td>
<td>0</td>
<td>開始位置</td>
<td>開始秒を指定</td>
</tr>
<tr>
<td>autoplay</td>
<td>bool</td>
<td>true</td>
<td>自動再生</td>
<td>自動再生の有無を指定</td>
</tr>
<tr>
<td>showYTLogo</td>
<td>bool</td>
<td>true</td>
<td>youtubeロゴ</td>
<td>ロゴ及びオリジナルへのリンクの有無を指定</td>
</tr>
</tbody>
</table>
<p><a id="h1" name="h1"></a><br />
<i>例えば<br />
www.youtube.com/watch?v=54dhAKNxu6c&amp;list=UUX7o_POJBRnI3bs5PQOnH2w<br />
の<br />
54dhAKNxu6c<br />
の部分。つまり<br />
v=**********<br />
を抽出<br />
</i><br />
ECサイトにおいても、詳細ページでの訴求力アップに役立ちそうだ。</p>
<p><a class="demo" href="/demo/hoshino/43/1.html">デモ(商品動画)</a></p>
<p><a class="demo" href="/demo/hoshino/43/2.html">デモ(イメージ)</a></p>

youtubeの動画を背景に利用できるjQueryプラグイン

<p>先週、良いニュースが新聞に書いてありました。</p>
<p>これからは、ヤンゴンの土地の価格を政府が管理する計画が発表されたみたいです。</p>
<p>ヤンゴンの土地はあまりにも高すぎて、ミャンマーで普通に就職している方々が購入出来るどころか</p>
<p>私みたいに日本で就職している人も買う事は結構難しいでしょう！</p>
<p>ヤンゴンの高級住宅とかの価格は日本の価格と負けないほど高い!!(泣)</p>
<p>販売価格は、外国人に販売する価格はミャンマー人に販売する価格より、なんと２、３倍高い！</p>
<p>今までの、土地の価格って「大家さんの口にある」とよく言われている通りです。</p>
<p>私もこの一生は家買う事は出来ないかもといつも思っていました。</p>
<p>しかし、これからは政府が決めてくれる価格で販売する事になる。</p>
<p>どのぐらいの広さはいくらと決められるそうです。</p>
<p>現在は、ヤンゴンでオフィスシェアのビジネスが流行っていますが、<br />
これからはどうなるでしょうか。</p>
<p>ちなみにこれは<a href="http://www.myanmar-partners.com/support/60.html" target="_blank">「http://www.myanmar-partners.com/support/60.html」</a>前回ミャンマーに行った時に、</p>
<p>案内していただいたオフィスシェアの所です。</p>
<p>結構、レベルが高すぎる、中身は日本みたい！景色も最高！<br />
しかし、値段も日本と変わらない！！</p>
<p>オフィスシェアのビジネスにはちょっと影響がでると思いますが、</p>
<p>これからの政府の計画は楽しみです。</p>


ヤンゴンの土地価格

<p>是非ともシェアしたい記事です。</p>
<p><a href="http://opensignal.com/reports/fragmentation-2013/" target="_blank">Android Fragmentation Visualized</a></p>
<p>視覚化したAndroidの断片化という記事でAndroidの状況がよーく分かる内容になっています。</p>
<p>特に2012年7月と2013年7月の対比が出来るようになっています。</p>
<p><a href="http://opensignal.com/" target="_blank">Android、iOSアプリ「OpenSignal」</a>というの電波強度を計測し、Webで共有するアプリの統計から得られたものということです。</p>
<h2>端末の断片化</h3>
<p><a href="/uploads-archive/2013/08/screenshot1.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2979" alt="screenshot" src="/uploads-archive/2013/08/screenshot1-300x187.png" width="300" height="187" srcset="/uploads-archive/2013/08/screenshot1-300x187.png 300w, /uploads-archive/2013/08/screenshot1-768x480.png 768w, /uploads-archive/2013/08/screenshot1-228x142.png 228w, /uploads-archive/2013/08/screenshot1.png 909w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>2012年の時点では3,997機種を確認。この時点で十分カオスな気がしますが、2013年になると</p>
<p><a href="/uploads-archive/2013/08/screenshot2.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2980" alt="screenshot" src="/uploads-archive/2013/08/screenshot2-300x174.png" width="300" height="174" srcset="/uploads-archive/2013/08/screenshot2-300x174.png 300w, /uploads-archive/2013/08/screenshot2-768x447.png 768w, /uploads-archive/2013/08/screenshot2-228x133.png 228w, /uploads-archive/2013/08/screenshot2.png 901w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>なんと、その数は、11,868になります。</p>
<h2>ブランドの断片化</h3>
<p><a href="/uploads-archive/2013/08/screenshot3.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2981" alt="screenshot" src="/uploads-archive/2013/08/screenshot3-300x175.png" width="300" height="175" /></a></p>
<p>まずは、機種の数について。SAMUSUNGが一番機種を出していることが分かります。</p>
<p><a href="/uploads-archive/2013/08/screenshot4.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2982" alt="screenshot" src="/uploads-archive/2013/08/screenshot4-300x173.png" width="300" height="173" /></a></p>
<p>次にシェア別になるとSAMUSUNGが圧倒する形になります。シェアは47.5%とのことです。</p>
<h2>Android OSの断片化</h3>
<p><a href="/uploads-archive/2013/08/screenshot5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2983" alt="screenshot" src="/uploads-archive/2013/08/screenshot5-300x170.png" width="300" height="170" /></a></p>
<p>バージョンにいたっては訳の分からないことになっています。</p>
<h2>iOSとの比較</h3>
<p><a href="/uploads-archive/2013/08/screenshot6.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2984" alt="screenshot" src="/uploads-archive/2013/08/screenshot6-300x75.png" width="300" height="75" srcset="/uploads-archive/2013/08/screenshot6-300x75.png 300w, /uploads-archive/2013/08/screenshot6-768x193.png 768w, /uploads-archive/2013/08/screenshot6-228x57.png 228w, /uploads-archive/2013/08/screenshot6.png 884w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>ここで、iOSとの比較が来ました。iOSのシンプル加減は、清々しいレベルですね。</p>
<p>アクティブユーザーの95%の方が最新OSにバージョンアップしているという状況です。</p>
<h2>液晶サイズ</h3>
<p><a href="/uploads-archive/2013/08/screenshot7.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2985" alt="screenshot" src="/uploads-archive/2013/08/screenshot7-300x231.png" width="300" height="231" srcset="/uploads-archive/2013/08/screenshot7-300x231.png 300w, /uploads-archive/2013/08/screenshot7-228x176.png 228w, /uploads-archive/2013/08/screenshot7.png 509w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Androidはもはや言わずもがなですね。ほとんど青いです。</p>
<p>ベースとなる解像度をいくつか決めて対応していくほかないようなレベルです。</p>
<p><a href="/uploads-archive/2013/08/screenshot8.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2986" alt="screenshot" src="/uploads-archive/2013/08/screenshot8-300x235.png" width="300" height="235" /></a></p>
<p>iOSは4つだけ。</p>
<h2>まとめ</h3>
<p>下の参考記事にもありましたが、まさにパニックになりかけているということが分かります。</p>
<p>そして、自分自身も仕事をしていて痛感します。</p>
<h3>参考記事</h4>
<p>日本語記事</p>
<p><a href="http://dailynewsagency.com/2013/08/05/android-fragmentation-report-july-2013-2u4/" target="_blank">Android端末の種類が多すぎて開発者がパニックになりかけているのがよく分かるデータ</a></p>


Androidのカオスな状況

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


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

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


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

<p>テキストのエフェクトがかっこいい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サイト

<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

時間まで選択できるDatepickerプラグインTimepicker。を日本語化

<p>本日もとあるセミナーに参加してきました。</p>
<p>「ECサイトはこれから何を改善すればよいのだろうか？」</p>
<ul>
<li>SEOツール</li>
<li>メール配信エンジン</li>
<li>翻訳ツール</li>
<li>サイト内検索</li>
</ul>
<p>と、ECサイトを運営する上で、必要ソリューション持ち合わせた各社のセミナーを聞いてきました。</p>
<p>その中でもオムニチャネルという考え方が非常にしっくりと来たので、一部紹介したいと思います。</p>
<p>&nbsp;</p>
<p>冒頭の画像はダイアモンドオンラインから<a href="http://diamond.jp/articles/-/25710" target="_blank">http://diamond.jp/articles/-/25710</a>お借りしたものになります。</p>
<h2>オムニチャネルの概念図</h3>
<p><img decoding="async" alt="" src="http://diamond.jp/mwimgs/a/d/500/img_ad2d99412fd889743be0200a9b344193433826.jpg" /></p>
<p>・シングルチャネル</p>
<p>顧客と店舗（ネット）</p>
<p>・マルチチャンネル</p>
<p>シングルチャネルの複合</p>
<p>・クロスチャネル</p>
<p>チャネル同士の交差がある</p>
<p><span style="color: #ff0000;">・オムニチャネル</span></p>
<p>最上位概念で、どのチャネルからもシームレスに顧客対応が出来る</p>
<h2>なぜいまオムニチャネルなのか？</h3>
<p>スマートデバイスの普及によりスムーズなチャネル間の移動が可能になった。</p>
<h2>参考</h3>
<p><a href="http://diamond.jp/category/s-omnich_ohshima" target="_blank">http://diamond.jp/category/s-omnich_ohshima</a></p>
<p>&nbsp;</p>
<h2>まとめ</h3>
<p>恥ずかしながらオムニチャネルという言葉自体初めて聞きました。弊社が運営するECサイトは、シングルチャネルですが、弊社が提供するECシステムのクライアント様は、店舗での小売をしながらECサイトを展開しているケースがほとんどであるため、このオムニチャネルという概念をしっかり理解した上で、よりよい提案に導いていきたいと考えました。</p>
<p>&nbsp;</p>


オムニチャネルという考え方

多機能なスライダー sly.js

<p>先日ソーシャルメディアマーケティングを得意とする会社のとあるセミナーに参加して来ました。</p>
<p>内容の核心に触れてしまうといけないかもしれないので、具体名は伏せつつ流れを紹介します。</p>
<p>&nbsp;</p>
<p>一般の主婦が年商3,000万円まで駆け上った軌跡を教えて頂きました。</p>
<h2>お店を作ったきっかけ</h3>
<p>旦那さんにプレゼントされたエプロン。</p>
<p>しかし、可愛くなくデザインに不満があった。</p>
<p>なんで可愛いデザインのエプロンがないのだろうと自分で作って販売することを決心。</p>
<h2>店長ブログで認知度を</h3>
<p>まず、この方は、独自サイトでショップを構築する。</p>
<p>独自サイトであれば、モールと違い、お客さんを呼び込む必要がありますので、まず、商品を認知してもらおうと店長ブログを開始</p>
<h2>ブロガーとの交流から自然と口コミが発生</h3>
<p>せっかく良い商品を作っても、埋もれてしまうことは往々にしてあります。</p>
<p>良い商品をしっかりと宣伝してこそ、商品は売れます。</p>
<h2>ソーシャルメディアの時代へ</h3>
<p>言わずもがなの昨今。オリジナル商品こそ、ソーシャルメディアとの相性がいいとのことで。同社のサービスを使いながら効果的に口コミを発生。</p>
<p>年商3,000万円へ。</p>
<h2>まとめ</h3>
<p>オリジナル商品を独自ショップでしっかりとブランディングすることが出来たモデルケースであると考えます。</p>
<p>モールで同様のキーワードで検索を欠けるとブランドものか極端に安いものが検索結果上位に上がってきているようです。</p>
<p>モールという特性上、人気のあるものを少しでも安くお探しのお客様が多いので、オリジナル商品の価値を認識してもらうことが</p>
<p>よに難しいと思います。</p>
<p>そこで、独自ショップという展開を取ったのだと思われますが、良い物をきちんとプロモーションして、認知を経てブランディングに</p>
<p>成功しています。</p>
<p>最初に取り組んだのが店長ブログというのも本質を得ている気がします。Googleの検索エンジンの数年先をよんでいたのでしょうか？</p>
<p>今でこそ、質の良いコンテンツがSEOで重要視されるアルゴリズムになっていますが、数年前は外部リンクが全盛の時代であったと思います。</p>
<p>最初から最後まで戦略がハマっているのが素晴らしいですね。</p>
<p>いろいろ試行錯誤の上、現在の形になって語られているのだろうとは思いますが、弊社でもこのようなモデルケースとなりうるECサイトを支援出来るように取り組んでいきたいと強く思いました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


オリジナル商品はソーシャルメディアを！

<p>最近EC関連の会社やサービスが増えている気がする。<br />
一昔前までは、例えばECサイトを作ろうと思ったら、システム開発会社やデザイン会社にお願いしていたと思うが<br />
今はECサイト専用のシステム開発会社やデザイン会社が幾つかある。<br />
開発や制作だけではなく、それに付随するサービスも「EC特化」や「EC専門」と謳うところが増えているので、<br />
今後のためにもまとめ。</p>
<p>■レコメンドエンジン<br />
<a href="http://www.luckrec.jp/" target="_blank">http://www.luckrec.jp/</a><br />
とにかく簡単にできる。<br />
価格も手軽なので導入しやすい。</p>
<p>■サイト内検索<br />
<a href="http://search.appirits.com/" target="_blank">http://search.appirits.com/</a><br />
サイトごとにロジックの変更をしてくれる割には低価格。</p>
<p>■クラウドソーシング<br />
<a href="http://ecworkers.jp/" target="_blank">http://ecworkers.jp/</a><br />
はやりのクラウドソーシングをECに特化したサービス。</p>
<p>■アクセス解析<br />
<a href="http://www.inter-office.co.jp/econda/" target="_blank">http://www.inter-office.co.jp/econda/</a><br />
広告代理店にお願いしていたであろう効果測定が充実している。</p>
<p>■フリーペーパー<br />
<a href="http://ecnomikata.com/matching/mikata-tsushin/" target="_blank">http://ecnomikata.com/matching/mikata-tsushin/</a><br />
EC関連業者の中ではメジャーになりつつある。</p>
<p>■一括見積もり<br />
<a href="http://ecnomikata.com/matching/" target="_blank">http://ecnomikata.com/matching/</a><br />
こちらもECのミカタ通信と同じリョーマが運営。<br />
様々なカテゴリがある。主力は物流。</p>
<p>■コールセンター<br />
<a href="http://www.jmscom.co.jp/service/service_guide5.html" target="_blank">http://www.jmscom.co.jp/service/service_guide5.html</a><br />
通常のコールセンター業務と違うのは、電話からの注文があること。<br />
そこを専門的にカバーしてくれるのはうれしい。</p>
<p>■コンサルティング<br />
<a href="http://www.netshop-soken.co.jp/" target="_blank">http://www.netshop-soken.co.jp/</a><br />
「売る」ことを極めたコンサルティング会社。<br />
様々な取り組みは見ていて参考になる。</p>
<p>■就職<br />
<a href="http://www.ecjob.jp/" target="_blank">http://www.ecjob.jp/</a><br />
こんなのまであるのか、という採用サイト。<br />
お祝い金制度有り。</p>
<p>■素材<br />
<a href="http://ec-yobiko.com/" target="_blank">http://ec-yobiko.com/</a><br />
商用、加工OKで無料なのでありがたいサイト。</p>
<p>■テンプレート<br />
<a href="http://www.templatemonster.jp/gallery.php?type=21" target="_blank">http://www.templatemonster.jp/gallery.php?type=21</a><br />
EC用テンプレートが格安で購入できます。</p>


増えるECサイト専用・特化サービス

<p>この度、テンプレートモンスター ジャパンを運営する株式会社ネットオンと提携し、</p>
<p>テンプレートモンスター ジャパンのサイト内で、テンプレートをLaunchCartに適用させるオプションが追加されました。</p>
<p>これにより、クオリティの高いテンプレートを安価で手に入れることができるようになり、</p>
<p>ECサイト開設までの時間を短縮することが可能になりました。</p>
<p>&nbsp;</p>
<p>詳しくはこちらを御覧ください。</p>
<p><a href="http://www.value-press.com/pressrelease/110635" target="_blank">http://www.value-press.com/pressrelease/110635</a></p>
<p>&nbsp;</p>
<p>今回は、テンプレートモンスター ジャパンからLaunchCartのお申込みをする方法を簡単ですがご説明致します。</p>
<p>&nbsp;</p>
<h2>テンプレートモンスター ジャパンへアクセス</h3>
<p><a href="/uploads-archive/2013/05/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2102" alt="1" src="/uploads-archive/2013/05/1.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/1.jpg 656w, /uploads-archive/2013/05/1-300x185.jpg 300w, /uploads-archive/2013/05/1-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://www.templatemonster.jp/" target="_blank">http://www.templatemonster.jp/</a></p>
<p>へアクセスします。</p>
<p>ヘッダーの「ECサイトテンプレート」をクリックします。</p>
<p>&nbsp;</p>
<h2>好きなテンプレートを選ぶ</h3>
<p><a href="/uploads-archive/2013/05/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2103" alt="2" src="/uploads-archive/2013/05/2.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/2.jpg 656w, /uploads-archive/2013/05/2-300x185.jpg 300w, /uploads-archive/2013/05/2-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>好きなテンプレートを選びます。</p>
<p>色や雰囲気で検索できるので、探しやすいと思います。</p>
<p>気に入ったテンプレートが見つかったら、サムネイルをクリックします。</p>
<p>&nbsp;</p>
<h2>オプションをチェック</h3>
<p><a href="/uploads-archive/2013/05/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2104" alt="3" src="/uploads-archive/2013/05/3.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/3.jpg 656w, /uploads-archive/2013/05/3-300x185.jpg 300w, /uploads-archive/2013/05/3-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>ページ中段、右側に「テンプレート編集オプション」というボックスがあります。</p>
<p>「このデザインを、Launch Cartに適用させる 無料」というチェックボックスにチェックを入れ、</p>
<p>「購入に進む」ボタンをクリックします。</p>
<p>※一部LaunchCartオプションに対応していないテンプレートもございます。</p>
<p>&nbsp;</p>
<h2>購入画面に進む</h3>
<p><a href="/uploads-archive/2013/05/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2105" alt="4" src="/uploads-archive/2013/05/4.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/4.jpg 656w, /uploads-archive/2013/05/4-300x185.jpg 300w, /uploads-archive/2013/05/4-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>あとは購入画面に進み、画面にしたがって入力をすれば完了です。</p>
<p>お知らせメールが送信されますので、本文にしたがってテンプレートをダウンロードして下さい。</p>
<p>その後当社からご連絡させて頂きます。</p>
<p>&nbsp;</p>
<p>LaunchCartは大規模ECサイトにも対応した高機能のECサイト構築システムですので</p>
<p>ぜひこの機会にシステムのお乗換えをご検討下さい。</p>
<p>&nbsp;</p>
<p>※Launchcartの詳細は以下を御覧ください。</p>
<p><a href="http://launchcart.jp/" target="_blank">http://launchcart.jp/</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


テンプレートモンスターでLaunchCartオプション(無料)が使えるようになりました

<p>今後注目のキーワードで、我々IT・EC業界においても知っておく必要がある技術<br />
BMI(Brain-machine Interface)の動きが活発化してきたそうなので、メモ。</p>
<h2>世界各国の動向</h3>
<p>アメリカ<br />
2013年4月 &#8211; BRAINイニシアチブを発表<br />
アポロ計画に匹敵する米国の偉大なプロジェクトになる</p>
<p>EU<br />
2013年から10年間で12億ユーロを投資し、<br />
脳の情報処理メカニズムを解明。<br />
(日経新聞より)</p>
<h2>日本企業の動向</h3>
<p>HONDA<br />
<a href="http://world.honda.com/news/2009/c090331Brain-Machine-Interface-Technology/" target="_blank">http://world.honda.com/news/2009/c090331Brain-Machine-Interface-Technology/</a><br />
人が考えることでASIMOが動くという取り組み。</p>
<p>島津製作所<br />
<a href="http://www.shimadzu.co.jp/news/press/miq5fd0000001ee3.html" target="_blank">http://www.shimadzu.co.jp/news/press/miq5fd0000001ee3.html</a><br />
国際電気通信基礎技術研究所、NTT、島津製作所、積水ハウス、慶應大学が共同で<br />
BMIを生活環境で利用できることを明らかに。</p>
<h2>今後について</h3>
<p>現状では脳からの情報の受信機と、それを解読する解読機が必要となり、<br />
それぞれ最初は高価なものとなるだろうから、まずは医療・介護での導入が先行すると思う。<br />
その後価格が下がれば一般消費者向けの家電や車にも搭載されていき<br />
インターネットの新しい操作手段にもなっていくだろう。</p>
<p>そうなると、端末に受信機と解読機(もしくはサーバーに送るだけ)がプリインストールされるわけだが<br />
セキュリティはどうなるのかと疑問に思う。<br />
脳からの情報だけで個人を特定できるのだろうか?<br />
そうしないと暗号化されていない個人情報が錯綜する世の中になってしまう…</p>
<p>その辺も含めて、今後どのような動きをしていくか注目して行きたい。<br />
2013年は3Dプリンタ元年だが、2014年はBMI元年になりそうだ</p>
<p>&nbsp;</p>
<h2>追記</h3>
<p>脳波をパスワードにするシステムが開発されたらしい。</p>
<p><a href="http://www.gizmodo.jp/2013/04/post_12131.html" target="_blank">http://www.gizmodo.jp/2013/04/post_12131.html</a></p>
<p>99%以上の確率で認証が可能とのことなので、ログイン的な個人認証はこの技術で対応できそうだ。</p>
<p>あとは通信の暗号化まで発展させられればすばらしい。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: EC

2013/09/05

2013/09/05

2013/09/05

2013/08/28

2013/08/28

2013/08/21

2013/08/07

2013/08/07

2013/07/24

2013/07/17

2013/06/13

2013/06/06

2013/06/06

2013/05/16

2013/05/08

2013/04/19

2013/04/18

2013/04/04