<h3>前回までのお話</h3>
<p>私立EC大学を卒業して、新任越境EC担当者に任命された斎藤くん。<br />
上司に言われて中国越境をモール出店からスタートしたものの、思うような結果が出ず…。<br />
独自サイトに希望を託すものの、そこには大きな障壁が…？！</p>

<h3>第三話</h3>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13017" src="/uploads-archive/2017/07/2ac0f9f44aa2969992d05894b6a08403-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/2ac0f9f44aa2969992d05894b6a08403-709x1024.jpg 709w, /uploads-archive/2017/07/2ac0f9f44aa2969992d05894b6a08403-208x300.jpg 208w, /uploads-archive/2017/07/2ac0f9f44aa2969992d05894b6a08403-228x329.jpg 228w, /uploads-archive/2017/07/2ac0f9f44aa2969992d05894b6a08403.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13018" src="/uploads-archive/2017/07/ccfaf531cfe3bd76729c9024de6815a8-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/ccfaf531cfe3bd76729c9024de6815a8-709x1024.jpg 709w, /uploads-archive/2017/07/ccfaf531cfe3bd76729c9024de6815a8-208x300.jpg 208w, /uploads-archive/2017/07/ccfaf531cfe3bd76729c9024de6815a8-228x329.jpg 228w, /uploads-archive/2017/07/ccfaf531cfe3bd76729c9024de6815a8.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13019" src="/uploads-archive/2017/07/6f89200a233102a09ad3b260eee61445-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/6f89200a233102a09ad3b260eee61445-709x1024.jpg 709w, /uploads-archive/2017/07/6f89200a233102a09ad3b260eee61445-208x300.jpg 208w, /uploads-archive/2017/07/6f89200a233102a09ad3b260eee61445-228x329.jpg 228w, /uploads-archive/2017/07/6f89200a233102a09ad3b260eee61445.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13020" src="/uploads-archive/2017/07/e19a3fc06b040784e999b95d2f032e0b-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/e19a3fc06b040784e999b95d2f032e0b-709x1024.jpg 709w, /uploads-archive/2017/07/e19a3fc06b040784e999b95d2f032e0b-208x300.jpg 208w, /uploads-archive/2017/07/e19a3fc06b040784e999b95d2f032e0b-228x329.jpg 228w, /uploads-archive/2017/07/e19a3fc06b040784e999b95d2f032e0b.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13021" src="/uploads-archive/2017/07/1dc4d19d2886d8dd5d75a53eed27a1bc-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/1dc4d19d2886d8dd5d75a53eed27a1bc-709x1024.jpg 709w, /uploads-archive/2017/07/1dc4d19d2886d8dd5d75a53eed27a1bc-208x300.jpg 208w, /uploads-archive/2017/07/1dc4d19d2886d8dd5d75a53eed27a1bc-228x329.jpg 228w, /uploads-archive/2017/07/1dc4d19d2886d8dd5d75a53eed27a1bc.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13022" src="/uploads-archive/2017/07/6d3eceb04d96c11441a0f84b5d8cb6b0-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/6d3eceb04d96c11441a0f84b5d8cb6b0-709x1024.jpg 709w, /uploads-archive/2017/07/6d3eceb04d96c11441a0f84b5d8cb6b0-208x300.jpg 208w, /uploads-archive/2017/07/6d3eceb04d96c11441a0f84b5d8cb6b0-228x329.jpg 228w, /uploads-archive/2017/07/6d3eceb04d96c11441a0f84b5d8cb6b0.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13023" src="/uploads-archive/2017/07/6e8b190971b60a89390f6275696650f9-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/6e8b190971b60a89390f6275696650f9-709x1024.jpg 709w, /uploads-archive/2017/07/6e8b190971b60a89390f6275696650f9-208x300.jpg 208w, /uploads-archive/2017/07/6e8b190971b60a89390f6275696650f9-228x329.jpg 228w, /uploads-archive/2017/07/6e8b190971b60a89390f6275696650f9.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13024" src="/uploads-archive/2017/07/0102562b58277cf46fa1af23c664ffc5-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/0102562b58277cf46fa1af23c664ffc5-709x1024.jpg 709w, /uploads-archive/2017/07/0102562b58277cf46fa1af23c664ffc5-208x300.jpg 208w, /uploads-archive/2017/07/0102562b58277cf46fa1af23c664ffc5-228x329.jpg 228w, /uploads-archive/2017/07/0102562b58277cf46fa1af23c664ffc5.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13025" src="/uploads-archive/2017/07/c6db9b558a62d1c26990297d28cc6901-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/c6db9b558a62d1c26990297d28cc6901-709x1024.jpg 709w, /uploads-archive/2017/07/c6db9b558a62d1c26990297d28cc6901-208x300.jpg 208w, /uploads-archive/2017/07/c6db9b558a62d1c26990297d28cc6901-228x329.jpg 228w, /uploads-archive/2017/07/c6db9b558a62d1c26990297d28cc6901.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13026" src="/uploads-archive/2017/07/7d90b81ae27a13938e211e1ed1f9a2dc-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/7d90b81ae27a13938e211e1ed1f9a2dc-709x1024.jpg 709w, /uploads-archive/2017/07/7d90b81ae27a13938e211e1ed1f9a2dc-208x300.jpg 208w, /uploads-archive/2017/07/7d90b81ae27a13938e211e1ed1f9a2dc-228x329.jpg 228w, /uploads-archive/2017/07/7d90b81ae27a13938e211e1ed1f9a2dc.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13027" src="/uploads-archive/2017/07/8da89575c9b3441c9971d7a8cbab1c3e-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/8da89575c9b3441c9971d7a8cbab1c3e-709x1024.jpg 709w, /uploads-archive/2017/07/8da89575c9b3441c9971d7a8cbab1c3e-208x300.jpg 208w, /uploads-archive/2017/07/8da89575c9b3441c9971d7a8cbab1c3e-228x329.jpg 228w, /uploads-archive/2017/07/8da89575c9b3441c9971d7a8cbab1c3e.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p><img decoding="async" loading="lazy" class="alignleft size-large wp-image-13028" src="/uploads-archive/2017/07/df292ad6b3fa1d41cf98b96a04be1b8e-709x1024.jpg" alt="" width="709" height="1024" srcset="/uploads-archive/2017/07/df292ad6b3fa1d41cf98b96a04be1b8e-709x1024.jpg 709w, /uploads-archive/2017/07/df292ad6b3fa1d41cf98b96a04be1b8e-208x300.jpg 208w, /uploads-archive/2017/07/df292ad6b3fa1d41cf98b96a04be1b8e-228x329.jpg 228w, /uploads-archive/2017/07/df292ad6b3fa1d41cf98b96a04be1b8e.jpg 720w" sizes="(max-width: 709px) 100vw, 709px" /></p>
<p>最初のコマに戻ったの分かりました？<br />
次号いよいよ涙の大団円！　</p>
<h3>ブラックジャックによろしくを二次利用させていただきました</h3>
<p>下記利用規約に則り、作品を二次利用させていただきました。</p>
<p><a href="http://mangaonweb.com/satoshuho/download/#kiyaku">利用規約</a></p>
<table>
<tbody>
<tr>
<td>タイトル</td>
<td>ブラックジャックによろしく</td>
</tr>
<tr>
<td>著者名</td>
<td>佐藤秀峰</td>
</tr>
<tr>
<td>サイト名</td>
<td>漫画 on web</td>
</tr>
</tbody>
</table>


large_スライド01.jpg

medium_スライド01.jpg

small_スライド01.jpg

thumbnail_スライド01.jpg

スライド01.jpg

(3)漫画でわかる越境EC！越境EC担当者によろしく！

wordpressのサーバー移行をphpmyadminを使わずにターミナルでやってみた

<p>日本、韓国、中国においてカラーコンタクトレンズは女性のオシャレアイテムとして十分に浸透していますが、その他の国ではどうなのでしょうか？</p>
<p>成長を続ける東南アジア地域は、市場としても非常に気になるところです。どんなレンズが流通しているのか？どれくらい浸透しているのか？少しではありますが今回はマレーシアをリサーチしてみました。</p>
<h3>どんなレンズが流通している？</h3>
<p><a href="http://www.freshkon.com/country/malaysia/index.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12964" src="/uploads-archive/2017/06/2.jpg" alt="" width="640" height="259" srcset="/uploads-archive/2017/06/2.jpg 640w, /uploads-archive/2017/06/2-300x121.jpg 300w, /uploads-archive/2017/06/2-228x92.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p><a href="http://www.eyesecret.com.my/#aboutus"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12959" src="/uploads-archive/2017/06/1.jpg" alt="" width="640" height="319" srcset="/uploads-archive/2017/06/1.jpg 640w, /uploads-archive/2017/06/1-300x150.jpg 300w, /uploads-archive/2017/06/1-228x114.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>メーカーとしては「Fresh Kon」と「HORIEN」という社名がすぐに検索にヒットします。おそらく現地の大手メーカーのようです。</p>
<p>まずレンズのデザインですが、トーン数（色の数）は3トーンまでちゃんとあるし、瞳に自然になじむドットで色を付けているデザインも存在していて、日本メーカーの製品とさほど違いは無い印象を受けました。違う点としては派手な色使いが多い感じがします。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12969" src="/uploads-archive/2017/06/3.jpg" alt="" width="640" height="323" srcset="/uploads-archive/2017/06/3.jpg 640w, /uploads-archive/2017/06/3-300x151.jpg 300w, /uploads-archive/2017/06/3-228x115.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>使用期間については日本よりも長い使用期間のレンズが多く出回っているようです。日本では以前まで1年間使用可能なコンベンショナルと呼ばれるタイプのカラコンが存在しましたが、現在は1か月間が最長の使用期間になります。それに比べてマレーシアでは3か月間使用や半年間使用可能なレンズもあるようです。</p>
<p>含水率やUVカットなどその他の要素についても、日本メーカーと何ら変わらない印象です。それもそのはず、HORIENのレンズを製造しているのは、日本で流通しているカラコンも製造請け負っている企業でした。</p>
<p>日本製と同等の品質のレンズが存在している以上、マレーシアでカラコンを商材として扱うにはそれなりのブランディングが必要になりそうです。</p>
<h2>どれくらい浸透しているのか？</h2>
<p>下の動画はマレーシア人女性によるカラコンのレビュー動画です。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/QvXf5C-0AWY?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>こちらはMira Cikcitさんというコスメや美容をメインにしたブロガーさん。ちょっと有名なようです。</p>
<p><a href="http://miracikcit.blogspot.jp/2015/07/review-review-horien-eye-secret-38-3.html">http://miracikcit.blogspot.jp/2015/07/review-review-horien-eye-secret-38-3.html</a></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/RfxtQ0HVM4k?start=427&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/I1UWj82e7EA?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/rgKT9CF74Yk?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>ここでもどちらかというと派手めなレンズを使用していますが、顔がはっきりしているマレーシアの方にとっては派手目なレンズが人気のようです。</p>
<p>すこし検索しただけでマレーシア人女性による動画や記事がかなり出てくる事を考えると広くカラコンは浸透しているようです。</p>
<p><a href="http://www.freshkon.com/country/malaysia/stores.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12982" src="/uploads-archive/2017/06/4.jpg" alt="" width="640" height="376" srcset="/uploads-archive/2017/06/4.jpg 640w, /uploads-archive/2017/06/4-300x176.jpg 300w, /uploads-archive/2017/06/4-228x134.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>先ほどご紹介したFresh Konの製品を扱っている店舗数は1862もあり、リアル店舗でも容易に購入できるようです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


世界のカラコン事情 マレーシア編

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  ドキュメントを作る際にER図を作るのが面倒<br />
  既存のものを参考にしたい</p>
<p>  などのケースがありがちなのでRailsのgemを導入してどんなものかやってみました。</p></div>
<h3>インストール</h3>
<div style="padding-left: 15px;">
  Railsプロジェクト直下のGemfileを以下のように編集します</p>
<p></p>

		<div id="crayon-6495402648c82952385007" 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">diff</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;">
  + group :development do
  +   gem 'rails-erd'
  + end</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-6495402648c82952385007-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402648c82952385007-2">2</div><div class="crayon-num" data-line="crayon-6495402648c82952385007-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-6495402648c82952385007-1"><span class="crayon-sy">&nbsp;&nbsp;+ group :development do</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402648c82952385007-2"><span class="crayon-sy">&nbsp;&nbsp;+&nbsp;&nbsp; gem 'rails-erd'</span></div><div class="crayon-line" id="crayon-6495402648c82952385007-3"><span class="crayon-sy">&nbsp;&nbsp;+ end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>追加行を差分で示してあります。<br />
  開発時にしか使わないであろう機能なのでdevelopmentモードのみ。</p>
<p>  上記の編集後、bundle install実行</p>

		<div id="crayon-6495402648c87426074982" 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">Shell</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;">
  bundle install --path=vendor/bundler</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-6495402648c87426074982-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-6495402648c87426074982-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">bundle </span><span class="crayon-i">install</span><span class="crayon-h"> </span>--<span class="crayon-i">path</span>=<span class="crayon-i">vendor</span>/<span class="crayon-i">bundler</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>以上で終わり。</p></div>
<h3>PDfに出力してみる</h3>
<div style="padding-left: 15px;">
  早速使ってみる。<br />


		<div id="crayon-6495402648c88471984682" 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">Shell</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;">
  bundle exec erd</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-6495402648c88471984682-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-6495402648c88471984682-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">bundle </span><span class="crayon-e">exec </span><span class="crayon-i">erd</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
  実行すればプロジェクトディレクトリ直下にerd.pdfが生成されます。</p>
<p>  全容が見えない程度にPDFのスクリーン・ショットが以下のような感じに<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/06/b647f1527c445fe41fcfe15b4c90aae5-300x64.png" alt="" width="300" height="64" class="alignnone size-medium wp-image-12977" srcset="/uploads-archive/2017/06/b647f1527c445fe41fcfe15b4c90aae5-300x64.png 300w, /uploads-archive/2017/06/b647f1527c445fe41fcfe15b4c90aae5-768x163.png 768w, /uploads-archive/2017/06/b647f1527c445fe41fcfe15b4c90aae5-1024x218.png 1024w, /uploads-archive/2017/06/b647f1527c445fe41fcfe15b4c90aae5-228x49.png 228w, /uploads-archive/2017/06/b647f1527c445fe41fcfe15b4c90aae5.png 1866w" sizes="(max-width: 300px) 100vw, 300px" /><br />
  とても見づらい。<br />
  RDBの中からすぐ見つからないようなModelリレーションや継承も解らない。<br />
  結論：使えない</p>
<p>  筆者としては以下のようなリレーションの出力を期待していたのですが・・・自作するしかないのかもしれません。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2017/06/rails_model_relation-300x221.png" alt="" width="300" height="221" class="alignnone size-medium wp-image-12976" srcset="/uploads-archive/2017/06/rails_model_relation-300x221.png 300w, /uploads-archive/2017/06/rails_model_relation-768x566.png 768w, /uploads-archive/2017/06/rails_model_relation-1024x755.png 1024w, /uploads-archive/2017/06/rails_model_relation-228x168.png 228w, /uploads-archive/2017/06/rails_model_relation.png 1465w" sizes="(max-width: 300px) 100vw, 300px" />
</div>

Railsのリレーション関係を記す

<h2>セミナー概要</h2>
<h3>テーマ</h3>
<p>初めての越境EC！　まず台湾からスモールスタート！<br />
〜イマ注目の台湾越境EC！サイト構築から物流、マーケティングまで〜　</p>
<h3>開催日</h3>
<p>2017年6月 13 日（火）15：00～17：30</p>
<h3>会場</h3>
<p>スターフィールド株式会社　セミナールーム（東京都豊島区高田3丁目9−7　地下一階）</p>
<h3>講師</h3>
<p>第一部　　スターフィールド株式会社　橋本 宏基<br />
第二部　　アイモバイル台湾代表取締役社長　佐藤大介　様</p>
<h3>概要</h3>
<p>「初めての越境EC」「スモールスタート」をキーワードに、世界で最も親日的で日本の商品が大人気の台湾市場をターゲットとした、”台湾向け越境ECの基本”についてお伝えしました。</p>
<h2>第一部</h2>
<p>なぜ今台湾市場が注目されているのかについて、最新中国越境EC事情をもとに説明。</p>
<p>また、人口の少なさから敬遠されがちな台湾市場が、じつは非常に魅力的なEC先進国であるということを、日本/中国/台湾の３国の情報を表でまとめながら示しました。</p>
<p>また、実際台湾越境をはじめる際に、課題となる「物流」「カスタマーサポート」「ECサイト構築」について、テストマーケティングから本格参入まで、各ステージごとに取るべき方法をご説明しました。</p>
<h2>第二部</h2>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2017/06/IMG_2531-1024x768.jpg" alt="" width="1024" height="768" class="alignleft size-large wp-image-12971" srcset="/uploads-archive/2017/06/IMG_2531-1024x768.jpg 1024w, /uploads-archive/2017/06/IMG_2531-300x225.jpg 300w, /uploads-archive/2017/06/IMG_2531-768x576.jpg 768w, /uploads-archive/2017/06/IMG_2531-228x171.jpg 228w, /uploads-archive/2017/06/IMG_2531.jpg 2016w" sizes="(max-width: 1024px) 100vw, 1024px" />アイモバイル台湾　佐藤社長より、初めて越境ECへ参入を考えている方に対して、「調べる」と「売り込む」という２つの局面におけるマーケティングの秘訣をご説明頂きました。</p>
<p>「調べる」では、販売可否とマーケット調査について。「売り込む」では台湾越境ECのためのトリプルメディア戦略について述べられました。<br />
また、口コミマーケティングで、インフルエンサーに依頼をする際の注意点などの話がありました。</p>
<p>最後に、自社でも今年台湾で現地法人を立ち上げた際の経験を踏まえ、「調査ばかりしない、早く結果を出そうとしない、あきらめない」　と、早期にPDCAを回すことの重要性を述べられました。</p>
<h2>参加者の声をご紹介</h2>
<ul>
<li>「大変役に立った。自社にあったマーケティング方法を聞きたい」</li>
<li>「日中台湾の比較がよかったと思います。情報収集段階ですがまたセミナーに参加したいです」</li>
<li>
「台湾の関税に関する法律の変更について詳細を知りたい」</li>
</ul>


【セミナーレポート】台湾越境ECセミナー

<p>また趣味シリーズです。</p>
<p>Android端末をカスタムする方法を何度か紹介してきました。</p>
<p><a href="https://sterfield.co.jp/officer/sim%E3%83%95%E3%83%AA%E3%83%BC%E7%AB%AF%E6%9C%AB%E3%81%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0rom%E3%82%92%E7%84%BC%E3%81%84%E3%81%A6%E3%81%BF%E3%81%9F/">SIMフリー端末にカスタムROMを焼いてみた</a></p>
<p><a href="https://sterfield.co.jp/officer/nexus-7-2013-wi-fi%E3%81%A7android7-1nougat%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0rom%E3%82%92%E7%84%BC%E3%81%8F%E6%89%8B%E9%A0%86/">Nexus 7 2013 (Wi-Fi)でAndroid7.1(Nougat)ベースのカスタムROMを焼く手順</a></p>
<p><a href="https://sterfield.co.jp/officer/cyanogenmod%E3%81%8B%E3%82%89lineageos%E3%81%B8/">CyanogenModからLineageOSへ</a></p>
<p>正直ブログの記事にしながら覚えているような感覚で今ですと手順が分かってきているので、次に何をやるか、今何をやっているのかということが分かるのですが、当初は参考にさせてもらっているサイトなどを見ながら見よう見まねで最後起動をするところまで行ってから読み直して、理解に至りました。<a href="/uploads-archive/2017/06/600px-Bootloader_simplified.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-12942" src="/uploads-archive/2017/06/600px-Bootloader_simplified.png" alt="" width="600" height="227" srcset="/uploads-archive/2017/06/600px-Bootloader_simplified.png 600w, /uploads-archive/2017/06/600px-Bootloader_simplified-300x114.png 300w, /uploads-archive/2017/06/600px-Bootloader_simplified-228x86.png 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>その中でもカスタムROM（OS）レイヤーまでの編集は行ったのですが、どうやらその下のハードウェアとやり取りを行うKernelという領域にもカスタム出来る余地があり、最適化されたカスタムKernelを導入することで動作がより軽くなったり、ものによってはCPUのクロック数をあげるオーバークロックが出来たりするということが分かりました。</p>
<p>オーバークロックは、CPUの性能を最大限引き出す代わりに定格を越える動作をするのでバッテリーを犠牲にする機能で自分はどちらかと言うと逆に最適化されて省電力にバッテリーライフが伸びたら嬉しいなと思って導入してみました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>こういう時に2chはいいですよね〜。同じ嗜好性の人がゆるく集う掲示板として使う分にはこの上ないです。</p>
<h2>kernelとは</h2>
<p>まず、kernelについて調べてみました。</p>
<p>まだ理解が浅いので引用に留めさせて頂きます。</p>
<p>&nbsp;</p>
<p><img decoding="async" class="aligncenter" src="https://upload.wikimedia.org/wikipedia/commons/8/8f/Kernel_Layout.svg" /></p>
<blockquote><p>カーネルとは、OS(オペレーティングシステム)の中核を構成するソフトウェア。動作中のプログラムの実行状態を管理したり、ハードウェア資源を管理してアプリケーションソフトがハードウェアの機能を利用する手段を提供したりする。</p></blockquote>
<p>画像はwikipediaからテキストはIT用語辞典から引用しました。</p>
<p>要は、アプリケーションとハードウェアを繋ぐ橋渡し役だと理解しました。</p>
<h3>kernelとBIOSって何が違うの？</h3>
<p>ここでPCを自作していると必ず触れるBIOSですが、これもOSの下に位置しているような関係性なので似たようなものなのか調べてみると正に同じ回答が知恵袋で見つけることができました。</p>
<p><a href="https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1438724094">https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1438724094</a></p>
<blockquote>
<p class="queTxt">Linuxのカーネルにはどんな機能があるのですか。<br />
カーネルはLinuxの中核です。<br />
カーネルとはユーザープログラムとハードウェア機器などとの仲介をし、プロセス処理のスケジュール管理をしてマルチタスクを実現したりします。カーネルは、システム上で実行されているプロセスではなく、むしろメモリ上に存在して、どのプロセスからもアクセスできるサブルーチン集のようなものだと考えるとわかりやすいでしょう。<br />
Linux カーネルの主な機能は次のようなものです。<br />
・プロセス管理<br />
・空間管理<br />
・時間管理<br />
・割り込み処理<br />
・ファイルシステム<br />
・ネットワーク<br />
詳細は以下の記事「カーネルの機能とその利用法」を参照してください。<br />
<a href="http://itpro.nikkeibp.co.jp/article/COLUMN/20080501/300464/?ST=oss" target="new" rel="nofollow">http://itpro.nikkeibp.co.jp/article/COLUMN/20080501/300464/?ST=oss</a></p>
<p>&gt;BIOSはそのカーネルに含まれてないのですか。<br />
発想の順番が逆です。<br />
PC の電源をONすると BIOS で設定されている機器(CD, FDD, HDD など）から OS を読み込みます。<br />
OS を読み込む過程でカーネルも読み込まれます。<br />
以下の記事「ブートの仕組み」を参照してください。<br />
<a href="http://nobumasa-web.hp.infoseek.co.jp/boot/boot.html" target="new" rel="nofollow">http://nobumasa-web.hp.infoseek.co.jp/boot/boot.html</a></p>
<p>&gt;OSを入れないで<span class="yjDirectSLinkHl" title="Linux">Linux</span>用にPCを購入すると、<br />
&gt;最低限、何が搭載されているのですか。<br />
OS 無しの PC を購入した場合、搭載されているのは BIOS だけです。<br />
BIOS は ROM に搭載されています。<br />
BIOS さえあれば、CD から OS を起動できます。</p></blockquote>
<p class="queTxt">これでBIOSが読み込むのがkernelであることが分かりました。BIOSが一番下のレイヤーなのですね。</p>
<p>もう一つ海外サイトですが、こちらも分かりやすいです。</p>
<p><a href="http://www.euask.com/topic/4996-What-is-the-difference-between-BIOS-and-Kernel">http://www.euask.com/topic/4996-What-is-the-difference-between-BIOS-and-Kernel</a><br />
<img decoding="async" class="aligncenter" src="http://static.thegeekstuff.com/wp-content/uploads/2011/02/linux-boot-process.png" /></p>
<p>BIOSとkernelの違いと読み込む順序が記載されています。</p>
<p>以上で前置きが長くなりましたがkernelの説明です。</p>
<h2>インストール手順</h2>
<ol>
<li>端末内に該当のkernelをダウンロード</li>
<li>（念のため、フルバックアップ）</li>
<li>いつものリカバリーソフトTWRPからインストール※参考</li>
<li>完了です。</li>
</ol>
<p>ROMを焼く手順と一緒ですね。</p>
<p>なんなく動きました。</p>
<p>パット見なんの変化もありません。kernelなので当たり前ですね。</p>
<p><a href="/uploads-archive/2017/06/Screenshot_20170613-171857__1_.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12966" src="/uploads-archive/2017/06/Screenshot_20170613-171857__1_-209x300.png" alt="" width="209" height="300" srcset="/uploads-archive/2017/06/Screenshot_20170613-171857__1_-209x300.png 209w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_-768x1103.png 768w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_-713x1024.png 713w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_-228x327.png 228w, /uploads-archive/2017/06/Screenshot_20170613-171857__1_.png 1080w" sizes="(max-width: 209px) 100vw, 209px" /></a></p>
<p>ということでベンチマーク図ってみました。これもあまり変りませんでした。</p>
<h2>まとめ</h2>
<p>体感出来るものかもう少し触れてみます。</p>
<p>表面的ではあるが、AndroidOSの中身を掘り下げることができました。</p>
<p>あくまでも、OS以下のレイヤーに手をいれると無保証になるので自己責任でお願いします。</p>
<p>&nbsp;</p>


Andoridカスタムkernelの導入手順

<p>最近EFOが大事と感じ、今まではタグを埋めるだけで対応できる程度にしか考えていなかったので、<a href="http://launchcart.jp/" target="_blank" rel="noopener">LaunchCart</a>で使用できるのかと、越境ECということで外国語に対応しているかを中心に調べてみた。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>ツール名</th>
<th>URL</th>
<th>初期費用</th>
<th>月額</th>
<th>フォーム数</th>
<th>特徴</th>
<th>越境対応</th>
</tr>
<tr>
<td>フォームアシスト</td>
<td>http://www.showcase-tv.com/formassist/</td>
<td>別途見積もり</td>
<td>30,000円〜</td>
<td>1</td>
<td>プロが初期設定するから改善が早い</td>
<td>?</td>
</tr>
<tr>
<td>URICHAN EFO</td>
<td>https://www.mmmmm.co.jp/efo/</td>
<td>0円〜</td>
<td>30,000円〜</td>
<td>20</td>
<td>UI最適化。専門コンサルタント</td>
<td>×</td>
</tr>
<tr>
<td>Gyro-n EFO</td>
<td>https://www.gyro-n.com/efo/</td>
<td>別途見積もり</td>
<td>16,200円～</td>
<td>UUによる</td>
<td>テスト的に導入できる</td>
<td>○</td>
</tr>
<tr>
<td>エフトラ EFO</td>
<td>http://f-tra.com/ja/efo/</td>
<td>0円〜</td>
<td>30,000円〜</td>
<td>20</td>
<td>15分で設置可能</td>
<td>◎</td>
</tr>
<tr>
<td>EFO CUBE</td>
<td>https://www.efo-cube.info/</td>
<td>0円</td>
<td>50,000円</td>
<td>5</td>
<td>たまご、リピストと自動連携</td>
<td>○</td>
</tr>
<tr>
<td>formy</td>
<td>https://formy.jp/</td>
<td>0円〜</td>
<td>6,000円</td>
<td>1</td>
<td>値段、設定ともにハードルが低い</td>
<td>△</td>
</tr>
<tr>
<td>スマートUPフォーム</td>
<td>http://suf.jp/</td>
<td>600,000円〜</td>
<td>0円</td>
<td>1</td>
<td>ランニングコストゼロ、多機能</td>
<td>?</td>
</tr>
<tr>
<td>GORILLA EFO</td>
<td>https://gorilla-efo.com/</td>
<td>30,000円〜</td>
<td>9,800円〜</td>
<td>5</td>
<td>高水準、スマホ対応の入力サポート機能</td>
<td>○</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>結論としてはほぼ全てのツールで使用可能のようだ。</p>
<p>問題は多言語対応が可能なのかということだが、これについては順次調べて追記したいと思う。</p>


EFOツールの検討

<p>少し前に見かけたMilanoteというアプリを紹介します。</p>
<p>一言で言ってしまうと、<br />
<strong>webの掲示板</strong>みたいなものです。</p>
<p><img decoding="async" src="/uploads-archive/2017/06/165c8bee854b3d1ade95412c6e79c191-1024x591.png" alt="" width="100%" class="alignnone size-large wp-image-12951" srcset="/uploads-archive/2017/06/165c8bee854b3d1ade95412c6e79c191-1024x591.png 1024w, /uploads-archive/2017/06/165c8bee854b3d1ade95412c6e79c191-300x173.png 300w, /uploads-archive/2017/06/165c8bee854b3d1ade95412c6e79c191-768x443.png 768w, /uploads-archive/2017/06/165c8bee854b3d1ade95412c6e79c191-228x131.png 228w, /uploads-archive/2017/06/165c8bee854b3d1ade95412c6e79c191.png 1349w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>ボードに付箋を貼っていく感じのように追加、移動することができます。</p>
<p>記入できるのは、</p>
<ul>
<li>テキスト(この中でリストやtodo式に書くこともできる)</li>
<li>写真</li>
<li>リンク</li>
<li>グループ化(テキストの)</li>
</ul>
<p>あとはボードも複数作れるので、テーマや内容によって分けて使用することができます。</p>
<p>GoodPatchさんも使用しているようです。</p>
<p><a href="http://goodpatch.com/blog/communication-using-milanote/" target="_blank">【チームデザイン】『Milanote』を活用したチーム管理・コミュニケーション方法 | Goodpatch Blog</a></p>
<p><a href="https://www.milanote.com/" target="_blank">Milanote: The notes app for creative work.</a></p>
<p>なにか会社で共有したりするのに使えるかもしれませんね。</p>


クリエイティブワークを促進させるアプリ「Milanote」

small_nino-eye1.jpg

thumbnail_nino-eye1.jpg

nino-eye1.jpg

JSDoc で JavaScript のコメントを書こう

<h2>OAuth認証は</h2>
<p>OAuth認証は指定アプリからパスワードを使わないユーザー情報を収集する<b>オープン標準。</b></p>
<p>今、使うバーションはOAuth2.0。OAuth1.0には大きいSecurity問題が起きてっるため、修復しだが、今ソーシャルメディアはほとんどOAuth2.0を使ってる。</p>
<h2>役割</h2>
<p>OAuth2.0は四つ役割があります</p>
<ul style="list-style-type: circle">
<li><b>リソースオーナー</b>(resource owner)
<ul style="list-style-type: circle">
<li><b>エンドユーザーということ</b></li>
</ul>
</li>
<li><b>リソースサーバー</b> (resource server)
<ul style="list-style-type: circle">
<li>Facebookやyahooや個人情報持っているサイト</li>
</ul>
</li>
<li><b>クライアント</b> (client)
<ul style="list-style-type: circle">
<li>LaunchCartや個人情報を使えたいサービス</li>
</ul>
</li>
<li><b>認可サーバー</b>(authorization server)
<ul style="list-style-type: circle">
<li>OAuth認証（<b>リソースサーバーに置いてるplugin</b>）</li>
</ul>
</li>
</ul>
<h2>認証流れ</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium" src="http://www.sinaimg.cn/blog/developer/wiki/oAuth2_01.gif" width="620" height="400" /></p>
<ul>
<li>(A) まずクライアントがリソースオーナーに認可要求（Authorization Request）を出す。図ではクライアントがリソースオーナーに直接要求を出しているが、認可サーバー経由で間接的に要求する事がのぞましい<sup id="cite_ref-rfc1.2_4-1" class="reference"></sup>.</li>
<li>(B) リソースオーナーは認可要求を許可する旨の返答として<b>認可グラント</b>をクライアントに送る。これも認可サーバー経由で行う事がのぞましい<sup id="cite_ref-rfc1.2_4-2" class="reference"></sup></li>
<li>(C) クライアントは認可サーバーに認可グラントを送ることでアクセストークンを要求
<ul>
<li>取られる個人情報を要求する</li>
<li><img decoding="async" loading="lazy" class="alignnone size-medium" src="http://memories.zal.jp/WP/wp-content/uploads/2015/07/b_permissons_05.png" width="509" height="437" /></li>
</ul>
</li>
<li>(D) 認可サーバーはクライアントの認証と認可グラントの正当性の検証を行い、問題なければアクセストークンを発行。</li>
<li>(E)クライアントはアクセストークンにより認証を受けることで、保護されたリソースへのアクセスをリクエスト</li>
<li>(F) アクセストークンが正当なら、クライアントのリクエストを受け入れる</li>
</ul>
<p>&nbsp;</p>
<p>Resources:</p>
<ul>
<li><a href="http://open.weibo.com/wiki/%E6%8E%88%E6%9D%83%E6%9C%BA%E5%88%B6%E8%AF%B4%E6%98%8E">ウェイボー　OAuth認証説明</a></li>
<li><a href="https://ja.wikipedia.org/wiki/OAuth">Wiki</a></li>
</ul>
<p>&nbsp;</p>


OAuth(オー　オース)認証紹介

<p><span style="font-family: georgia, palatino, serif;">はじめまして、<span style="font-family: tahoma, arial, helvetica, sans-serif;">4</span>月からプログラマとして働きはじめたmotokiと申します。</span></p>
<p><span style="font-family: georgia, palatino, serif;">さてさて、発売日が発表され、じわじわと詳細が明らかになるドラゴンクエスト<span style="font-family: tahoma, arial, helvetica, sans-serif;">11</span>。<span style="font-family: tahoma, arial, helvetica, sans-serif;">PS4</span>版か、<span style="font-family: tahoma, arial, helvetica, sans-serif;">3DS</span>版か悩みますよね。</span><br />
<span style="font-family: georgia, palatino, serif;"> 今回のドラクエ11には「ふっかつのじゅもん」機能が復活するとのことで、ファミコン時代を思い出すピコピコ<del><span style="font-family: georgia, palatino, serif;">おじさん</span></del>おにいさんは多いと思います。私もそうです。</span></p>
<p><span style="font-family: georgia, palatino, serif;">復活の呪文をご存じない方へ端的に説明すると「ゲームの進行状態を電子データとして保存せず、代わりに文字列として書き出しておき、それを利用してゲームを再開する」という、今時の感覚からすれば謎の仕様ですね。</span><span style="font-family: georgia, palatino, serif;">ゲームカセットに電池を搭載して<span style="font-family: tahoma, arial, helvetica, sans-serif;">RAM</span>の状態を保持する技術が普及し、フラッシュメモリが浸透し、クラウド保存があたりまえになった今では逆に新しく感じるかもしれません。</span></p>
<p><span style="font-family: georgia, palatino, serif;">ドラクエ11でも現在の進行状態を「復活の呪文」化することで、だいたい同じ進行度を維持したまま別環境で再現できる、とのことで、ゲーム解析勢がどれくらい無茶なことをするのか今からワクワクしています。また、過去のドラクエ1や2で使えた復活の呪文も転用できるそうです。ではここで、復活の呪文の仕組みについてプログラミングの観点から簡単に解説します。大丈夫、ギリギリ技術ブログです。</span></p>
<p><span style="font-family: georgia, palatino, serif;">ドラクエ1と2では使える文字数・種類に違いがありますが、どちらの復活の呪文も「ひらがな＋濁音文字＋半濁音」から<span style="font-family: tahoma, arial, helvetica, sans-serif;">64</span>文字を用います。この<span style="font-family: tahoma, arial, helvetica, sans-serif;">64</span>文字にピンとくる人も居るんじゃないでしょうか。実は、メールの添付ファイル符号化などに使われる<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>とほぼ同じ技術です。おっ、技術ブログらしくなってきましたね。</span></p>
<p><span style="font-family: georgia, palatino, serif;">というわけで、ドラクエのことはひとまず置いて、<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>について解説したいと思います。これは電子メールのデータ転送が<span style="font-family: tahoma, arial, helvetica, sans-serif;">7bit</span>単位で行なわれる規格であるため、<span style="font-family: tahoma, arial, helvetica, sans-serif;">8bit</span>めのデータ欠損を起こさず転送する方法の一つとして生まれた符号化規格です。電子メールに半角カタカナを使っちゃいけない、っていう謎ルールもこの辺が由来です。</span></p>
<p><span style="font-family: georgia, palatino, serif;"><span style="font-family: tahoma, arial, helvetica, sans-serif;">8bit</span>の情報を<span style="font-family: tahoma, arial, helvetica, sans-serif;">3</span>つまとめて、<span style="font-family: tahoma, arial, helvetica, sans-serif;">6bit</span>ごと<span style="font-family: tahoma, arial, helvetica, sans-serif;">4</span>つに分割します。<span style="font-family: tahoma, arial, helvetica, sans-serif;">6bit</span>で表現可能な範囲は<span style="font-family: tahoma, arial, helvetica, sans-serif;">0</span>から<span style="font-family: tahoma, arial, helvetica, sans-serif;">63</span>まで。それぞれの値を<span style="font-family: tahoma, arial, helvetica, sans-serif;">64</span>個の文字に置き換えます。<span style="font-family: tahoma, arial, helvetica, sans-serif;">3</span>で割り切れない場合の<span style="font-family: tahoma, arial, helvetica, sans-serif;">bit</span>情報もひとまず<span style="font-family: tahoma, arial, helvetica, sans-serif;">6bit</span>ごとに分割して、残りは&#8221;=&#8221;記号で埋めます。以上、ここまでが<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>エンコードを簡単に説明したものです。デコードはこの手順を逆に行います。以下はデータと文字の関係について変換表にまとめたものです。</span></p>
<div id="attachment_12882" style="width: 610px" class="wp-caption alignnone"><a href="/admin/wp-content/uploads/2017/05/base64.png"><img aria-describedby="caption-attachment-12882" decoding="async" loading="lazy" class="wp-image-12882" src="/admin/wp-content/uploads/2017/05/base64-1024x597.png" alt="base64変換表" width="600" height="350" srcset="/uploads-archive/2017/05/base64-1024x597.png 1024w, /uploads-archive/2017/05/base64-300x175.png 300w, /uploads-archive/2017/05/base64-768x448.png 768w, /uploads-archive/2017/05/base64-228x133.png 228w, /uploads-archive/2017/05/base64.png 1044w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-12882" class="wp-caption-text"><span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>変換表</p></div>
<p><span style="font-family: georgia, palatino, serif;">それでは実際に短いデータ”STERFIELD”という文字列を<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>エンコードしてみましょう。</span></p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12894" src="/admin/wp-content/uploads/2017/05/sterfield.png" alt="" width="222" height="380" srcset="/uploads-archive/2017/05/sterfield.png 222w, /uploads-archive/2017/05/sterfield-175x300.png 175w" sizes="(max-width: 222px) 100vw, 222px" /></p>
<p><span style="font-family: georgia, palatino, serif;">上記は”STERFIELD”を1文字ずつ文字コードを16進数化したものです。これらを連結すると以下のビット列になります。</span></p>
<p><code>010100110101010001000101010100100100011001001001010001010100110001000100</code></p>
<p><span style="font-family: georgia, palatino, serif;">これを6桁ずつに区切ります。</span></p>
<p><code>010100 110101 010001 000101 010100 100100 011001 001001 010001 010100 110001 000100</code></p>
<p><span style="font-family: georgia, palatino, serif;">6桁ずつ上の表に従って文字を割り当てていきます。</span><br />
<code>U1RFUkZJRUxE</code><br />
<span style="font-family: georgia, palatino, serif;">あら不思議、<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>エンコードの完了です。</span></p>
<p><span style="font-family: georgia, palatino, serif;">お待たせしました。ドラクエの話に戻りましょう。前述した<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>変換表の&#8221;A&#8221;から&#8221;/&#8221;までの文字の代わりに、後述するひらがなを割り当てれば、復活の呪文風エンコーダ・デコーダが作れますね。（ドラクエのデコーダ実装上でのひらがなの順番はよく分かりません……）</span></p>
<p><span style="font-family: georgia, palatino, serif;">ついでなので、それぞれのドラクエの復活の呪文がどれだけのデータを保持していたのか、計算してみましょう。</span></p>
<table>
<tbody>
<tr>
<td></td>
<td> 使用文字</td>
<td>復活の呪文長</td>
<td>実データ長</td>
</tr>
<tr>
<td>ドラクエ1</td>
<td>あいうえお<br />
かきくけこ<br />
さしすせそ<br />
たちつてと<br />
なにぬねの<br />
はひふへほ<br />
まみむめも<br />
らりるれろ<br />
やゆよわ<br />
がぎぐげご<br />
ざじずぜぞ<br />
だぢづでど<br />
ばびぶべぼ</td>
<td>20文字固定</td>
<td><span style="font-family: tahoma, arial, helvetica, sans-serif;">6(bit)×20＝120(bit)</span><span style="font-family: tahoma, arial, helvetica, sans-serif;">＝15</span>バイト相当</td>
</tr>
<tr>
<td>ドラクエ2</td>
<td>あいうえお<br />
かきくけこ<br />
さしすせそ<br />
たちつてと<br />
なにぬねの<br />
はひふへほ<br />
まみむめも<br />
らりるれろ<br />
やゆよわ<br />
がぎぐげご<br />
ざじずぜぞ<br />
ばびぶべぼ<br />
ぱぴぷぺぽ</td>
<td>18～52文字</td>
<td><span style="font-family: tahoma, arial, helvetica, sans-serif;">6(bit)×52＝312(bit)</span><span style="font-family: tahoma, arial, helvetica, sans-serif;">＝39</span>バイト相当</td>
</tr>
</tbody>
</table>
<p><span style="font-family: georgia, palatino, serif;">信じがたいコンパクト設計ですね。プレイ状況の再現に必要な情報を極限まで切り詰めた結果ですが、当時のプログラマの叡智が詰まっています。復活の呪文というのは、ゲームの中でだいたいこのように処理されて「よくぞもどった」と言われるようになるわけです。今はゲーム内の情報も膨大になったので、こんな短い文字だけでどれだけ再現できるのかな、という技術的興味がふつふつと沸いてきますね。</span><br />
<span style="font-family: georgia, palatino, serif;">もうすぐ発売されるドラクエ<span style="font-family: tahoma, arial, helvetica, sans-serif;">11</span>でも復活の呪文の入力が間違っていたらやっぱり絶望に打ちひしがれるのだろうか、と思うと今から楽しみです。</span></p>
<p>&nbsp;</p>


ふっかつのじゅもんとbase64の関係

Three.jsによるWebGLで物体を回転させる

Amazonのレビュー信頼度を測ってみる

javascriptフレームワークのvue.jsを使ってみる③（簡単TODOリスト）

<p>ようやく巡り会えました。大本命のスタートページ。</p>
<p>定期巡回する情報収集のツールと最早欠かすことの出来ない存在です。</p>
<p>私のスタートページの変遷をブログ記事で御覧ください。</p>
<p>2013年10月</p>
<p><a href="https://sterfield.co.jp/officer/igoogle%E3%81%AE%E7%A7%BB%E8%A1%8C%E5%85%88%E3%81%AFmyyahoo%E6%8E%A8%E3%81%97/">igoogleの移行先はMy Yahoo!推し</a></p>
<p>↓</p>
<p>2016年6月</p>
<p><a href="https://sterfield.co.jp/officer/my-yahoo%E3%81%8B%E3%82%89my-yahoo%E3%81%AB%E7%A7%BB%E5%8B%95/">My Yahoo!からMy Yahoo!に移動</a></p>
<p>サービスが終了するに連れて移行を繰り返し、igoogle→MyYahoo（co.jp）→MyYahoo(com)と変遷しましたがようやくこれだというのに出会えました。</p>
<p>その名も「<a href="https://ichro.me/">iChrome</a>」</p>
<p>MyYahooも悪かったわけではないのですが、_blankの設定が出来なかったり、検索エンジンがyahoo.comだったり（当たり前なのですが）とスタートページとして使うにあたっては、改善して欲しいなと思うところが何点かありました。</p>
<p>そして、そもそも要因としてWindows10で開いているとスリープモードに移行しない問題があり調べてみると、chromeがyahoo.comのURLに対して何らかのデータをuploadしていることが分かり、MyYahooを閉じたところスリープに移行したことから原因を特定した結果、移行を決意しました。</p>
<p>過去の情報を調べてみると2014年からサービスはあるようですね。全く知らなかったのでなんでなのかなと思ったらchromeの拡張機能なのでchromeを使っていることが前提で2014年のブラウザのシェアを見るとchromeってまだ17％くらいのシェアだったのですね。</p>
<p><a href="http://gigazine.net/news/20140303-browser-share-2014-feb/" target="_blank" rel="noopener noreferrer">http://gigazine.net/news/20140303-browser-share-2014-feb/</a></p>
<p>ちなみに今は世界だと50%くらいで圧倒的です。</p>
<p><a href="https://webrage.jp/techblog/pc_browser_share/" target="_blank" rel="noopener noreferrer">https://webrage.jp/techblog/pc_browser_share/</a></p>
<p>というような背景があったのでは推測しつつ簡単に紹介です。</p>
<h2>インストール方法</h2>
<p><a href="/admin/wp-content/uploads/2017/05/iChrome_-_高速・生産的なホームページ_-_Chrome_ウェブストア.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-12852" src="/admin/wp-content/uploads/2017/05/iChrome_-_高速・生産的なホームページ_-_Chrome_ウェブストア-1024x660.png" alt="" width="1024" height="660" srcset="/uploads-archive/2017/05/iChrome_-_高速・生産的なホームページ_-_Chrome_ウェブストア-1024x660.png 1024w, /uploads-archive/2017/05/iChrome_-_高速・生産的なホームページ_-_Chrome_ウェブストア-300x193.png 300w, /uploads-archive/2017/05/iChrome_-_高速・生産的なホームページ_-_Chrome_ウェブストア-768x495.png 768w, /uploads-archive/2017/05/iChrome_-_高速・生産的なホームページ_-_Chrome_ウェブストア-228x147.png 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>https://chrome.google.com/webstore/detail/ichrome-a-fast-productive/oghkljobbhapacbahlneolfclkniiami/related</p>
<p>chromeの拡張機能ですのでウェブストアで追加します。</p>
<p><a href="/admin/wp-content/uploads/2017/05/iChrome.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-12855" src="/admin/wp-content/uploads/2017/05/iChrome-1024x587.png" alt="" width="1024" height="587" srcset="/uploads-archive/2017/05/iChrome-1024x587.png 1024w, /uploads-archive/2017/05/iChrome-300x172.png 300w, /uploads-archive/2017/05/iChrome-768x440.png 768w, /uploads-archive/2017/05/iChrome-228x131.png 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>すぐにチュートリアルが始まります。</p>
<p><a href="/admin/wp-content/uploads/2017/05/iChrome-1.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-12857" src="/admin/wp-content/uploads/2017/05/iChrome-1-1024x645.png" alt="" width="1024" height="645" srcset="/uploads-archive/2017/05/iChrome-1-1024x645.png 1024w, /uploads-archive/2017/05/iChrome-1-300x189.png 300w, /uploads-archive/2017/05/iChrome-1-768x484.png 768w, /uploads-archive/2017/05/iChrome-1-228x144.png 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>Googleアカウントでログインが出来ます。</p>
<p>説明の通り、ログインをすると他のブラウザでも同じ環境を享受できます。</p>
<p>今の時代当たり前かもしれませんが、実にいいですね。</p>
<p><a href="/admin/wp-content/uploads/2017/05/iChrome-2.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-12859" src="/admin/wp-content/uploads/2017/05/iChrome-2-1024x682.png" alt="" width="1024" height="682" srcset="/uploads-archive/2017/05/iChrome-2-1024x682.png 1024w, /uploads-archive/2017/05/iChrome-2-300x200.png 300w, /uploads-archive/2017/05/iChrome-2-768x512.png 768w, /uploads-archive/2017/05/iChrome-2-228x152.png 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>私のアカウントでは既に登録済みでキャプチャをとりましたのでこのようになります。</p>
<h2>ウィジェット追加</h2>
<p><a href="/admin/wp-content/uploads/2017/05/iChrome-3.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-12861" src="/admin/wp-content/uploads/2017/05/iChrome-3-1024x595.png" alt="" width="1024" height="595" srcset="/uploads-archive/2017/05/iChrome-3-1024x595.png 1024w, /uploads-archive/2017/05/iChrome-3-300x174.png 300w, /uploads-archive/2017/05/iChrome-3-768x446.png 768w, /uploads-archive/2017/05/iChrome-3-228x133.png 228w, /uploads-archive/2017/05/iChrome-3.png 1189w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>Googleのサービスや主要SNSは一通り網羅されている印象です。</p>
<p>しかし、私が一番欲しいのは<a href="/admin/wp-content/uploads/2017/05/iChrome-4.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-12863" src="/admin/wp-content/uploads/2017/05/iChrome-4.png" alt="" width="886" height="396" srcset="/uploads-archive/2017/05/iChrome-4.png 886w, /uploads-archive/2017/05/iChrome-4-300x134.png 300w, /uploads-archive/2017/05/iChrome-4-768x343.png 768w, /uploads-archive/2017/05/iChrome-4-228x102.png 228w" sizes="(max-width: 886px) 100vw, 886px" /></a></p>
<p>こちらのRSS表示です。</p>
<p><a href="/admin/wp-content/uploads/2017/05/iChrome-5.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-12864" src="/admin/wp-content/uploads/2017/05/iChrome-5.png" alt="" width="418" height="445" srcset="/uploads-archive/2017/05/iChrome-5.png 418w, /uploads-archive/2017/05/iChrome-5-282x300.png 282w, /uploads-archive/2017/05/iChrome-5-228x243.png 228w" sizes="(max-width: 418px) 100vw, 418px" /></a></p>
<p>設定で細かく指定が出来ます。</p>
<p>逆に、MyYahooであれば、ブログ側が一発登録に対応していたりしたのですが、ichromeではそのような設定が見当たらなかったのでひたすら手動登録です。</p>
<h2>まとめ</h2>
<p><a href="/admin/wp-content/uploads/2017/05/iChrome-6.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-12865" src="/admin/wp-content/uploads/2017/05/iChrome-6-1024x447.png" alt="" width="1024" height="447" srcset="/uploads-archive/2017/05/iChrome-6-1024x447.png 1024w, /uploads-archive/2017/05/iChrome-6-300x131.png 300w, /uploads-archive/2017/05/iChrome-6-768x335.png 768w, /uploads-archive/2017/05/iChrome-6-228x100.png 228w, /uploads-archive/2017/05/iChrome-6.png 1314w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>
<p>CPUの使用率などのウィジェットもあったりと満足のいくスタートページが出来ました。</p>


igoogle代替のスタートページはiChromeで決まり

<p>VRのコンテンツを作る場合はUnityを利用する事が一般的になっていますが、InstaVRの登場で変わるかもしれません。</p>
<p>動画や画像をプレビューするだけであれば必要ありませんが、インタラクティブな要素を含んだコンテンツを作成する場合はUnityなどでプログラミングする必要があります。しかしInstaVRはプログラミングなしでインタラクティブなVRコンテンツの作成ができてしまいます。</p>
<p>まだ複雑な物はできませんが、操作が非常に簡単なので低コスト且つ短時間で作れるのが魅力です。</p>
<p>youtubeやfacebookにvr動画・画像をアップロードすると、自動で最適化という名の画質劣化が起きてしまいますが、InstaVRはweb上でプレビューする場合でも劣化がありません。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/kKin8a2nrU4?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>InstaVRの無料版を使ってみる</h2>
<p>続いてシーンとなる360度の画像または動画を追加します。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12834" src="/admin/wp-content/uploads/2017/05/4.jpg" alt="" width="720" height="355" srcset="/uploads-archive/2017/05/4.jpg 720w, /uploads-archive/2017/05/4-300x148.jpg 300w, /uploads-archive/2017/05/4-228x112.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>シーンを選んで360度のどこを正面とするかという事も調整します。これはユーザーにフラストレーションを与えないために重要な要素ですが、調整は非常に簡単です。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12835" src="/admin/wp-content/uploads/2017/05/5.jpg" alt="" width="720" height="357" srcset="/uploads-archive/2017/05/5.jpg 720w, /uploads-archive/2017/05/5-300x149.jpg 300w, /uploads-archive/2017/05/5-228x113.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>他のシーンへのリンクを設定します。リンク先となるシーンを選択して、必要であればアイコンのサイズを調整したり、画像を設定できます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12836" src="/admin/wp-content/uploads/2017/05/6.jpg" alt="" width="720" height="350" srcset="/uploads-archive/2017/05/6.jpg 720w, /uploads-archive/2017/05/6-300x146.jpg 300w, /uploads-archive/2017/05/6-228x111.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>音楽やナレーションを追加する事もできます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12837" src="/admin/wp-content/uploads/2017/05/7.jpg" alt="" width="720" height="780" srcset="/uploads-archive/2017/05/7.jpg 720w, /uploads-archive/2017/05/7-277x300.jpg 277w, /uploads-archive/2017/05/7-228x247.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>2つ目のシーンにも1つ目のシーンへのリンクを設定します。これで2つのシーンを行き交う事ができるコンテンツが完成です。<br />
シーン内には「Hot spot」を追加する事で動画や画像を設置する事もできます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12838" src="/admin/wp-content/uploads/2017/05/8.jpg" alt="" width="720" height="352" srcset="/uploads-archive/2017/05/8.jpg 720w, /uploads-archive/2017/05/8-300x147.jpg 300w, /uploads-archive/2017/05/8-228x111.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>続いてアプリにする場合のロゴやホーム画面を「Branding」から設定します。有料プランからInstaVRのロゴを外すことが可能です。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12839" src="/admin/wp-content/uploads/2017/05/9.jpg" alt="" width="720" height="208" srcset="/uploads-archive/2017/05/9.jpg 720w, /uploads-archive/2017/05/9-300x87.jpg 300w, /uploads-archive/2017/05/9-228x66.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>あとはpackageでビルドするだけです。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12840" src="/admin/wp-content/uploads/2017/05/10.jpg" alt="" width="720" height="175" srcset="/uploads-archive/2017/05/10.jpg 720w, /uploads-archive/2017/05/10-300x73.jpg 300w, /uploads-archive/2017/05/10-228x55.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>完成したアプリはQRコードからもダウンロードできます。<br />
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-12841" src="/admin/wp-content/uploads/2017/05/11.jpg" alt="" width="720" height="162" srcset="/uploads-archive/2017/05/11.jpg 720w, /uploads-archive/2017/05/11-300x68.jpg 300w, /uploads-archive/2017/05/11-228x51.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>アプリができるまでに15分もかかりませんでした。</p>
<h2>spatial audio　360度音声も設定できる</h2>
<p>試験導入中という表記はあるものの、spatial audio（360度音声）の設定項目も存在していて、どの方角からどんな音がするかを音声ファイルを追加する事で演出可能です。<br />
無意識に音がなっている方を人は見るので、見せたい方向に効果音や音楽を設定する事でガイドとしても利用できます、没入感を損なわないガイドとして活用できると思います。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12842" src="/admin/wp-content/uploads/2017/05/12.jpg" alt="" width="507" height="429" srcset="/uploads-archive/2017/05/12.jpg 507w, /uploads-archive/2017/05/12-300x254.jpg 300w, /uploads-archive/2017/05/12-228x193.jpg 228w" sizes="(max-width: 507px) 100vw, 507px" /></p>
<h2>VRコンテンツのWeb配信</h2>
<p>個人的にはデバイスを限定しないという意味でVRはWebブラウザ上で活用するのが一般化する早道だと考えています。<br />
無料版では利用できませんが、InstaVRは作成したコンテンツをWeb配信するのも非常に簡単みたいです。</p>
<p>pakegeからwebを選んでビルド（pablish to web）するだけで、InstaVRのストレージ上にVRにアクセスできるURLが生成されます。</p>
<p>web配信したコンテンツのデモです。</p>
<p><a href="http://www.too.com/product/software/vr/instavr/embed01.html">http://www.too.com/product/software/vr/instavr/embed01.html</a></p>
<p><a href="http://www.too.com/product/software/vr/instavr/embed02.html">http://www.too.com/product/software/vr/instavr/embed02.html</a></p>
<p><a href="http://www.too.com/product/software/vr/instavr/embed03.html">http://www.too.com/product/software/vr/instavr/embed03.html</a></p>
<p>Webページに埋め込むこともコードを書き出してくれるので簡単にできるようです。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12822" src="/uploads-archive/2017/05/2.jpg" alt="" width="720" height="246" srcset="/uploads-archive/2017/05/2.jpg 720w, /uploads-archive/2017/05/2-300x103.jpg 300w, /uploads-archive/2017/05/2-228x78.jpg 228w" sizes="(max-width: 720px) 100vw, 720px" /></p>
<p>埋め込みの例がこちらです。</p>
<p><a href="http://jp.instavr.co/#section-f_5c2451ca-6c49-434b-81de-de930925c07f">http://jp.instavr.co/</a></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/ajkLvFsfiTw?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>まとめ</h2>
<p>VRがいわゆるキャズムに落ちてしまわないためには、豊富なコンテンツ量が必要だと考えます。InstaVRはVRコンテンツ制作のハードルを下げるという意味で、コンテンツ量の増加に一役買ってくれそうです。</p>


instaVRでコンテンツを作ってみる

<h2>現状</h2>
<p>昨日、アリペイの会社Alibaba Group Holding Ltdとアメリカ決済会社First Data契約した。<br />
今から、アメリカ にFirst Dataを使う4,000,000の店にAlipayの支払はできました。<br />
2016末にカリフォルニアとニューヨーク市に大きなデパート中にAlipayの実行をテストしました。大きな成功以上、昨日全アメリカ範囲で、First Dataに契約した店を全部Alipay決済を有効しました。</p>
<h2>ECの影響</h2>
<p>アメリカ</p>
<p>今、Alipayを実行しる店はApple payと同じました。Tim Cook（Apple Inc. CEO）先週の話とApple payは今、アメリカで4,500,000の所に使えます。</p>
<p>私たちの影響</p>
<p>Alipay決済出来る以上、アメリカのユーザー増える可能性がある。未来の展開はアジアではなく、アメリカからユーロパまで、発展の可能性があります。</p>
<p>&nbsp;</p>


アリペイ決済 IN アメリア

<p>EC業界で最も引用されているであろうあの調査結果が今年も発表された。</p>
<p><a href="http://www.meti.go.jp/press/2017/04/20170424001/20170424001.html" target="_blank" rel="noopener noreferrer">http://www.meti.go.jp/press/2017/04/20170424001/20170424001.html</a></p>
<p>ことしはだいぶ早く発表されてびっくりだ。</p>
<p>&nbsp;</p>
<h2>国内EC市場</h2>
<p>2015年のEC市場規模は15兆1,358 億円 (+9.9%)</p>
<p>EC化率は5.43% (+0.68%)</p>
<p>&nbsp;</p>
<p>昨年度の市場規模の伸び率が昨年度は7.6%、EC化率が同+3.8%だったのに比べると伸び率がかなり上昇したと言える。</p>
<p>&nbsp;</p>
<p>特に物販系の伸び率が高く、その他を牽引している。(下図)</p>
<div id="attachment_12808" style="width: 514px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-12808" decoding="async" loading="lazy" class="size-full wp-image-12808" src="/uploads-archive/2017/05/1.png" alt="" width="504" height="209" srcset="/uploads-archive/2017/05/1.png 504w, /uploads-archive/2017/05/1-300x124.png 300w, /uploads-archive/2017/05/1-228x95.png 228w" sizes="(max-width: 504px) 100vw, 504px" /><p id="caption-attachment-12808" class="wp-caption-text">今年度の報告書</p></div>
<p>&nbsp;</p>
<div id="attachment_12809" style="width: 514px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-12809" decoding="async" loading="lazy" class="size-full wp-image-12809" src="/uploads-archive/2017/05/2.png" alt="" width="504" height="205" srcset="/uploads-archive/2017/05/2.png 504w, /uploads-archive/2017/05/2-300x122.png 300w, /uploads-archive/2017/05/2-228x93.png 228w" sizes="(max-width: 504px) 100vw, 504px" /><p id="caption-attachment-12809" class="wp-caption-text">昨年度の報告書</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>物販での業種別市場規模の順位は以下の通りで昨年と同じだった。</p>
<p>1位：衣類・服装雑貨等 1兆5297億円 (+10.5%)</p>
<p>2位：食品、飲料、酒類 1兆4503億円 (+10.2%)</p>
<p>3位：生活家電、AV 機器、PC・周辺機器等 1兆4278億円 (+9.0%)</p>
<p>生活家電、AV 機器、PC・周辺機器等 は昨年度の伸び率が3.1%だったのでかなり伸びたようだ。</p>
<p>&nbsp;</p>
<h2>越境EC</h2>
<p>国別ランキング。5位までは昨年と変わらず。</p>
<p>新しくインドがランクインした。伸び率は56%と中国を抜いており、人口を考えても今後注目だ。</p>
<div id="attachment_12811" style="width: 387px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-12811" decoding="async" loading="lazy" class="size-full wp-image-12811" src="/uploads-archive/2017/05/スクリーンショット-2017-05-08-17.58.18.png" alt="" width="377" height="300" srcset="/uploads-archive/2017/05/スクリーンショット-2017-05-08-17.58.18.png 377w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-17.58.18-300x239.png 300w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-17.58.18-228x181.png 228w" sizes="(max-width: 377px) 100vw, 377px" /><p id="caption-attachment-12811" class="wp-caption-text">今年度の報告書</p></div>
<p>昨年以下のようにコメントしたのだが、今年は</p>
<p>米：3983.5+英：1060.8+日：774.1+独：576.5+韓：456.3+仏：385.5+加：266.2+豪：183.4+印：160.2 = 7846.5</p>
<p>と、2位空10位まで合計しても中国1国に追いつかない状況となった。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<blockquote><p>ランキング2位〜7位の6カ国の市場規模の合計は</p>
<p>米：3406.1 + 英：993.9 + 日：895.5 + 独：618.4 + 仏：426.0 + 韓：388.6 = 6728.5</p>
<p>で、中国 1国の市場規模6720.1とほぼ変わらない。</p>
<p>仮にこの6カ国向けのECをやるとすると、英語、ドイツ語、フランス語、韓国語の最低4カ国語でのサポート体制が必要になる。</p>
<p>そこにコストをかけるよりは、中国1国に絞って広告費を集中させたほうが成功率が高くなる</p></blockquote>
<p>&nbsp;</p>
<p>次に、日米中間の越境ECの市場規模。</p>
<p>中国が日米からの購入額がそれぞれ1兆円を超えた。</p>
<p>日本からの購入額の伸び率は昨年度が31.2%と微減だった。</p>
<p>全体の伸び率40%に比べて未だ低いので、売り手側のやり方次第でもっと伸ばせるだろう。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-12812" src="/uploads-archive/2017/05/スクリーンショット-2017-05-08-18.05.46.png" alt="" width="570" height="318" srcset="/uploads-archive/2017/05/スクリーンショット-2017-05-08-18.05.46.png 570w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-18.05.46-300x167.png 300w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-18.05.46-228x127.png 228w" sizes="(max-width: 570px) 100vw, 570px" /></p>
<p>&nbsp;</p>
<p>次は世界の越境EC市場規模について。</p>
<p>2016年の越境EC市場規模は4,000億US ドルだったとのこと。</p>
<p>今年度は更に伸びて5,000億USドルを超える予想とのことだ。</p>
<p>&nbsp;</p>
<div id="attachment_12813" style="width: 495px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-12813" decoding="async" loading="lazy" class="size-full wp-image-12813" src="/uploads-archive/2017/05/スクリーンショット-2017-05-08-18.15.56.png" alt="" width="485" height="293" srcset="/uploads-archive/2017/05/スクリーンショット-2017-05-08-18.15.56.png 485w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-18.15.56-300x181.png 300w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-18.15.56-228x138.png 228w" sizes="(max-width: 485px) 100vw, 485px" /><p id="caption-attachment-12813" class="wp-caption-text">世界の越境EC市場規模</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2></h2>
<h2>まとめ</h2>
<p>以下の図を見ると、中国のネット利用者1人あたりの年間EC利用額が日本の倍近くまで成長している。しかも市場規模は12倍だ。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-12814" src="/uploads-archive/2017/05/スクリーンショット-2017-05-08-18.27.12.png" alt="" width="574" height="296" srcset="/uploads-archive/2017/05/スクリーンショット-2017-05-08-18.27.12.png 574w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-18.27.12-300x155.png 300w, /uploads-archive/2017/05/スクリーンショット-2017-05-08-18.27.12-228x118.png 228w" sizes="(max-width: 574px) 100vw, 574px" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>越境ECをとりまく環境は昨年度でかなり整備されたと思うので、今年度は拡大期になることを願う。</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2017/07/12

2017/07/11

2017/06/14

2017/06/14

2017/06/14

2017/06/14

2017/06/14

2017/06/14

2017/06/13

2017/06/13

2017/05/10

2017/05/10

2017/05/10

2017/05/10

2017/05/10

2017/05/10

2017/05/09

2017/05/09