<h2>越境ECアプリbolomeの実力！</h2>
<p>日本と同一価格 ＋ フラッシュセール ＋ 実況ライブ中継</p>
<p>を売りにした越境ECアプリのbolome。</p>
<p>「越境ECの唯一の成功モデルだ」という人もいるくらいで、すごいすごいとは聞いていましたが先日初めてお昼の番組を最初から最後まで視聴しました。</p>
<h2>そもそも、bolomeとは</h2>
<p><a href="http://thebridge.jp/2015/09/conversation-with-bolome-co-founder-yuya-mizuno" target="_blank">こちらの記事</a>に詳しいのですが、以下のような３つの売りがあるアプリ型の越境ECサービスです。</p>
<h3>日本と同一価格</h3>
<p>日本の商品を中国にいながら買う方法としては、C2Cのタオバオなどがありますが、中国の人が不満なのは「代理購入者の手数料が乗っているから、日本での売価より２０～３０％高いこと」。<br />
bolome では日本の商品を、日本の問屋から卸売価格で購入して、日本の売価と同じ価格で、中国人にオンラインで販売します。</p>
<h3>フラッシュセール</h3>
<h3>実況ライブ中継</h3>
<p>商品の販売は、中国の人の昼食休憩時間にあたる12:30〜13:00 にフラッシュセールで行っており、日本の小売店の店頭から中国人レポーターが双方向チャット付きの実況中継動画で商品を紹介しています。<br />
この時間帯に、全売上の25%が集中しているそうです。</p>
<h2>中継を観てみた</h2>
<p>12：30から生放送なので、それまではこんな画面です。<br />
今日は鳥取県のかばんメーカーさんの商品が紹介されるようです。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_03971-576x1024.png" alt="IMG_0397[1]" width="576" height="1024" class="aligncenter size-large wp-image-11794" srcset="/uploads-archive/2016/08/IMG_03971-576x1024.png 576w, /uploads-archive/2016/08/IMG_03971-169x300.png 169w, /uploads-archive/2016/08/IMG_03971-228x406.png 228w, /uploads-archive/2016/08/IMG_03971.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>番組スタート！</p>
<p>中国人美女（真ん中）と、お笑いっぽいポジションな中国人女性（右）が登場！<br />
店員の女性（左）とトークを始めます。<br />
真ん中の美女は日本語もできるので、店員さんと日本語で話しながら、随時通訳していきます。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0399-576x1024.png" alt="IMG_0399" width="576" height="1024" class="aligncenter size-large wp-image-11796" /></p>
<p>まず紹介されたのは、名探偵コナンとのコラボ商品。<br />
なぜコラボしているかというと、作者の青山剛昌が鳥取県出身だからだそうです。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0402-576x1024.png" alt="IMG_0402" width="576" height="1024" class="aligncenter size-large wp-image-11797" srcset="/uploads-archive/2016/08/IMG_0402-576x1024.png 576w, /uploads-archive/2016/08/IMG_0402-169x300.png 169w, /uploads-archive/2016/08/IMG_0402-228x406.png 228w, /uploads-archive/2016/08/IMG_0402.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>次の商品は、ゲゲゲの鬼太郎とのコラボ商品。<br />
コラボしまくりますねぇ。<br />
言わずもがな、鳥取は水木しげる先生の出身地だからですね。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0404-576x1024.png" alt="IMG_0404" width="576" height="1024" class="aligncenter size-large wp-image-11798" srcset="/uploads-archive/2016/08/IMG_0404-576x1024.png 576w, /uploads-archive/2016/08/IMG_0404-169x300.png 169w, /uploads-archive/2016/08/IMG_0404-228x406.png 228w, /uploads-archive/2016/08/IMG_0404.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>目玉オヤジモデルのバッグ。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0405-576x1024.png" alt="IMG_0405" width="576" height="1024" class="aligncenter size-large wp-image-11799" srcset="/uploads-archive/2016/08/IMG_0405-576x1024.png 576w, /uploads-archive/2016/08/IMG_0405-169x300.png 169w, /uploads-archive/2016/08/IMG_0405-228x406.png 228w, /uploads-archive/2016/08/IMG_0405.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>鬼太郎のちゃんちゃんこモデル。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0406-576x1024.png" alt="IMG_0406" width="576" height="1024" class="aligncenter size-large wp-image-11800" srcset="/uploads-archive/2016/08/IMG_0406-576x1024.png 576w, /uploads-archive/2016/08/IMG_0406-169x300.png 169w, /uploads-archive/2016/08/IMG_0406-228x406.png 228w, /uploads-archive/2016/08/IMG_0406.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>もちろん漫画とのコラボモデルだけでなく、スタイリッシュなデザインのものもあります。<br />
そして、このカバンの一番の特徴は、折り紙のようにかたちを自由に変形できるところ。<br />
このような特徴は、ライブ実況だとよく伝わっていいですね！<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0409-576x1024.png" alt="IMG_0409" width="576" height="1024" class="aligncenter size-large wp-image-11802" srcset="/uploads-archive/2016/08/IMG_0409-576x1024.png 576w, /uploads-archive/2016/08/IMG_0409-169x300.png 169w, /uploads-archive/2016/08/IMG_0409-228x406.png 228w, /uploads-archive/2016/08/IMG_0409.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>美女とお笑い担当の女性以外にも、男性も登場して、ちょっとしたお笑い番組のようなノリです。<br />
美女がバッグを背負ってポーズを取った後に、お笑い女性がポーズを取って笑いを取る…ようなほのぼのしたノリで、僕もだらしなく笑ってしまいました。<br />
日本の通販番組のような作りこまれた構成、演技はなく、素人が即興で作っているような雰囲気です。<br />
実際スマホで撮影しているようです。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0410-576x1024.png" alt="IMG_0410" width="576" height="1024" class="aligncenter size-large wp-image-11803" srcset="/uploads-archive/2016/08/IMG_0410-576x1024.png 576w, /uploads-archive/2016/08/IMG_0410-169x300.png 169w, /uploads-archive/2016/08/IMG_0410-228x406.png 228w, /uploads-archive/2016/08/IMG_0410.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/08/IMG_0414-576x1024.png" alt="IMG_0414" width="576" height="1024" class="aligncenter size-large wp-image-11804" srcset="/uploads-archive/2016/08/IMG_0414-576x1024.png 576w, /uploads-archive/2016/08/IMG_0414-169x300.png 169w, /uploads-archive/2016/08/IMG_0414-228x406.png 228w, /uploads-archive/2016/08/IMG_0414.png 750w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<h2>効果の程は？</h2>
<p>どれほど売れたのかは不明ですが、bolomeで商品を紹介してもらったというだけで、日経地方版で記事になっていました。</p>
<p><a href="/uploads-archive/2016/08/575be9234fc6a921a08132fb62833758.pdf" target="_blank">日経中国経済面20160809</a></p>


越境ECアプリbolomeの効果を目の当たりにしました

<p>CI（circle integration： 継続的インテグレーション）を図る上で、昨今ではCircleCi、Jenkins、Travis Ciなどが存在するが、<br />
合わせてRuby On RailsではRSpecを使用している人が多い。</p>
<p>導入方法としては以下の通り。</p>
<h2>導入</h2>
<p></p>

		<div id="crayon-6495402643029348902993" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
group :development, :test do
  gem 'rspec-rails', '~&gt; 3.5'
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-6495402643029348902993-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643029348902993-2">2</div><div class="crayon-num" data-line="crayon-6495402643029348902993-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-6495402643029348902993-1"><span class="crayon-i">group</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">development</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">test </span><span class="crayon-st">do</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643029348902993-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">gem</span><span class="crayon-h"> </span><span class="crayon-s">'rspec-rails'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'~&gt; 3.5'</span></div><div class="crayon-line" id="crayon-6495402643029348902993-3"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>Gemfileに上記を追加し、bundle installを実施する。</p>

		<div id="crayon-649540264302d589884612" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
bundle install</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-649540264302d589884612-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-649540264302d589884612-1"><span class="crayon-e">bundle </span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>そのあと、下記によりconfigファイルを生成する。</p>

		<div id="crayon-649540264302e876660649" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
rails generate rspec:install</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-649540264302e876660649-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-649540264302e876660649-1"><span class="crayon-e">rails </span><span class="crayon-e">generate </span><span class="crayon-i">rspec</span><span class="crayon-sy">:</span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>以上で、導入は完了する。</p>
<p>ここで、</p>

		<div id="crayon-649540264302f897744725" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
rails g rspec:model user</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-649540264302f897744725-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-649540264302f897744725-1"><span class="crayon-i">rails</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-h"> </span><span class="crayon-i">rspec</span><span class="crayon-sy">:</span><span class="crayon-e">model </span><span class="crayon-i">user</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>を実行すれば、<br />
spec/models/user_spec.rb<br />
のようなファイルが生成されるので、ここにテストコードを書いていく。</p>
<p>RSpecのテストコードの書き方は独自のものが存在する。<br />
書き方は下記がわかりやすい。<br />
<a href="http://qiita.com/jnchito/items/3a590480ee291a70027c">RSpec</a><br />
<a href="https://leanpub.com/everydayrailsrspec-jp/read#leanpub-auto-section-15">Everyday Rails &#8211; RSpecによるRailsテスト入門</a></p>
<h2>参考</h2>
<p><a href="https://github.com/rspec/rspec-rails">GitHub &#8211; rspec/rspec-rails: RSpec for Rails-3+</a></p>

Ruby On RailsにRSpecを導入する

<p>ECサイトにおける分析においていくつかKPIを定めるべく、紹介致します。</p>
<p>Googleアナリティクスで取れる指標はアナリティクスで見ればいいという考え方で、アナリティクスで取りづらい（もしかしたら取る方法はあるのかも）のは顧客の購買データに紐づく指標かと思います。</p>
<p>今回は、弊社が運営する<a href="https://catseye.jp/">カラコン通販サイト</a>で必要と思われるKPIをシェアしたいと思います。</p>
<p>これがメディアであれば、滞在時間、離脱ページ、平均PVといったところがKPIになると思います。</p>
<h2>KPIについて</h2>
<p><strong>Key Performance Indicator</strong>の頭文字で日本語に訳すと重要評価指標といったところだと思います。</p>
<p>これから紹介するいくつかのKPIとにらめっこしながら、何をやらなくてはいけないのか何をやるべきなのかというところを優先順位をつけて実稼働に落とし込んでいくことになります。</p>
<p>このKPI自体もこれというところはなく、いくつも存在するマーケティングフレームワークの指標や数字を用いて、KPIを設定するというところから始めます。</p>
<h2>LTV</h2>
<p>ライフタイムバリュー、顧客生涯価値という</p>
<p>LTV＝顧客当たりの売上×利益率×取引期間</p>
<p>の計算式で成り立ち、特にリピート商材ではこのLTVを基準にして、広告やその他顧客獲得コストを算出する。</p>
<p>つまりLTVが1万円を超えていれば、獲得コストを1万円と見積もっても利益が出る計算となる。</p>
<h2>属性別客単価</h2>
<p>客単価＝売上/顧客数</p>
<p>後述するGoogleアナリティクスeコマースタグでも取得では出来るが、ECサイト側でしか持っていない会員情報との掛け合わせで客単価を算出出来るとよい。</p>
<p>例えば、生年月日から年代を割り出して20代女性の客単価を抽出してマーケティングの対象範囲にする。</p>
<h2>RFM</h2>
<ul class="ul01">
<li>Recency　最終購買日</li>
<li>Frequency　購買頻度</li>
<li>Monetary　購買金額</li>
</ul>
<p>上記の値を年間を通して算出しつつ、メルマガやDMなどのプッシュ型マーケティングと組み合わせられると効果を発揮出来ます。</p>
<p>例えば、前回5000円以上購入して一ヶ月を経過した顧客へのアップセルのアプローチ。</p>
<h2>Googleアナリティクスで取れるもの</h2>
<h3>CVR</h3>
<p>コンバージョンレート＝購入数/アクセス数</p>
<h2>Googleアナリティクスでeコマースタグを使って取れるもの</h2>
<h3>平均注文額</h3>
<p>1注文当たりの購入金額</p>
<h3>購入までの間隔</h3>
<p>初回のセッションから購入までに何日経過しているか。</p>


リピートECサイトにおけるKPI

Railsで階層構造を簡単に作ってみる

<p>LaunchCartは越境ECシステムなので当然多言語テンプレートに対応しているのだが、IPアドレスによる自動の言語切替をするような機能は標準では搭載していない。</p>
<p>内部的にIPアドレスを定義しておけば当然できるのだが、メンテナンスが必要となってしまうため個人的にあまり好きなやり方ではない。</p>
<p>&nbsp;</p>
<p>多少お金がかかっても良いので気軽に扱えて信頼性が高いサービスが無いかと思い調べた結果良さそうだったのがこちら。</p>
<p><a href="https://ipinfo.io/" target="_blank">https://ipinfo.io/</a></p>
<p>&nbsp;</p>

		<div id="crayon-6495402642b79940082640" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
curl ipinfo.io</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-6495402642b79940082640-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-6495402642b79940082640-1"><span class="crayon-e">curl </span><span class="crayon-i">ipinfo</span><span class="crayon-sy">.</span><span class="crayon-i">io</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>これだけでアクセス元のIPアドレスからの情報を得られる。</p>
<p>&nbsp;</p>
<p>以下はjavascriptで連携した例。</p>
<p><a class="demo" href="/demo/hoshino/71/" target="_blank">デモ</a></p>
<p>&nbsp;</p>

		<div id="crayon-6495402642b7d203198241" 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() {
    $.getJSON('http://ipinfo.io', function(data){
        if (data) {
            data = eval(data);
            $("dd:eq(0)").html(data.country);
            $("dd:eq(1)").html(data.city);
            $("dd:eq(2)").html(data.ip);
        }
    })
});</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-6495402642b7d203198241-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-2">2</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-4">4</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-6">6</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-8">8</div><div class="crayon-num" data-line="crayon-6495402642b7d203198241-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642b7d203198241-10">10</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-6495402642b7d203198241-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-e">getJSON</span><span class="crayon-sy">(</span><span class="crayon-s">'http://ipinfo.io'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">data</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">eval</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"dd:eq(0)"</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-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">country</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"dd:eq(1)"</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-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">city</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">"dd:eq(2)"</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-i">data</span><span class="crayon-sy">.</span><span class="crayon-i">ip</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-6495402642b7d203198241-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642b7d203198241-10"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こんな感じで取得した情報を表示している。</p>
<p>&nbsp;</p>
<p>当社のように1テンプレートで言語を出し分けている場合はページのロード後にajaxで言語を入れ替えることもできるため、選択肢が広がってよさそうだ。</p>
<p>価格も1日320,000リクエストで$400でバカ高くは無い</p>

IPアドレスから国を判断する方法

<h2>アプリ化するメリット</h2>
<p>ECサイトに限らずですが、webサイトのアプリ化にはいろんなメリットがあります。</p>
<h4>サイトをリピートして利用してもらえる</h4>
<p>ブラウザを通してサイトにたどり着くというルートに比べると、アプリの場合は立ち上げるだけでサイトにアクセスできて、手順が少ない（遷移回数が少い）のでユーザビリティが高くリピート率が高くなります。</p>
<p>ブラウザで検索してからという事になると、同じ検索結果が表示されず「あれ？あのサイトが見当たらない」という具合にユーザーが辿りつけない場合も考えられますが、アプリならスマホのホーム画面にあるわけですから言わずもがなです。</p>
<p>特にECサイトにとってはスマホからのアクセスが約7割、売上が約5割（2015年のデータ 参照：<a href="http://ecclab.empowershop.co.jp/archives/4411">http://ecclab.empowershop.co.jp/archives/4411</a>）という事もあり ユーザーのリピート率向上という意味で大きなメリットがあります。</p>
<h4>ユーザーに情報をプッシュ配信できる</h4>
<p>これもユーザーのリピート利用率向上につながるのですが、アプリをダウンロードする際に同意してもらえるようにしておけば、新商品やセールの情報、配送に関する案内などをプッシュ配信できます。</p>
<p>大手のECモールでショップを展開している場合はメールという事になりますが、メールの開封率はかなり低く、人気ショップのメルマガですら良くて1割ほどの開封率、そこからのクリック率はさらに1割がいいところ、購入までいくのはほんのわずかという事になります。</p>
<p>支払に関する内容や配送状況などのメールについても、キャリアメール（@docomo、@ezweb、@softbank）を利用しているユーザーはPCからのメールを拒否設定している場合が多く、開封どころか届いてすらいない場合があります。拒否しているユーザーの中にはリテラシーが低い人も多く、「拒否した覚えがないのになぜメールが届かない」というクレームに繋がることがしばしばです。※@ezwebはデフォルトで拒否設定になっているそうです。</p>
<p>最近増えてきたLINE@での情報配信もありますが、こちらは「友だち」を増やす事に一苦労します。ECサイトで商品を購入したからと言って自動的に「友だち」になるわけではないので、メールアドレスと違いショップを利用してくれたユーザー全てを配信対象にはできません。LINE@は「友だち」に対して情報をリーチする事にかけては、メールのより効率が良いのですが、その「友だち」を獲得するのにかなりコストがかかってしまいます。</p>
<p>アプリの場合はダウンロードさえしてもらえれば、情報をプッシュ配信でホーム画面に表示できます。「LINE@の友だち追加する」と「アプリをダウンロードする」はユーザーから見たときのハードルの高さにさほど違いはないと思います。</p>
<h2>アプリをダウンロードしてもらうためのハードル</h2>
<p>もちろんですがアプリをダウンロードしたくなる理由が必要です。ECショップ自体を気に入ってもらう事は絶対条件として、その他にユーザーにとって何等かのメリットが無ければダウンロードしてもらえないでしょう。</p>
<p>楽天市場やYahoo!ショッピングなど大きなECモールもアプリをリリースしていますが、アプリから購入するとポイント倍率が高くなるなどのキャンペーンを行う事でダウンロードを促しています。</p>
<p>アプリをダウンロードしてもらうには、単純なところで以下のような方法があります。</p>
<p>①ポイント率に差をつける</p>
<p>②商品価格に差をつける</p>
<p>③再送のスピードに差をつける</p>
<p>④ショッピング以外のコンテンツを展開する</p>
<p>最も効果があるのはおそらく②の価格自体が安くなるという方法だと思いますが、扱っている商品によっては単価がもともと安いために価格を下げられなかったりもするので、リリース時の一時的なキャンペーンとして行うのが最善かもしれません。</p>
<h2>アプリ化に適した商材</h2>
<p>サイトをアプリ化するメリットをいくつか上げましたが、そもそもECサイトの場合は扱っている商材によって向き不向きがあります。</p>
<p>日用品や消耗品などリピートして利用・購入してもらえる商材（リピート商材）の場合はいいのですが、リピートされない商材については難しいところです。</p>
<p>ユーザーとしては一回の買い物のためにアプリをダウンロードするという煩わしさがありますし、ダウンロードするハードルを下げるには「価格が安くなる」くらいしか響かないでしょう。ポイントが高いと言われても「もう利用しないからどうでもいい」という気持ちになるはずです。</p>
<p>ショップ側がどんなにリピート率を上げたいと思ってアプリ化しても、そもそも商材がリピート商材でなければ効果は薄いと思います。</p>
<h2>アプリ化する方法</h2>
<h4>webサイトをそのままアプリにするサービスを利用する</h4>
<p>サイトをアプリで改めて構築するとなると、それなりの時間とコストがかかってしまいます。という事で既存のwebサイトをそのままアプリにできるサービスを調べてました。</p>
<p>探してみるとwordpressをアプリにするというサービスはかなり出てきます。しかしECサイトはwordpressをベースしている物だけではないのでもっと汎用性の高いサービスも探してみるといくつかありました。</p>
<p><a href="https://ja.monaca.io/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11759" src="/uploads-archive/2016/08/1-2.jpg" alt="1" width="640" height="465" srcset="/uploads-archive/2016/08/1-2.jpg 640w, /uploads-archive/2016/08/1-2-300x218.jpg 300w, /uploads-archive/2016/08/1-2-228x166.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>小規模なら無料で利用できるプランもあります</p>
<p>そのままアクセスするだけのアプリであればすぐにできてしまうようです。詳しい事はこちらの記事を参考にしてみてください。<a href="http://smart-phone.783783783.com/2016/03/09/monaca-website-app/">http://smart-phone.783783783.com/2016/03/09/monaca-website-app/</a></p>
<p><a href="https://gonative.io/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11760" src="/uploads-archive/2016/08/2-2.jpg" alt="2" width="640" height="543" srcset="/uploads-archive/2016/08/2-2.jpg 640w, /uploads-archive/2016/08/2-2-300x255.jpg 300w, /uploads-archive/2016/08/2-2-228x193.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>プラントしては590ドルからで、100％pple App Store と Google Playに登録できると事を保証できるサービスとの事です。</p>
<p><a href="/admin/wp-contehttps://joren.io/ja/index.htmlnt/uploads/2016/08/3-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11761" src="/uploads-archive/2016/08/3-1.jpg" alt="3" width="640" height="476" srcset="/uploads-archive/2016/08/3-1.jpg 640w, /uploads-archive/2016/08/3-1-300x223.jpg 300w, /uploads-archive/2016/08/3-1-228x170.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>ノンプログラミングでサイトをアプリ化できてプッシュ配信も可能というだそうですが、現時点ではまだ事前登録のみでリリースはまだ行われていません。</p>
<p><a href="/uploads-archive/2016/08/4-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11763" src="/uploads-archive/2016/08/4-1.jpg" alt="4" width="640" height="308" srcset="/uploads-archive/2016/08/4-1.jpg 640w, /uploads-archive/2016/08/4-1-300x144.jpg 300w, /uploads-archive/2016/08/4-1-228x110.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>Androidアプリに限定されてしまいますが、ノンプログラムでサイトをアプリ化できます。無料で利用可能です。</p>
<h4>アプリを改めて構築する</h4>
<p>アプリ制作会社によってはECに特化したアプリを作ってくれるところもいくつかあります。</p>
<p><a href="http://applile.jp/#a02"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11764" src="/uploads-archive/2016/08/5-2.jpg" alt="5" width="640" height="307" srcset="/uploads-archive/2016/08/5-2.jpg 640w, /uploads-archive/2016/08/5-2-300x144.jpg 300w, /uploads-archive/2016/08/5-2-228x109.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>EC向けに特化しているようで、日時を指定したプッシュ通知やカゴ落ちユーザーを対象にしたプッシュもできます。クーポン機能やユーザーからのアンケートもできるそうです。</p>
<p>初期費用が50000円で月々980円から利用できますが、EC向けの機能を利用する場合は月額5000円にプランになるようです。</p>
<p><a href="https://yapp.li/category/ec.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11766" src="/uploads-archive/2016/08/6-1.jpg" alt="6" width="640" height="303" srcset="/uploads-archive/2016/08/6-1.jpg 640w, /uploads-archive/2016/08/6-1-300x142.jpg 300w, /uploads-archive/2016/08/6-1-228x108.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>こちらはCMSになっていて自分でドラッグ＆ドロップで機能を並べてアプリを作成できます。ECに適した機能も充実しているようです。</p>
<p>価格については詳しい記載を見つけられませんでしたが、yappliについて書いているブログによると月額9800円とありました。</p>


ECサイトをアプリ化するメリットとサービス

<p>画像のレタッチでコントラストを強くする際に気を付けないと「白とび」や「黒潰れ」が起こってしまいます。つまり諧調が失われてしまうわけです。意図してやっているなら問題はないのですが、そうでない場合は確認しながら慎重に作業をする必要があります。</p>
<p>じゃあどうやって確認するのかという事ですがちゃんと方法があります。</p>
<p>photoshopに限らず画像のレタッチをする際には「レベル補正」または「トーンカーブ」を使う方が多いようです。今回ご紹介するのはこの２つの調整レイヤー（調整レイヤーでなくても直接修正ができます。）を使う場合の諧調つぶれを確認する方法です。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11731" src="/uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s.jpg" alt="c47d4b4d8e9ab61cd57208b1eced3f1f_s" width="640" height="424" srcset="/uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s.jpg 640w, /uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s-300x199.jpg 300w, /uploads-archive/2016/08/c47d4b4d8e9ab61cd57208b1eced3f1f_s-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>レベル補正でコントラストを上げてみます。</p>
<p><a href="/uploads-archive/2016/08/1-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11732" src="/uploads-archive/2016/08/1-1.jpg" alt="1" width="310" height="334" srcset="/uploads-archive/2016/08/1-1.jpg 310w, /uploads-archive/2016/08/1-1-278x300.jpg 278w, /uploads-archive/2016/08/1-1-228x246.jpg 228w" sizes="(max-width: 310px) 100vw, 310px" /></a></p>
<p><a href="/uploads-archive/2016/08/2-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11733" src="/uploads-archive/2016/08/2-1.jpg" alt="2" width="640" height="424" srcset="/uploads-archive/2016/08/2-1.jpg 640w, /uploads-archive/2016/08/2-1-300x199.jpg 300w, /uploads-archive/2016/08/2-1-228x151.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>コントラストが強くなって若干ですが夏らしさが増しました。しかし、赤い矢印で示した白と黒のスライダーをAltキーを押しながらクリックしてみると、、、</p>
<p><a href="/uploads-archive/2016/08/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11734" src="/uploads-archive/2016/08/3.jpg" alt="3" width="310" height="334" srcset="/uploads-archive/2016/08/3.jpg 310w, /uploads-archive/2016/08/3-278x300.jpg 278w, /uploads-archive/2016/08/3-228x246.jpg 228w" sizes="(max-width: 310px) 100vw, 310px" /></a></p>
<p>Altを押しながら白のスライダーをクリックした時（白い部分が白とび）</p>
<p><a href="/uploads-archive/2016/08/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11736" src="/uploads-archive/2016/08/4.jpg" alt="4" width="640" height="417" srcset="/uploads-archive/2016/08/4.jpg 640w, /uploads-archive/2016/08/4-300x195.jpg 300w, /uploads-archive/2016/08/4-228x149.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>Altを押しながら黒のスライダーをクリックした時（黒い部分が黒潰れ）</p>
<p><a href="/uploads-archive/2016/08/5-1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11738" src="/uploads-archive/2016/08/5-1.jpg" alt="5" width="634" height="414" srcset="/uploads-archive/2016/08/5-1.jpg 634w, /uploads-archive/2016/08/5-1-300x196.jpg 300w, /uploads-archive/2016/08/5-1-228x149.jpg 228w" sizes="(max-width: 634px) 100vw, 634px" /></a></p>
<p>それぞれが意味する所は、白・黒・R・G・Bで諧調が潰れている（とんでいる）部分にその色がついています。</p>
<p>&nbsp;</p>
<p>トーンカーブの時は同じようにAltを押しながらスライダーをクリックすると、RGBの潰れがわかります。（白と黒に関してはカーブが上枠・下枠に設置してしまうと潰れる。）</p>
<p><a href="/uploads-archive/2016/08/6.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11739" src="/uploads-archive/2016/08/6.jpg" alt="6" width="318" height="402" srcset="/uploads-archive/2016/08/6.jpg 318w, /uploads-archive/2016/08/6-237x300.jpg 237w, /uploads-archive/2016/08/6-228x288.jpg 228w" sizes="(max-width: 318px) 100vw, 318px" /></a></p>
<p>かなり簡単な説明になってしまいましたが、直接触ってみるのが一番わかり安いので試してみてください。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


photoshop　白とび・黒潰れを確認する方法

small_nino-eye (3).jpg

thumbnail_nino-eye (3).jpg

nino-eye (3).jpg

Canvasで画像の白を透過にする

<p>3色といってもそれぞれに意味合いは違うのですが、これ使い分けると非常に便利です。</p>
<p>みなさんおなじみのGoogleChromeは一番左のカラフル版だと思います。</p>
<p>これは安定版として提供されているものです。</p>
<p>真ん中の青いアイコンはChromiumというオープンソースのブラウザで、GoogleがこのChromiumのソースを元にGoogle独自の機能を追加してリリースしているのがChromeになります。</p>
<p>一番右の金色のアイコンはChrome Canaryといって、安定版に乗る前の新機能を搭載してテストをするためのバージョンで、いわゆるベータ版よりも前のアルファ版に近いようなイメージです。</p>
<p>バグがある前提のバージョンではありますが、既にchromeの大部分は安定していて、頻繁に落ちるというようなこともなく、どちらかと言うと新機能追加がメインかと思います。</p>
<h2>3つのchromeの何が便利？</h2>
<p><a href="/uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11715" src="/uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-300x116.png" alt="dcc3650b7bb248afb5557ca9c73df37f" width="300" height="116" srcset="/uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-300x116.png 300w, /uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-768x297.png 768w, /uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-1024x396.png 1024w, /uploads-archive/2016/08/dcc3650b7bb248afb5557ca9c73df37f-228x88.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ほぼこれを伝えたかったということに尽きるのですが、それぞれが独立したアプリケーションとして使うことが出来ます。</p>
<p>Chromeのベータ版やDEV版もダウンロード出来るのですが、これは、通常のchromeを上書きしてしまうので、独立したアプリケーションになりません。</p>
<p><a href="https://www.google.co.jp/chrome/browser/beta.html" target="_blank">https://www.google.co.jp/chrome/browser/beta.html</a></p>
<p>&nbsp;</p>
<p>独立したアプリケーションになることで</p>
<p>自分での使い方として以下になります。</p>
<ul>
<li>Googleアカウントが複数あるのでそれぞれ異なるアプリでログインしておく。<br />
→一つのアプリでマルチログインも出来ますがより便利</li>
<li>検証専用ブラウザにする。<br />
→スマートフォン幅を頻繁に確認する時など便利</li>
</ul>
<p>他にもいろいろな用途が考えられます。</p>
<h2>ダウンロード場所</h2>
<h3>Google Chrome Canary</h3>
<p><a href="https://www.google.co.jp/chrome/browser/canary.html" target="_blank">https://www.google.co.jp/chrome/browser/canary.html</a></p>
<h3>Chromium</h3>
<p><a href="https://download-chromium.appspot.com/" target="_blank">https://download-chromium.appspot.com/</a></p>
<h4>おまけ</h4>
<p>Chromiumは、自動アップデート機能がないので、下記のプラグインを入れて置くと随時バージョンを確認して最新バージョンをダウンロードしてくれます。</p>
<p><a href="https://chrome.google.com/webstore/detail/chromium-updater/ccgjmadhdidfloacagcnnodbkedkjedg?hl=ja" target="_blank">https://chrome.google.com/webstore/detail/chromium-updater/ccgjmadhdidfloacagcnnodbkedkjedg?hl=ja</a></p>


large_chorme_chromium_canary-1024x311.png

medium_chorme_chromium_canary-1024x311.png

small_chorme_chromium_canary-1024x311.png

thumbnail_chorme_chromium_canary-1024x311.png

chorme_chromium_canary-1024x311.png

3色のGoogleChrome「chrome chromium canary」

<p>社名っぽい、ただそれだけの理由で「jQuery Starfield」というプラグインを使ってみた。</p>
<p><a href="https://github.com/rocketwagon/jquery-starfield" target="_blank">https://github.com/rocketwagon/jquery-starfield</a></p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/70/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<p>使い方は簡単で、</p>
<p>JS</p>

		<div id="crayon-6495402642789019918057" 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;">
$( 'body' ).starfield( {
	starDensity: 4.0,
	mouseScale: 1.0,
	seedMovement: true
});</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-6495402642789019918057-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642789019918057-2">2</div><div class="crayon-num" data-line="crayon-6495402642789019918057-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402642789019918057-4">4</div><div class="crayon-num" data-line="crayon-6495402642789019918057-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402642789019918057-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'body'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">starfield</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642789019918057-2"><span class="crayon-h">	</span><span class="crayon-i">starDensity</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">4.0</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495402642789019918057-3"><span class="crayon-h">	</span><span class="crayon-i">mouseScale</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">1.0</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402642789019918057-4"><span class="crayon-h">	</span><span class="crayon-i">seedMovement</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span></div><div class="crayon-line" id="crayon-6495402642789019918057-5"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>CSS</p>

		<div id="crayon-649540264278d396942473" 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">CSS</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;">
html {height: 100%;}
body {padding: 0; margin: auto; width: 100%; height: 100%;}</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-649540264278d396942473-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540264278d396942473-2">2</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-649540264278d396942473-1"><span class="crayon-k ">html </span><span class="crayon-sy">{</span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">100%</span><span class="crayon-sy">;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540264278d396942473-2"><span class="crayon-k ">body </span><span class="crayon-sy">{</span><span class="crayon-e ">padding</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-e ">margin</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">auto</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">100%</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">100%</span><span class="crayon-sy">;</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>htmlのheightを100%にしないと表示されなかったので注意。</p>
<p>&nbsp;</p>
<p>以下はパラメータ</p>
<table>
<tbody>
<tr>
<th></th>
<th>Default</th>
<th>説明</th>
</tr>
<tr>
<td>starDensity</td>
<td>1.0</td>
<td>星の数</td>
</tr>
<tr>
<td>mouseScale</td>
<td>1.0</td>
<td>マウス動かした時のスピード感</td>
</tr>
<tr>
<td>seedMovement</td>
<td>true</td>
<td>マウス動かさなくても動作開始するか</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

jQuery Starfieldというのがあったので使ってみた

<h3>前置き</h3>
<div style="padding-left: 15px;">
便利なPhotoshopですが<br />
隠れに隠れた機能が多いアプリケーション</p>
<p>そんなの知ってるよ！</p>
<p>と思うのも多々あるかと思いますが備忘録的な感じで紹介します</p></div>
<h3>特徴</h3>
<div style="padding-left: 15px;">
<p>WindowsではControlキーがMacのCommandキーに相当します。</p>
<ul>
<li>Shift : 選択範囲など「プラス」のイメージ</li>
<li>Control : コマンド実行、他Shift, Alt等との組み合わせ識別</li>
<li>Alt : 選択範囲など「マイナス」のイメージ</li>
</ul>
</div>
<h3>良く使うキー組み合わせ</h3>
<div style="padding-left: 15px;">
<table>
<tbody>
<tr>
<th>キー・マウス動作</th>
<th>動作内容</th>
</tr>
<tr>
<td>Control + T</td>
<td>選択されたレイヤーの自由変形</td>
</tr>
<tr>
<td>Control 押しながらドラッグ</td>
<td>選択レイヤーの移動</td>
</tr>
<tr>
<td>Control + Shift + クリック</td>
<td>複数レイヤー選択</td>
</tr>
<tr>
<td>Control + E</td>
<td>上位レイヤーと結合</td>
</tr>
<tr>
<td>Control + Shift + E</td>
<td>表示されているレイヤー統合</td>
</tr>
<tr>
<td>d</td>
<td>描画色・背景色を黒白に初期化</td>
</tr>
<tr>
<td>x</td>
<td>描画色・背景色の入れ替え</td>
</tr>
<tr>
<td>q</td>
<td>クイックマスクモード切り替え</td>
</tr>
<tr>
<td>Control + R</td>
<td>定規の表示・非表示切り替え</td>
</tr>
<tr>
<td>Tab</td>
<td>メインウィンドウ以外の表示・非表示切り替え</td>
</tr>
</tbody>
</table>
<p>※ 上記は設定で「ツールの変更にShiftキーを使用」を敢えて外しています</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/DL3J_nBjDG0?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/W8fgF99Q3YA?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
</div>


ps.jpg

Webデザインで使えそうなPhotoshop小技変

【レポート】2年ぶりのミャンマーで感じた事2016

CentOSにHadoopをインストールしてみよう！

CanvasでPNGの透過を利用してシルエット画像を作る

<h2>制作する動画のイメージを共有するのは難しい</h2>
<p>動画制作の仕事をする上で、同じプロジェクトのスタッフまたはクライアントと「どんな動画を作るのか？」を共有するのは必須事項でありながら、なかなか難しい作業だと思います。</p>
<p>動画のイメージを言葉で伝えて、お互い共有したつもりになっていても、それぞれが抱いているイメージが違っていたら大問題です。なので、制作に入る前の段階で参考になる動画をお互いに見て「こんな感じ」とイメージの共有をする必要が出てきます。</p>
<p>参考になる動画をクライアントが気に入って、それと同じ撮り方や編集・加工を加えるのであれば、作成する動画のイメージを共有する作業は完了するのですが、これまでに無いような動画、または複数の参考動画から演出をかけわせたような動画を作成する場合はどうしてもイメージを共有する事が困難です。</p>
<p>そこで複数の参考動画を編集して「こんな感じ」というサンプルとなる動画を作ってイメージ共有する必要が出てきます。かと言って、サンプル動画の為に撮影をしていたら予算オーバーになってしまいます。（その分、予算があれば是非撮るべきだと思いますが。）</p>
<h2>サンプルの動画を撮影するのは困難</h2>
<p>ちょっと長くなりましたが、サンプルとなる動画はイメージが伝わればいいだけなので、いろんな所からキャプチャして仮素材にするのが一番手っ取り早いと思います。</p>
<p>ただあくまでもイメージを共有するためだけに使用する事が前提です。</p>
<p>デスクトップ画面をキャプチャーするアプリケーションは沢山ありますが、NVIDIAのグラボ、GPUを積んでいるPCを使っているならこちらが良いと思います。</p>
<p><a href="http://www.nvidia.co.jp/object/geforce-experience-shadow-play-jp.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11695" src="/uploads-archive/2016/08/1.jpg" alt="1" width="640" height="447" srcset="/uploads-archive/2016/08/1.jpg 640w, /uploads-archive/2016/08/1-300x210.jpg 300w, /uploads-archive/2016/08/1-228x159.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>本来はPCでゲームをプレイしているのを収録するためのアプリケーションですが、無料で品質が高いのでお勧めです。</p>
<p><a href="/uploads-archive/2016/08/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11699" src="/uploads-archive/2016/08/2.jpg" alt="2" width="525" height="296" srcset="/uploads-archive/2016/08/2.jpg 525w, /uploads-archive/2016/08/2-300x169.jpg 300w, /uploads-archive/2016/08/2-228x129.jpg 228w" sizes="(max-width: 525px) 100vw, 525px" /></a></p>
<p>６０FPS、50Mbpsで録画ができるので画質が下がってイメージが伝わらないという事はないと思います。</p>
<p>&nbsp;</p>


PCのデスクトップを動画でキャプチャする

<p>sony α7sⅡのではs-log2、s-log3で撮影が可能です。いつも編集でPremiereを使っているのでグレーディング方法を調べてみました。</p>
<p><a href="/uploads-archive/2016/07/3-3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11591" src="/uploads-archive/2016/07/3-3.jpg" alt="3" width="640" height="372" srcset="/uploads-archive/2016/07/3-3.jpg 640w, /uploads-archive/2016/07/3-3-300x174.jpg 300w, /uploads-archive/2016/07/3-3-228x133.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上はs-log3で撮影したものです。（ピクチャープロファイル８で撮影しています。）</p>
<p>まずはsonyのテクニカルナレッジからLUTファイルをダウンロードします。</p>
<p><a href="https://www.sony.jp/cinealta/knowledge/technical_tips.html"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11589" src="/uploads-archive/2016/07/1-3.jpg" alt="1" width="640" height="581" srcset="/uploads-archive/2016/07/1-3.jpg 640w, /uploads-archive/2016/07/1-3-300x272.jpg 300w, /uploads-archive/2016/07/1-3-228x207.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>続いてPremiere上でクリップにLumetriカラーを適用します。基本補正の中にあるLUT設定から参照でダウンロードしてきたLUTファイルを選びます。</p>
<p><a href="/uploads-archive/2016/07/5-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11599" src="/uploads-archive/2016/07/5-2.jpg" alt="5" width="640" height="448" srcset="/uploads-archive/2016/07/5-2.jpg 640w, /uploads-archive/2016/07/5-2-300x210.jpg 300w, /uploads-archive/2016/07/5-2-228x160.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>これでグレーディングができるので、あとは調整して下さい。</p>


small_3-3.jpg

thumbnail_3-3.jpg

3-3.jpg

α7sⅡ s-log撮影の素材をadobe PremiereのLumetriカラーでグレーディングする

<p>中小機構が主催している越境ECまるごとフェスティバル2016に参加してきました。<br />
<a href="http://marugoto-ecfes.smrj.go.jp/" target="_blank">http://marugoto-ecfes.smrj.go.jp/</a></p>
<h2>越境ECまるごとフェスティバルとは？</h2>
<blockquote><p>海外向けWEBサイト構築・モール・WEBマーケティング・翻訳・受注管理・物流・決済など、<br />
海外向けECビジネスのプロセスにおける課題をお持ちの企業の方々、<br />
特定の対象国でのビジネス展開やBtoB、BtoCそれぞれのビジネスモデルを持つ企業の方々など、<br />
さまざまな企業のニーズに答えられるよう各分野のプロフェッショナルをお呼びし、<br />
その場でお悩みを解決できる交流の場を提供するとともに、<br />
海外向けECビジネスのノウハウを提供するセミナーを行い、<br />
越境ECを目指す方が次のステージへ進んでいただくことを目的としたイベントです。</p></blockquote>
<p>ということで、越境ECの主要プレイヤーがほとんど参加していました。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-1024x429.png" alt="中小機構 越境EC“まるごと”フェスティバル2016" width="1024" height="429" class="alignleft size-large wp-image-11578" srcset="/uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-1024x429.png 1024w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-300x126.png 300w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-768x322.png 768w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca-228x96.png 228w, /uploads-archive/2016/07/80fb9c3f7e9665f7f3c9a3d2a81ad1ca.png 1205w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>弊社は…というと今回はタイミングが悪く出店できなかったので、どんなものか見学に行ってきました。</p>
<p>セミナーがメインという印象を受けましたが、越境ECに関するよろず相談所があったり、各社のブースがあったりで非常に盛り上がっていました。</p>
<p>現在、越境ECに関する補助金の申し込みが受付中ということもあるからか、非常に多くの参加者がいて、みなさん熱心に情報を吸収していました。</p>
<h2>感想</h2>
<p>あらためて感じたのは、越境ECは一社では完結しないということでした。<br />
序文にもあるように、サイト構築・モール・WEBマーケティング・翻訳・受注管理・物流・決済と、越境ECをやるには多岐にわたる問題を解決する必要があります。<br />
越境ECを支援する会社の多くは、「このサービスは提供できるけど、これはできない。だから出来る範囲で提案する…」というかたちにならざるを得ません。<br />
しかしながらそれでは、市場に対しての最適解を出すことは難しく、そのことが越境ECでの圧倒的な成功事例を生み出すことを阻害しています。<br />
越境ECに関しては、チームジャパンで取り組み、各社が協力していくことが必要ではないか、とあらためて感じました。<br />
もちろんそう考えているのは私だけではなく、最近お話する方たちも同様のことを仰る方は多いです。そもそも、この越境ECフェスティバルというイベントもそのような理念のもと行っているのではないかと思います（違うのかな？）</p>
<p>そんな感想をもちました。</p>
<h2>おまけ</h2>
<p>そのあと、ベンチャー稲門会というものに参加してきました。<br />
稲門会というのわ早稲田大学のOB組織でして、職種や地域ごとに様々なグループが存在します。<br />
ベンチャー稲門会はその名の通り、ベンチャー企業を経営している人を対象にした集まりでして、私は社長副社長の代理で参加してきました。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2016/07/IMG_0364-1024x768.jpg" alt="IMG_0364" width="1024" height="768" class="aligncenter size-large wp-image-11575" srcset="/uploads-archive/2016/07/IMG_0364-1024x768.jpg 1024w, /uploads-archive/2016/07/IMG_0364-300x225.jpg 300w, /uploads-archive/2016/07/IMG_0364-768x576.jpg 768w, /uploads-archive/2016/07/IMG_0364-228x171.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>リンクアンドモチベーションの会長や、オプトの鉢嶺社長などが登壇してトークセッションを行っていました。</p>
<p>経営者の苦悩や喜び、リーダーシップのステージごとの発揮の仕方など、経営者でない私にとっても大変楽しく、勉強になった時間でした。<br />
これからもっと参加者を増やしたい、と幹事の方は仰っていましたが、一つだけ苦言を呈しさせて頂きますと、参加費5000円払って、私はクラッカー一枚しか食べれませんで、懇親会の時間配分とか、料理への導線とかそのへんは改善点があるのではないかと一従業員の私は思いました。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/08/24

2016/08/24

2016/08/24

2016/08/24

2016/08/24

2016/08/20

2016/08/10

2016/08/10

2016/08/10

2016/08/09

2016/08/03

2016/08/03

2016/08/03

2016/08/03

2016/08/02

2016/07/27

2016/07/27

2016/07/27