<p>前々からデスクトップ通知(desktop notifications)をしてくるWebサービスが気になっており、</p>
<p>どうやってやっているのかを調べたところ、すごく簡単に実装できたのでメモ</p>
<p>&nbsp;</p>
<p>調べると色々とやり方があるようだったのだが、ブラウザによって方法が異なり、ちゃんとやるのは難しそうだったので以下のプラグインを使用。</p>
<p>&nbsp;</p>
<p>&lt;a href=&#8221;https://github.com/ttsvetko/HTML5-Desktop-Notifications&#8221; target=&#8221;_blank&#8221;&gt;desktop-notify-min.js&lt;/a&gt;</p>
<p>&nbsp;</p>
<p>サンプルなどがangularjsで書かれており、社内では少し敷居が高そうだったのでjQueryで書きなおした。</p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/54/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<h2>重要な関数たち</h2>
<p>1. permissionLevel()</p>
<p>デスクトップ通知に対するユーザーの設定が帰ってくる。</p>
<p>基本的には以下の3つぷらすその他。</p>
<p>notify.PERMISSION_GRANTED → 許可</p>
<p>notify.PERMISSION_DEFAULT → デフォルト(=全部許可、サイトごとに設定、全部拒否など)</p>
<p>notify.PERMISSION_DENIED → 全部拒否</p>
<p>&nbsp;</p>
<p>戻り値は上記3つと比較する。</p>
<p>デモの例</p>

		<div id="crayon-649540157fcf1865493805" 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 setText()
{
	if ( permissionLevel == notify.PERMISSION_GRANTED )
	{
		$( '#notificationLevel' ).html( 'デスクトップ通知が許可されている環境です' );
	}
	else if ( permissionLevel == notify.PERMISSION_DEFAULT )
	{
		$( '#notificationLevel' ).html( 'デスクトップ通知が許可されていない環境です。&lt;br /&gt;ここをクリックして許可して下さい' );
	}
	else if ( permissionLevel == notify.PERMISSION_DENIED )
	{
		$( '#notificationLevel' ).html( 'デスクトップ通知を完全拒否しています。&lt;br /&gt;ブラウザの設定で許可して下さい' );
	}
	else
	{
		$( '#notificationLevel' ).html( 'よくわからないので出てってください' );
	}	
}</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-649540157fcf1865493805-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-2">2</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-4">4</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-6">6</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-8">8</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-10">10</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-12">12</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-14">14</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-16">16</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157fcf1865493805-18">18</div><div class="crayon-num" data-line="crayon-649540157fcf1865493805-19">19</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-649540157fcf1865493805-1"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">setText</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-3"><span class="crayon-h">	</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">permissionLevel</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-i">notify</span><span class="crayon-sy">.</span><span class="crayon-i">PERMISSION_GRANTED</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-4"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-5"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'#notificationLevel'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'デスクトップ通知が許可されている環境です'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-6"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-7"><span class="crayon-h">	</span><span class="crayon-st">else</span><span class="crayon-h"> </span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">permissionLevel</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-i">notify</span><span class="crayon-sy">.</span><span class="crayon-i">PERMISSION_DEFAULT</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-8"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-9"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'#notificationLevel'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'デスクトップ通知が許可されていない環境です。&lt;br /&gt;ここをクリックして許可して下さい'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-10"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-11"><span class="crayon-h">	</span><span class="crayon-st">else</span><span class="crayon-h"> </span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">permissionLevel</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-i">notify</span><span class="crayon-sy">.</span><span class="crayon-i">PERMISSION_DENIED</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-12"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-13"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'#notificationLevel'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'デスクトップ通知を完全拒否しています。&lt;br /&gt;ブラウザの設定で許可して下さい'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-14"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-15"><span class="crayon-h">	</span><span class="crayon-st">else</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-16"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-17"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'#notificationLevel'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'よくわからないので出てってください'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157fcf1865493805-18"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-h">	</span></div><div class="crayon-line" id="crayon-649540157fcf1865493805-19"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>2. notify.isSupported</p>
<p>ユーザーの環境がそもそもデスクトップ通知に対応しているかどうか</p>
<p>動作環境は以下とのこと</p>
<p>Chrome(version 23+), Safari(version6+), Firefox(with ff-html5notifications plugin installed) and IE9+</p>
<p>たぶんそれ以外だとfalseとなる模様</p>
<p>&nbsp;</p>
<p>3. requestPermission</p>
<p>許可するためのポップアップを出力する。</p>
<p>これがブラウザごとに異なったため苦労したが、1行で完了。</p>
<p>&nbsp;</p>
<p>4. createNotification</p>

		<div id="crayon-649540157fcf5928765366" 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;">
notify.createNotification( 'デスクトップ通知', { body: 'あああああああああああああああああ', icon: 'logo.png' } )</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-649540157fcf5928765366-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-649540157fcf5928765366-1"><span class="crayon-i">notify</span><span class="crayon-sy">.</span><span class="crayon-e">createNotification</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'デスクトップ通知'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-i">body</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'あああああああああああああああああ'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">icon</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'logo.png'</span><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>デモだと上記のように設定している。</p>
<p>&nbsp;</p>
<p>簡単だし便利そうなのでぜひ実際のサービスでも試してみたい</p>

jQueryで簡単にデスクトップ通知を実装する方法

<p>競合やターゲットのECサイトがどんなシステムを使っているのかを判定する方法のまとめ。</p>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>システム名</th>
<th>対象ページ</th>
<th>URL</th>
</tr>
<tr>
<td>EC-CUBE</td>
<td>カートページ</td>
<td>products/list.php</td>
</tr>
<tr>
<td width="77">MakeShopショップサーブ</td>
<td>商品一覧</td>
<td>shop/shopbrand.html</td>
</tr>
<tr>
<td>えびすマート</td>
<td>新規会員登録ページ</td>
<td>member_regist_new.html</td>
</tr>
<tr>
<td>Mtcommerce</td>
<td>ログインページ</td>
<td>apps/shop.cgi</td>
</tr>
<tr>
<td>EC-Orange</td>
<td colspan="2">ECCUBEベースなのでECCUBEと同じ</td>
</tr>
<tr>
<td>たまごカート</td>
<td>カート</td>
<td>shop/display_cart</td>
</tr>
<tr>
<td>Commerce21</td>
<td>会員登録</td>
<td>member/CMmMemberForm.jsp<br />
※一部異なる店舗あり</td>
</tr>
<tr>
<td>HIT-MALL</td>
<td>会員登録</td>
<td>interim/index.html</td>
</tr>
<tr>
<td>EC-Bing</td>
<td>ログインページ</td>
<td>customer/menu.aspx</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>ASPでもスクラッチでも、URLに一定のクセがあるため、URLを検索するとみつかりやすい。</p>
<p>営業リストの作成などにも便利。</p>
<p>ちなみにGoogleはURL検索なくなったぽいので、Yahoo!のものを使うと良いかも。</p>
<p>http://search.yahoo.co.jp/web/advanced</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


【ECサイト】どのシステムを使っているか判定する方法

<p>大手銀行と流通関係の業界団体が、銀行振込した際にリアルタイムで振込先に通知を送るシステムの共同実験をしているとのこと。</p>
<p>現在企業間の支払は請求書発行 → 振込 → 通帳確認 → 着金/未着 という流れが主流。</p>
<p>着金の確認や未着を探したり管理したりするのは面倒。</p>
<p>日々複数の商品とお金のやりとりが発生する流通業界では、どの入金がどの商品のものなのかを照合するのに一苦労だとのこと。</p>
<p>銀行名は非公開だが、大手銀行と流通関係の業界団体が今月実験を開始するという。</p>
<p>実験はEDI(電子データ交換)という通信回線を使い、従来数字とカナ20桁しかやりとりができなかった通信を</p>
<p>商品名や個数など含め140桁までやりとりできるようにするという。</p>
<p>買い手が振り込んだ情報がどの請求書に対するものかが自動で判断できるようになるとのこと。</p>
<p>要は振込に対してコールバックを受け取れるようになる。</p>
<p>考えてみれば、これだけECが一般化されている中で企業間取引で請求書と通帳を照合しているというのはおかしな話だ。</p>
<p>一部クレジットカードを使って取引できるサービスもあるが、手数料や決算時の集計の手間などで一般化はしていない。</p>
<p>銀行直結であれば話は別で、一気に広がりそうだ。</p>
<p>今までの常識が変わる注目したい流れ</p>


銀行振込にコールバック関数実装中

<h2>セブンネットショッピング コンビニで即日受取サービス開始</h2>
<p>セブン&amp;アイ・ホールディングスが、グループのECサイトで購入した商品をコンビニで当日受け取れるサービスを始めるとのこと。</p>
<p>明記されていないが、おそらく対象は以下だと思われる。</p>
<p>セブンネットショッピング</p>
<p>http://www.7netshopping.jp/all/</p>
<p>の中のeデパート、ネットスーパー、セブンミール、アカチャンホンポ。</p>
<p>あとLOFTも対応するようだ。</p>
<p>&nbsp;</p>
<p>サービスをまとめると</p>
<p>・午前7時までの購入で同日19時に受け取れる</p>
<p>・夜中の注文で翌朝出勤時に受け取れる</p>
<p>・全300万商品中150万商品を月内に対応</p>
<p>&nbsp;</p>
<p>現在1500億円のEC売上を20年度に1兆円に引き上げるとのこと。</p>
<p>&nbsp;</p>
<p>すでにECが一般化され、サービス合戦になってきた感じ。</p>
<p>ネット上で買えないものはほぼなくなり価格競争が横行する中</p>
<p>独自の店舗・物流網を活かした新しいサービスに期待がもてそう</p>
<p>&nbsp;</p>
<h2>ローソン12,000店舗でAmazon商品注文受付</h2>
<p>ニーズがあるのか疑問だが、ローソンが店舗のロッピー端末でAmazonの商品を注文 → レジで支払うというサービスを開始するとのこと。</p>
<p>ユーザーのメリットは</p>
<p>・オペレーターが対応 → 高齢者向け</p>
<p>・レジで支払 → 子供向け</p>
<p>とのこと。</p>
<p>店頭で受け取れるのは良いが、忙しいビジネスマンなどはネットで発注するだろうし、個人的には謎なサービスなのだが、今後もアパレルなどAmazon以外の商材も揃えていくとのことだ。</p>


ECに力を入れるコンビニ各社

<p>ソフトバンクがインドやインドネシアのEC企業に相次いで投資したというニュースが話題になっており</p>
<p>アジアのECに注目が集まっている感じがしたので、アジアの国別に主要なECサイトを列挙してみた。</p>
<p>&nbsp;</p>
<p>国の並び順は2013年の名目GDP順であり、各ECサイトは自分がネット上の情報や評判、アクセス数等から判断してピックアップしたもの。</p>
<table>
<tbody>
<tr>
<td rowspan="3">中国</td>
<td>天猫 / 淘宝网</td>
<td><a href="http://www.tmall.com/" target="_blank">http://www.tmall.com/</a><br />
<a href="http://www.taobao.com/" target="_blank">http://www.taobao.com/</a></td>
</tr>
<tr>
<td>京东商城</td>
<td><a href="http://www.jd.com/" target="_blank">http://www.jd.com/</a></td>
</tr>
<tr>
<td>QQ网购</td>
<td><a href="http://www.wanggou.com/" target="_blank">http://www.wanggou.com/</a></td>
</tr>
<tr>
<td rowspan="3">日本</td>
<td>楽天市場</td>
<td><a href="http://www.rakuten.co.jp/" target="_blank">http://www.rakuten.co.jp/</a></td>
</tr>
<tr>
<td>Amazon</td>
<td><a href="http://www.amazon.co.jp/" target="_blank">http://www.amazon.co.jp/</a></td>
</tr>
<tr>
<td>ヤフー</td>
<td><a href="http://www.yahoo.co.jp/" target="_blank">http://www.yahoo.co.jp/</a></td>
</tr>
<tr>
<td rowspan="3">インド</td>
<td>Snapdeal</td>
<td><a href="http://www.snapdeal.com/" target="_blank">http://www.snapdeal.com/</a></td>
</tr>
<tr>
<td>Flipkart</td>
<td><a href="http://www.flipkart.com/" target="_blank">http://www.flipkart.com/</a></td>
</tr>
<tr>
<td>Myntra</td>
<td><a href="http://www.myntra.com/" target="_blank">http://www.myntra.com/</a></td>
</tr>
<tr>
<td rowspan="2">韓国</td>
<td>G-market</td>
<td><a href="http://www.gmarket.co.kr/" target="_blank">http://www.gmarket.co.kr/</a></td>
</tr>
<tr>
<td>interpark</td>
<td><a href="http://www.interpark.com/" target="_blank">http://www.interpark.com/</a></td>
</tr>
<tr>
<td rowspan="3">インドネシア</td>
<td>Kaskus</td>
<td><a href="http://www.kaskus.co.id/" target="_blank">http://www.kaskus.co.id/</a></td>
</tr>
<tr>
<td>TokoBagus</td>
<td><a href="http://www.olx.co.id/" target="_blank">http://www.olx.co.id/</a></td>
</tr>
<tr>
<td>Berniaga</td>
<td><a href="http://www.berniaga.com/" target="_blank">http://www.berniaga.com/</a></td>
</tr>
<tr>
<td rowspan="3">台湾</td>
<td>PChome</td>
<td><a href="http://www.pchome.com.tw/" target="_blank">http://www.pchome.com.tw/</a></td>
</tr>
<tr>
<td>Yahoo</td>
<td><a href="https://tw.yahoo.com/" target="_blank">https://tw.yahoo.com/</a></td>
</tr>
<tr>
<td>博客来</td>
<td><a href="http://www.books.com.tw/" target="_blank">http://www.books.com.tw/</a></td>
</tr>
<tr>
<td rowspan="2">タイ</td>
<td>we love shopping</td>
<td><a href="http://portal.weloveshopping.com/" target="_blank">http://portal.weloveshopping.com/</a></td>
</tr>
<tr>
<td>dealfish</td>
<td><a href="http://www.olx.co.th/" target="_blank">http://www.olx.co.th/</a></td>
</tr>
<tr>
<td rowspan="3">マレーシア</td>
<td>Lelong.my</td>
<td><a href="http://www.lelong.com.my/" target="_blank">http://www.lelong.com.my/</a></td>
</tr>
<tr>
<td>ebay</td>
<td><a href="http://www.ebay.com.my/" target="_blank">http://www.ebay.com.my/</a></td>
</tr>
<tr>
<td>Qoo10</td>
<td><a href="http://www.qoo10.my/" target="_blank">http://www.qoo10.my/</a></td>
</tr>
<tr>
<td rowspan="3">シンガポール</td>
<td>Reebonz</td>
<td><a href="http://www.reebonz.com.sg/" target="_blank">http://www.reebonz.com.sg/</a></td>
</tr>
<tr>
<td>Qoo10</td>
<td><a href="http://www.qoo10.sg/" target="_blank">http://www.qoo10.sg/</a></td>
</tr>
<tr>
<td>Redmart</td>
<td><a href="https://redmart.com/" target="_blank">https://redmart.com/</a></td>
</tr>
<tr>
<td rowspan="3">香港</td>
<td>淘宝网</td>
<td><a href="http://hk.taobao.com/" target="_blank">http://hk.taobao.com/</a></td>
</tr>
<tr>
<td>Yahoo</td>
<td><a href="https://hk.yahoo.com/" target="_blank">https://hk.yahoo.com/</a></td>
</tr>
<tr>
<td>ebay</td>
<td><a href="http://www.ebay.com.hk/" target="_blank">http://www.ebay.com.hk/</a></td>
</tr>
<tr>
<td rowspan="3">フィリピン</td>
<td>Sulit.com.ph</td>
<td><a href="http://www.olx.ph/" target="_blank">http://www.olx.ph/</a></td>
</tr>
<tr>
<td>Ayos Dito</td>
<td><a href="http://www.ayosdito.ph/" target="_blank">http://www.ayosdito.ph/</a></td>
</tr>
<tr>
<td>Lazada Philippines</td>
<td><a href="http://www.lazada.com.ph/" target="_blank">http://www.lazada.com.ph/</a></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>全てかわわからないが、まずはCtoCが人気になり、その後BtoCが巻き返すという流れが主流な模様。</p>


small_cart.png

thumbnail_cart.png

cart.png

アジアのEC

<p>良さそうなEC系サービスのご紹介。</p>
<p><a href="http://openlogi.com/" target="_blank"> openlogi.com</a></p>
<p>料金体系がわかりやすく、シンプルな管理画面から入庫と配送ができる物流サービス。</p>
<p>&nbsp;</p>
<h2>料金体系</h2>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th></th>
<th>メール便</th>
<th colspan="5">宅配便</th>
</tr>
<tr>
<th>サイズ3辺合計</th>
<td>SSサイズ60cm(高さ2cm)以内</p>
<p>重さ：1kg以内</td>
<td>Sサイズ60cm(高さ3.5cm)以内</p>
<p>重さ：2kg以内</td>
<td>Mサイズ60cm以内</p>
<p>重さ：2kg以内</td>
<td>Lサイズ80cm以内</p>
<p>重さ：5kg以内</td>
<td>LLサイズ100cm以内</p>
<p>重さ：10kg以内</td>
<td>3Lサイズ140cm以内</p>
<p>重さ：20kg以内</td>
</tr>
<tr>
<th>入庫料単位：1個</th>
<td colspan="6">15円</td>
</tr>
<tr>
<th>保管料単位：日額1個</th>
<td>0.2円</td>
<td>0.7円</td>
<td>1円</td>
<td>2.5円</td>
<td>6円</td>
<td>10円</td>
</tr>
<tr>
<th>配送料単位：1個口</th>
<td>220円</td>
<td>450円</td>
<td>550円</td>
<td>600円</td>
<td>700円</td>
<td>780円</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>管理画面</h2>
<p>登録は1〜2分程度で完了</p>
<p>シンプルでわかりやすいダッシュボード</p>
<p><a href="/uploads-archive/2014/10/1.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-6056" src="/uploads-archive/2014/10/1.png" alt="1" width="656" height="651" srcset="/uploads-archive/2014/10/1.png 656w, /uploads-archive/2014/10/1-150x150.png 150w, /uploads-archive/2014/10/1-300x297.png 300w, /uploads-archive/2014/10/1-228x226.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<h2>商品登録</h2>
<p>こちらで商品を登録できるもよう。</p>
<p><a href="/uploads-archive/2014/10/2.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-6057" src="/uploads-archive/2014/10/2.png" alt="2" width="656" height="559" srcset="/uploads-archive/2014/10/2.png 656w, /uploads-archive/2014/10/2-300x255.png 300w, /uploads-archive/2014/10/2-228x194.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<h2>入庫依頼</h2>
<p>登録した商品を実際にこちらで入庫する。</p>
<p>伝票を出力して着払いで送れば入庫完了とのこと。</p>
<p><a href="/uploads-archive/2014/10/3.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-6059" src="/uploads-archive/2014/10/3.png" alt="3" width="656" height="557" srcset="/uploads-archive/2014/10/3.png 656w, /uploads-archive/2014/10/3-300x254.png 300w, /uploads-archive/2014/10/3-228x193.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>この先は実際にやってみないとわからないが、</p>
<p>おそらくは入庫済み商品一覧から出庫依頼をかけるようになると思われる。</p>
<p>非常にシンプルでわかりやすく、料金も安く小回りがきくので</p>
<p>良い切り口だと思ったサービスだったので共有しました</p>


【EC】良さそうなサービス

<p>ブリリアント・マシンという概念をGEが提唱しているとのことで、興味あったのでまとめ。</p>
<p>直訳するとすごい機械のような感じで良くわからないが、</p>
<p>結論から言うと、今流行りのビックデータと人口知能、それに工業製品を融合させたらこうなるという考え方。</p>
<p>具体例として、GEの航空機エンジンはニューヨーク &#8211; 成田間で2TBの情報を生成するという。</p>
<p>音や振動などあらゆるデータをセンサーから記憶、解析することにより個々のエンジンのクセを把握。</p>
<p>最終的にはどこが壊れそうかなどといった予測が可能とのこと。</p>
<p>&nbsp;</p>
<p>また、同社のサイト上では供給量を予測するガスタービン、</p>
<p>生データ解析による海燃料技術の効率化などが紹介されている。</p>
<p><a href="http://www.ge.com/stories/brilliant-machines-are-powering-us-future" target="_blank"> http://www.ge.com/stories/brilliant-machines-are-powering-us-future</a></p>
<p>また、ブリリアント・マシンは、単にGEだけの技術ではない。</p>
<p>グーグルががんばっている自動運転車もこれにあたるとのこと。</p>
<p>要は、運転中の道路状況を測定、解析して運転するとともに、</p>
<p>個々の車で実際の道路の状況や危険性などを集積して集合知としている。</p>
<p>&nbsp;</p>
<p>ネット系の我々とは大きくは関係ないが、概念がふわっとしていた</p>
<p>ビッグデータや人工知能といったキーワードがこのキーワードによって現実的になった気がした</p>


ブリリアント・マシンという概念

<p>ECの需要拡大によるREITの好調は以前の記事で紹介したが、</p>
<p>更なる需要拡大を見込んだ動きが最近増えてきているようなので、主要なニュースをまとめてみた。</p>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>会社名</th>
<th>情報</th>
</tr>
<tr>
<td>伊藤忠商事</td>
<td>3年で1000億円</td>
</tr>
<tr>
<td>住友商事</td>
<td>2015年までに500億円</p>
<p>中長期的に1000億円</td>
</tr>
<tr>
<td>三菱商事</td>
<td>REITを設立し2000億円運用</td>
</tr>
<tr>
<td>三井物産</td>
<td>REITを設立し2000億円運用</td>
</tr>
<tr>
<td>スクロール</td>
<td>化粧品および健康食品通販物流拠点に13億円</td>
</tr>
<tr>
<td>イー・ロジット</td>
<td>12,000坪の物流センター新設</td>
</tr>
<tr>
<td>丸紅</td>
<td>子会社統合し新会社</p>
<p>2018年度に売上500億、経常35億目指す</td>
</tr>
<tr>
<td>グローバル・ロジスティック・プロパティーズ</td>
<td>43,100平米の物流センター新設</td>
</tr>
<tr>
<td>リコーロジスティクス</td>
<td>49,878平米の物流センターを城南島に新設</td>
</tr>
<tr>
<td>アマゾン</td>
<td>200,000平米の物流センターを小田原に新設</td>
</tr>
<tr>
<td>良品計画</td>
<td>105,000平米139億円の物流センターを新設</td>
</tr>
</tbody>
</table>
<p>REIT、物流会社に続けて商社系の大きな資金が入ってくることで</p>
<p>ECにとってはサービス合戦が加速しそうだ。</p>
<p>大規模な物流センターが増えると、配送業者が多様化し、価格は下がるし配送スピードも増しそう。</p>
<p>関東であれば即日、などエリア限定での即日サービスは、配送センターを持っていないEC事業者でも近いうちにできるようになりそうだ</p>


【EC】国内の物流系の投資が活況

OpenStreetMapを使ってみた

<p>本日(8月26日)に経済産業省がEC市場調査結果を発表したのでまとめ。</p>
<p>2013年 電子商取引に関する市場調査の結果</p>
<p><a href="http://www.meti.go.jp/press/2014/08/20140826001/20140826001.html" target="_blank"> http://www.meti.go.jp/press/2014/08/20140826001/20140826001.html</a></p>
<p>&nbsp;</p>
<p>ちなみにこれは昨年のまとめ。</p>
<p><a href="/officer/ec%E5%B8%82%E5%A0%B4%E8%A6%8F%E6%A8%A1.html" target="_blank"> /officer/ec%E5%B8%82%E5%A0%B4%E8%A6%8F%E6%A8%A1.html</a></p>
<p>&nbsp;</p>
<h2>国内EC</h3>
<p>・2013年のBtoC市場規模は11.1兆円(前年比 117.4%)</p>
<p>・EC化率は3.67%(前年比 +0.56)</p>
<p>・物販での業種別市場規模は</p>
<p>1位：総合小売業 2兆2,000億円 (前年比 116.4%)</p>
<p>2位：自動車・パーツ、家具・家庭用品・電気製品小売業 1兆6,480億円 (前年比 115.6%)</p>
<p>3位：食品小売業 6,050億円 (前年比 116.7%)</p>
<p>となっており、伸び率は</p>
<p>衣料・アクセサリー小売業 2,200億円 (前年比 125.8%)</p>
<p>が最も高かった。</p>
<p>&nbsp;</p>
<h2>越境EC</h3>
<p>・日本人が米国及び中国からECで購入した額は1,915億円(前年比 1235.4%)</p>
<p>・米国人が日本及び中国からECで購入した額は7,197億円(前年比 950.7%)</p>
<p>・中国人が日本及び米国からECで購入した額は8,072億円(前年比 281.4%)</p>
<p>&nbsp;</p>
<p>以下は2012年調査において、2020年の上記値の予想</p>
<p>・2020年は、日本人が米国及び中国からECで購入した額は427億円</p>
<p>・2020年は、米国人が日本及び中国からECで購入した額は1,732億円</p>
<p>・2020年は、中国人が日本及び米国からECで購入した額は21,022億円</p>
<p>&nbsp;</p>
<p>以下は2013年調査においての2020年の上記値の予想</p>
<p>・2020年は、日本人が米国及び中国からECで購入した額は2,977億円</p>
<p>・2020年は、米国人が日本及び中国からECで購入した額は9,253億円</p>
<p>・2020年は、中国人が日本及び米国からECで購入した額は9,331億円</p>
<p>&nbsp;</p>
<p>・日本の越境EC利用率は10.2%</p>
<p>・米国の越境EC利用率は24.1%</p>
<p>・中国の越境EC利用率は35.4%</p>
<p>&nbsp;</p>
<p>今回は日米中間での購入商品の調査が行われなかった模様。</p>
<p>代わりに使用端末の統計があったが省略。</p>
<p>&nbsp;</p>
<p>全体としては、越境ECが伸びすぎていること。</p>
<p>特に日本人の海外製品に対するニーズは飛躍的にのびている。</p>
<p>バブルにはなってほしくないが、それに近い勢いになっていくであろうことが伺える良い資料となった。</p>


2013年 電子商取引に関する市場調査の結果

<p>最近人工知能関係のニュースをよく見る。</p>
<p>GoogleやFacebookなど大手IT企業が世界中の人工知能関連の会社を買収している。</p>
<p>IBMが人間の脳をまねた半導体を開発し話題になり、ハード面での技術も進歩している。</p>
<p>日本でもソフトバンクがPepperを発表してから関連ワードをよく見るようになった気がする。</p>
<p>&nbsp;</p>
<p>実際に、人工知能でITはどうなるのか?という疑問に対し、</p>
<p>ラリー・ペイジが「聞く前に答えてくれる夢の検索サービスの実現」と言っているという記事があった。</p>
<p>要はユーザーの行動パターンを学習、予想して最適なコンテンツをレコメンドするということのようだ。</p>
<p>最終的には伝えなくても自動的に反応してくれる仕組みを目指しているとのこと。</p>
<p>Googleはこのような人間の考えるという概念への対応と同時に視覚についての対応もしているそうで</p>
<p>人工知能を応用して画像認識をしているJetPacを買収、またスタンフォード大学と共同で1千万枚の画像を読み込ませ</p>
<p>自力でネコを認識させるという研究に成功しているらしい。</p>


IT業界で人工知能が活況

<p>経済産業省が「世界で最もクレジットカードが使いやすい安心・安全な国 日本」の実現のため</p>
<p>クレジットカード決済の健全な発展に向けた研究会の中間報告書</p>
<p><a href="http://www.meti.go.jp/press/2014/07/20140711002/20140711002.html" target="_blank">http://www.meti.go.jp/press/2014/07/20140711002/20140711002.html</a></p>
<p>を発表したということで、考察してみた。</p>
<p>国としてクレジットカードの利用を推奨していると思っていなかったがその理由は大きく分けて以下の3つとのこと。</p>
<h2>1. 外国人訪日客への対応</h3>
<p>観光立国を目指す上で消費を刺激するのと、訪日客が不便に感じたこと4位である「両替・クレジットカード利用」への対応。</p>
<p>たしかにまだまだクレジットカードを使える店が少なく、東京オリンピックまでに環境の整備と安全な取引を推進していくとのこと。</p>
<p>あとは、キャッシングできるATMが約4.4万台と全体の約18.2万台の24％にとどまっていることへの対応もしていくらしい。</p>
<h2>2. 国内取引での利用促進</h3>
<p>現在一部の税金に対し、クレジットカードでの納付が可能であり、今後その動きは増えていくとのこと。<br />
専門のサイトから決済がかのうであり、24時間場所を問わず納税できるため、便利であり納付率も上がったという。</p>
<p>既に一般化したが、ETCなども渋滞の緩和に大きく貢献しているので、公共機関の運営においても期待ができそうだ。</p>
<h2>3. 購入機会の拡大 = ECの発展</h3>
<p>買物難民という言葉が使われているが、過疎によって買い物が困難な状況の人への対応、</p>
<p>または外出が困難な高齢者などへの対応策としてのECも取り上げられている。</p>
<p>&nbsp;</p>
<p>また、課題としてはやはり安全性の向上とのことで、対応策として気になったのが</p>
<p>IC化と加盟店審査の強化というものがあった。</p>
<p>前者は日本国内の約83％が磁気端末とのことだ。</p>
<p>海外ではICを義務付けている国もあり、欧州の主要国はほぼIC化が完了しているとのこと。</p>
<p>&nbsp;</p>
<p>後者はトラブルが増えているケースが多いらしく、特に個人などの加盟店は厳しく規制される可能性があるらしい。</p>
<p>あとは商材によっても厳しくなる可能性がある。</p>
<p>モールなど包括的な加盟店も管理が厳しくなるかもしれない。</p>
<p>今後はクレジットカードが公共性が高くなり、それにつれて料率も下がっていくんだろうなと感じた。<br />
もしかしたら、企業間の決済もクレジットカードになるかもしれない。</p>


世界で最もクレジットカードが使いやすい安心・安全な国

<p>最近ネット上で新しい決済手段についてのニュースがたまに出てくる。</p>
<p>その中で気になったのがこの2つ</p>
<p>http://japan.cnet.com/news/business/35051351/</p>
<p>http://japan.zdnet.com/mobile/analysis/35051435/</p>
<p>1つめが、アップルがモバイル決済サービスを始めるかもしれないというニュースだ。</p>
<p>2つめは、Visaが従来型のカードではなく、トークンによるアカウントの認証で決済する方法を提供するというものだ。</p>
<p>どう見てもウェアラブル対策にしか思えない。</p>
<p>ウェアラブル端末をきかっけに、モバイル決済が飛躍的に普及すると予想しているようだ。</p>
<p>今までも便利なモバイル決済機能はいくつかあったが、これを機にいっきに普及させる上での覇権争いが始まりつつ有るのかもしれない。</p>
<p>例えば、アップルからすると、自社のウェアラブル端末にモバイル決済機能をプリインストールし、<br />
アップルIDに紐付いたクレジットカード情報から引き落とすのは簡単だと思う。</p>
<p>要はクレジットカード会社から顧客の口座情報を仕入れているわけで、これを独自でやることによって手数料収入を得ようとしているのかもしれない。</p>
<p>ここで得た情報をiTunesやAppStoreでも使えるようにしたらかなりの収益アップに繋がりそう。</p>
<p>Visaは、このような川上の利権をアップルなどのハートメーカーに握られるのを防ぐための対応策なのかもしれない。</p>
<p>いずれにせよ、クレジットカードが前提であった構造が、これを機に変わっていくかもしれない</p>


新しい決済手段

<p>ECをやっていると、たまにレコメンドエンジンやサイト内検索の話題が出てくる。</p>
<p>勉強のため、良さそうなものを15個ピックアップしてみた。</p>
<p>(あいうえお順)</p>
<p>&nbsp;</p>
<h2>アイジェント・レコメンダー</h3>
<p><a href="http://www.silveregg.co.jp/recommend/aigentrcmnd/index.html" target="_blank"> http://www.silveregg.co.jp/recommend/aigentrcmnd/index.html</a></p>
<p>初期費用：無料?</p>
<p>月額費用：レコメンド経由での売上額×5%</p>
<h2>アールトースター</h3>
<p><a href="http://www.rtoaster.com/" target="_blank"> http://www.rtoaster.com/</a></p>
<p>初期費用：無料?</p>
<p>月額費用：15万円</p>
<h2>ac propoza</h3>
<p><a href="http://www.activecore.jp/service/propoza/index.html" target="_blank"> http://www.activecore.jp/service/propoza/index.html</a></p>
<p>初期費用：30万円</p>
<p>月額費用：10万円</p>
<h2>おまかせ！ログレコメンダー</h3>
<p><a href="http://www.albert2005.co.jp/logreco/index.html" target="_blank"> http://www.albert2005.co.jp/logreco/index.html</a></p>
<p>初期費用：20万円</p>
<p>月額費用：10万円～</p>
<h2>おもてなしレコメンド</h3>
<p><a href="http://biz.taggy.jp/product/omotenashi.php" target="_blank"> http://biz.taggy.jp/product/omotenashi.php</a></p>
<p>初期費用：50万円</p>
<p>月額費用：10万円</p>
<h2>さぶみっと！レコメンド</h3>
<p><a href="http://recommend.submit.ne.jp/" target="_blank"> http://recommend.submit.ne.jp/</a></p>
<p>初期費用；99,000円〜</p>
<p>月額費用；39,000円〜</p>
<h2>jetrunレコメンドエンジン</h3>
<p><a href="http://www.jetrun.co.jp/recommend-engine.html" target="_blank"> http://www.jetrun.co.jp/recommend-engine.html</a></p>
<p>初期費用：20万円</p>
<p>月額費用：17万円</p>
<h2>ZERO-ZONE Recommend</h3>
<p><a href="http://zero-start.jp/products/zero-zone-recommend" target="_blank"> http://zero-start.jp/products/zero-zone-recommend</a></p>
<p>-ライセンス一括購入型</p>
<p>初期費用：1800万円</p>
<p>年間費用：180万円</p>
<p>-ライセンス月額レンタル型</p>
<p>初期費用：60万円</p>
<p>月額比喩：30万円</p>
<h2>チームラボレコメンデーション</h3>
<p><a href="http://www.team-lab.com/products/recommend.html" target="_blank"> http://www.team-lab.com/products/recommend.html</a></p>
<p>初期費用：50万円〜</p>
<p>月額費用；10万円〜</p>
<h2>デクワス</h3>
<p><a href="http://www.deqwas.com/" target="_blank"> http://www.deqwas.com/</a></p>
<p>初期費用：無料?</p>
<p>月額費用：月額15万円 or 成果報酬型</p>
<h2>NaviPlusレコメンド</h3>
<p><a href="http://www.naviplus.co.jp/recommend/" target="_blank"> http://www.naviplus.co.jp/recommend/</a></p>
<p>初期費用：20万円</p>
<p>月額費用：5万円〜</p>
<h2>パーソナライズド・レコメンダー</h3>
<p><a href="http://recommend.appirits.com/index.html" target="_blank"> http://recommend.appirits.com/index.html</a></p>
<p>初期費用：20万円〜</p>
<p>月額費用：5万円〜</p>
<h2>楽レコ</h3>
<p><a href="http://www.luckrec.jp/" target="_blank"> http://www.luckrec.jp/</a></p>
<p>初期費用：5万円</p>
<p>月額費用：2万円</p>
<h2>Reco king</h3>
<p><a href="http://rking.jp/" target="_blank"> http://rking.jp/</a></p>
<p>初期費用：3万円</p>
<p>月額費用：19,800円</p>
<h2>レゾナンス</h3>
<p><a href="http://www.p-id.jp/recommendation/" target="_blank"> http://www.p-id.jp/recommendation/</a></p>
<p>初期費用：40万円</p>
<p>月額費用：30万円</p>


良さそうなレコメンドエンジン15個

<p>スマホの普及とSNS系のサービスが日常化したせいか、個人間でのネット上のやりとりが更に加速しているようで<br />
様々なCtoCのサービスが特に欧米で活発なようだ。</p>
<h2>家：Airbnb‎</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5222" alt="1" src="/uploads-archive/2014/07/1.png" width="656" height="390" srcset="/uploads-archive/2014/07/1.png 656w, /uploads-archive/2014/07/1-300x178.png 300w, /uploads-archive/2014/07/1-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>今や日本でも有名な空き家オーナーと利用者のマッチングサイト。</p>
<p>類似サービスはいくつかあるが、国内ではYahoo!が軽井沢の別荘を予約できるサービスを作り話題になった。</p>
<h2>車：Uber</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5221" alt="2" src="/uploads-archive/2014/07/2.png" width="656" height="390" srcset="/uploads-archive/2014/07/2.png 656w, /uploads-archive/2014/07/2-300x178.png 300w, /uploads-archive/2014/07/2-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>個人がドライバー登録してアプリから呼べるハイヤーサービス。</p>
<p>6月、時価総額が170億ドルとなり非上場企業として最大規模、IT系では最大の評価。</p>
<h2>食：Cookisto</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5223" alt="3" src="/uploads-archive/2014/07/3.png" width="656" height="390" srcset="/uploads-archive/2014/07/3.png 656w, /uploads-archive/2014/07/3-300x178.png 300w, /uploads-archive/2014/07/3-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>家の近くに登録してある提供元から料理を買うことができる。</p>
<p>家庭料理を食べることができ、お小遣い稼ぎになるという。</p>
<h2>知：coconala</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5224" alt="4" src="/uploads-archive/2014/07/4.png" width="656" height="390" srcset="/uploads-archive/2014/07/4.png 656w, /uploads-archive/2014/07/4-300x178.png 300w, /uploads-archive/2014/07/4-228x135.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>最近耳にすることが多くなってきた。</p>
<p>ヨガとか占いとか悩み相談とかに長けた人と利用者をマッチングしている。</p>
<p>食べ物まであるというのは知らなかったので驚いたが</p>
<p>そのレベルで個人からものを買うということに対しての信頼性が高まっているというところが興味深い。</p>
<p>どのサービスも運営会社がクレジットカードでの決済を仲介し、売り手側のリスクを最小化している。</p>
<p>ユーザーは売り手側に付けられた評価を参考に購入先を選ぶ。</p>
<p>今まで利権がからんでいたところを企業が入らない = CtoCによって常識が変わりつつあり、<br />
Uberなどは今まさに摩擦が生じているが、法律やユーザーの行動が今後どのようになっていくかは注目していきたい。</p>
<p>個人的には屋外広告のマッチングなどあったらおもしろいと思った。</p>


CtoC 様々なマッチング系サービス

<p>本日の日経朝刊に、シャープがどんな形にもできる液晶パネルを開発、との記事があった。</p>
<p>サンプルで載っていたのはこんな感じ。</p>
<p><a href="/uploads-archive/2014/06/Free_Form_Display1_140617_588x.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5108" alt="Free_Form_Display1_140617_588x" src="/uploads-archive/2014/06/Free_Form_Display1_140617_588x.jpg" width="588" height="441" srcset="/uploads-archive/2014/06/Free_Form_Display1_140617_588x.jpg 588w, /uploads-archive/2014/06/Free_Form_Display1_140617_588x-300x225.jpg 300w, /uploads-archive/2014/06/Free_Form_Display1_140617_588x-228x171.jpg 228w" sizes="(max-width: 588px) 100vw, 588px" /></a></p>
<p>記事によると、曲線的なラインをつけたり、穴を空けたりすることも可能だという。</p>
<p>&nbsp;</p>
<p>真ん中のやつが全部モニタになっていたり</p>
<p><a href="/uploads-archive/2014/06/1.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5126" alt="1" src="/uploads-archive/2014/06/1.png" width="656" height="328" srcset="/uploads-archive/2014/06/1.png 656w, /uploads-archive/2014/06/1-300x150.png 300w, /uploads-archive/2014/06/1-228x113.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>ハンドル内がモニタになる可能性もある。</p>
<p><a href="/uploads-archive/2014/06/2.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-5124" alt="2" src="/uploads-archive/2014/06/2.png" width="656" height="328" srcset="/uploads-archive/2014/06/2.png 656w, /uploads-archive/2014/06/2-300x150.png 300w, /uploads-archive/2014/06/2-228x113.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>あとは丸いモニタはいろんなところで出てくるかもしれない。</p>
<p><a href="/uploads-archive/2014/06/3.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-5125" alt="3" src="/uploads-archive/2014/06/3-290x300.png" width="290" height="300" srcset="/uploads-archive/2014/06/3-290x300.png 290w, /uploads-archive/2014/06/3-228x235.png 228w, /uploads-archive/2014/06/3.png 519w" sizes="(max-width: 290px) 100vw, 290px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>おそらく、ばらばら過ぎて対応しきれないのでデザインとしては今まで通りでよいかと思われるが、</p>
<p>特定のシチュエーションでの閲覧が多いと予想される場合はあるかもしれないのでメモ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


四角形だけじゃない、これからのモニタとWebデザインの形

<p>YYYY-MM-DDTHH:MM:SS+09:00 (e.g. 2014-06-18T19:56:00+09:00)</p>
<p>というフォーマット指定の日付を扱う必要があり、特に問題なく進んでいたのだがIE7以前でエラーが発生。</p>
<p>具体的には</p>

		<div id="crayon-6495401577fe6848620309" 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;">
// 文字列で来る
var s = '2014-06-18T19:56:00+09:00';
var d = new Date( s );</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-6495401577fe6848620309-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fe6848620309-2">2</div><div class="crayon-num" data-line="crayon-6495401577fe6848620309-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-6495401577fe6848620309-1"><span class="crayon-c">// 文字列で来る</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fe6848620309-2"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-e ">s</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'2014-06-18T19:56:00+09:00'</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401577fe6848620309-3"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">d</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-r">Date</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">s</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>という感じで、問題のフォーマットの日時がJsonで来るので文字列になっており</p>
<p><span style="line-height: 1.5em;">それを日付に変換したいのだが、IE7以下ではNaNが返ってきてしまう。</span></p>
<p>色々と調べた結果、以下の方法しかない?ことがわかった。</p>

		<div id="crayon-6495401577fea688763031" 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;">
var s = '2015-05-25T19:56:00+09:00';
var s1 = s.split( 'T' );
var s2 = s1[0].split( '-' );
var s3 = s1[1].split( '+' );
var s4 = s3[0].split( ':' );
var s5 = new Date( s1[0] );

alert(s2[0]); //年
alert(s2[1]); //月
alert(s2[2]); //日

alert(s4[0]); //時
alert(s4[1]); //分
alert(s4[2]); //秒

alert(s5.getDay()); //曜日</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-6495401577fea688763031-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-2">2</div><div class="crayon-num" data-line="crayon-6495401577fea688763031-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-4">4</div><div class="crayon-num" data-line="crayon-6495401577fea688763031-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-6">6</div><div class="crayon-num" data-line="crayon-6495401577fea688763031-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-8">8</div><div class="crayon-num" data-line="crayon-6495401577fea688763031-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-10">10</div><div class="crayon-num" data-line="crayon-6495401577fea688763031-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-12">12</div><div class="crayon-num" data-line="crayon-6495401577fea688763031-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-14">14</div><div class="crayon-num" data-line="crayon-6495401577fea688763031-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401577fea688763031-16">16</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-6495401577fea688763031-1"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-e ">s</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'2015-05-25T19:56:00+09:00'</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-2"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">s1</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">s</span><span class="crayon-sy">.</span><span class="crayon-e">split</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'T'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401577fea688763031-3"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">s2</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">s1</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">.</span><span class="crayon-e">split</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'-'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-4"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">s3</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">s1</span><span class="crayon-sy">[</span><span class="crayon-cn">1</span><span class="crayon-sy">]</span><span class="crayon-sy">.</span><span class="crayon-e">split</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'+'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401577fea688763031-5"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">s4</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">s3</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">.</span><span class="crayon-e">split</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">':'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-6"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">s5</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-r">Date</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">s1</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401577fea688763031-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-8"><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-i">s2</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//年</span></div><div class="crayon-line" id="crayon-6495401577fea688763031-9"><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-i">s2</span><span class="crayon-sy">[</span><span class="crayon-cn">1</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//月</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-10"><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-i">s2</span><span class="crayon-sy">[</span><span class="crayon-cn">2</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//日</span></div><div class="crayon-line" id="crayon-6495401577fea688763031-11">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-12"><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-i">s4</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//時</span></div><div class="crayon-line" id="crayon-6495401577fea688763031-13"><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-i">s4</span><span class="crayon-sy">[</span><span class="crayon-cn">1</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//分</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-14"><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-i">s4</span><span class="crayon-sy">[</span><span class="crayon-cn">2</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//秒</span></div><div class="crayon-line" id="crayon-6495401577fea688763031-15">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401577fea688763031-16"><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-i">s5</span><span class="crayon-sy">.</span><span class="crayon-e">getDay</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-c">//曜日</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>

IE7以前で対応していない日付フォーマットの扱い方

<p>Alibaba(阿里巴巴)が新たなECプラットフォーム「11 Main」のβ版をリリース</p>
<p><a href="https://11main.com/" target="_blank"> https://11main.com/</a></p>
<p>&nbsp;</p>
<p>インビテーションの申請をしたが、すぐには返信来ないようなので、サイトについての説明を翻訳してみた。</p>
<p>&nbsp;</p>
<h2>あなたのビジネスで最高の店</h3>
<p>顧客の追跡が可能であり何度もあなたの店で購入するように刺激します</p>
<p>11 Mainは招待された方のみ利用できます</p>
<p>&nbsp;</p>
<h2>顧客とのつながり</h3>
<p>11 Mainはスタイリッシュ且つ専門的に顧客とつながりを持てる店です。</p>
<p>11 Mainでは、顧客はあなたのことについて知ることができ、容易にアクセス又はフォローすることができます。</p>
<p>・顧客と1対1の関係を築ける</p>
<p>・11 Mainが資金提供した顧客への特別オファーができる</p>
<p>・11 Mainによるターゲットマーケティングによるプロモーションができる</p>
<p>&nbsp;</p>
<h2>ストーリーを共有しよう</h3>
<p>あなたのブランドアイデンティティは、あなたの販売する全ての商品に関連付けられる。顧客と個人的につながることができる。</p>
<p>顧客は店から、そのストーリー、見どころ、情熱を聞きたいと思っている。</p>
<p>あなたのアイデンティティは11 Mainで輝くでしょう。</p>
<p>&nbsp;</p>
<h2>シンプルで手頃な価格</h3>
<p>11 Mainはあなたのビジネスにおいて、シンプルで手軽に続けられるプラットフォームとなるでしょう。</p>
<p>あなたは、あなたのすばらしい商品を最良の価格で販売することができ、リピーターを獲得することができるでしょう。</p>
<p>11 Mainの招待を要求することにより、より詳細の情報をご連絡します。</p>
<p>&nbsp;</p>
<h2>11 Mainはあなたに有益か?</h3>
<p>私達は厳選されたショップであり、</p>
<p>11 Mainのキーカテゴリーにより興味深く、高品質の商品をてご提供</p>
<p>成功するECサイトご提供</p>
<p>優れた顧客へのサービスを提供</p>
<p>美しく、クリアな詳細画像を掲載し、偽りのない説明を提供、リーズナブルな価格で、米国から高速に配信します</p>
<p>&nbsp;</p>
<p>私の英語力のせいか、まだ深く理解できていないが、今後注目していきたい</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: hoshino

2014/11/26

2014/11/12

2014/11/05

2014/10/29

2014/10/29

2014/10/21

2014/09/17

2014/09/09

2014/09/03

2014/08/26

2014/08/20

2014/08/06

2014/07/30

2014/07/16

2014/07/09

2014/06/25

2014/06/19

2014/06/13