<h2>翻訳の注意</h2>
<h3>Information</h3>
<p>「インフォメーション」を覚えているままやメールアドレス、公共の場所で「Info」と略すことがあるから、<br />
info<strong>r</strong>mationをinfomationに間違ってしまった日本人が多いようです。</p>
<h3>Home Page</h3>
<p>“home page”はサイトのトップページの意味です。<br />
また、ウェブサイト全体を指すことは誤用です。<br />
“top page”はトップページという意味がありません。</p>
<h3>email、e-mail</h3>
<p><strong>e</strong>を抜けた場合がよく多いようです。</p>
<h2>複数形の表現</h2>
<p>何か紹介されるような場合に、ページのタイトルとして表現します。<br />
通常はひとつではないと思うので、複数形の表現にしましょう。</p>
<p>例：Pages、Products</p>
<p>SEO対策や多言語対応サイトをするとき、上記のものを注意しましょう。<br />
では、今回は以上です！ありがとうございました。</p>
<h3>おまけに</h3>
<p>役に立つサイト</p>
<p><a class="link" href="https://www.microsoft.com/ja-jp/language">マイクロソフト用語集</a></p>
<p>英語→多言語<br />
または<br />
日本語→英語</p>
<p>ご参考にしてください!</p>


small_d260686890ad58d8278eaac00194718a_s.jpg

thumbnail_d260686890ad58d8278eaac00194718a_s.jpg

d260686890ad58d8278eaac00194718a_s.jpg

英語版サイトの注意点

<h3>「ゲーム依存」という新種？の病気</h3>
<p>コンテンツ(情報)に金銭的価値が向上している昨今<br />
その中でゲームはYouTubeなどの動画配信コンテンツが盛んとなりオンラインゲーム等が以前よりも身近で取っ付きやすい存在になり、日本経済にとって重要な産業の1つになっています。</p>
<h5>国内家庭用ゲーム市場規模は、ハード・ソフト（オンライン含む）合計で3440億円となりました。一方、オンラインプラットフォーム市場は1兆361億円に達し、国内ゲーム市場全体の約75％を占めています。国内のゲーム市場は伸長し続け、2016年は過去最高の1兆3801億円に。<br />
※2016年データ参照</h5>
<p>&nbsp;</p>
<p>そんな最中、オンラインゲームの普及が世界的に肥大した為、世界保健機関（ＷＨＯ）は２０１８年に病気認定の世界基準である国際疾病分類（ＩＣＤ）に「ゲーム障害」して認定する方針であることがわかりました。<br />
※ここでいうオンラインゲームとは、コンシューマー機、PC、スマホ全てを指しています。</p>
<h3>ゲーム障害とは</h3>
<p>ゲーム障害とは簡単に言えば、「依存症」というものですね。<br />
しかし公式に「病気」と位置付けられたものの、かなり幅広い定義になっており，業界としては「ゲーム障害の犠牲者と余暇をゲームに費やすことにした熱心な消費者を分けるものはなんなのか」という観点が難しいとの見解があります。</p>
<p>インターネットやコンピュータ，スマートフォンなどの電子機器の使用が数十年で急増加し、これは情報の鮮度多様性を向上させており多くの人々に有益に働いている中一方で，過度の使用の結果としての健康上の問題も文書化されています。世界規模でこの問題は重要な公衆衛生上の懸念となっています。</p>
<p>心身ともに起こる症状として</p>
<h4>肉体的な問題：<br />
ほとんど動かない生活より筋骨格系障害，視力ないし聴力障害，感染症等があげられています。</h4>
<h4>精神的な問題：<br />
ネット内いじめ，社会性の発達阻害，睡眠不足，暴力行為，鬱病と自殺が挙げられている。</h4>
<p>基本的な概念としてはこれは数年前にICDに追加された賭博障害と同じ扱いとの事です。</p>
<p>※詳細「ゲーム障害」（<a href="https://icd.who.int/dev11/l-m/en#/http%3a%2f%2fid.who.int%2ficd%2fentity%2f1448597234" target="_blank" rel="noopener">参考URL</a>）「有害なゲーム」（<a href="https://icd.who.int/dev11/l-m/en#http%3a%2f%2fid.who.int%2ficd%2fentity%2f1586542716" target="_blank" rel="noopener">参考URL</a>）（<a href="http://www.gamesindustry.biz/articles/2018-01-02-world-health-organisation-recognises-gaming-disorder-as-disease" target="_blank" rel="noopener">関連英文記事</a>）。</p>
<h3>このことから思うこと</h3>
<p>正直、この件に関してはとても面白いと感じるとともにビジネスにおいての基本をおもいました。<br />
スマホ等の影響でゲームがより身近になり、それによってコミュニティが発生しゲーム以外のビジネスにも多大なる影響(収益)を及ぼしていくとともにマイナス面も膨らんだ結果このような事態となりました。<br />
しかし、現在そのマイナスとされている人種がこの市場を肥大させたと私は考えます。<br />
本来、人間は「やり込み」という行為を好む習性をもっており、「やり込み」ということは人間にのみ存在しそれが心の安定をもたらしたり、そこで得たことを生活の中での違う部分に生かしたりすることのできる優れた行為です。<br />
本件を引いて見てみると別にゲームに限ったことではないように思います。<br />
それは「ゲームがうまいだけでは何の役にも立たない」からと思われているからです。<br />
ただ、それをビジネスに発展せて多大なる収益をあげておられる方も多数います。<br />
要は使い方というやつなのではないかなという風に思いました。</p>
<p>まとめると…</p>
<h4>ビジネスとして大切な要素</h4>
<p>・やり込める(気持ちを費やせる、依存性)<br />
・社会貢献度の高さ<br />
・今も昔も大勝利するのは「マイノリティ」<br />
・個人単位でのブランディングの重要性<br />
・一方から見てマイナスでも他から見たらプラスであることの存在</p>
<p>&nbsp;</p>
<p>毒を孕んだ事柄は有益</p>


WHOが「ゲームをやりすぎる」と言う事を病気と認定した件について思う事 ~番外~

<h2>オーストラリアの基本情報</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14122" src="/uploads-archive/2018/07/australian-drinking-water-situation-300x200.jpg" alt="" width="300" height="200" srcset="/uploads-archive/2018/07/australian-drinking-water-situation-300x200.jpg 300w, /uploads-archive/2018/07/australian-drinking-water-situation-768x512.jpg 768w, /uploads-archive/2018/07/australian-drinking-water-situation-1024x683.jpg 1024w, /uploads-archive/2018/07/australian-drinking-water-situation-228x152.jpg 228w, /uploads-archive/2018/07/australian-drinking-water-situation.jpg 2000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h4>多文化・多民族移民国家</h4>
<p>・約2千5百万人（日本の約1/5）</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14115" src="/uploads-archive/2018/07/au-land-map-300x200.gif" alt="" width="300" height="200" srcset="/uploads-archive/2018/07/au-land-map-300x200.gif 300w, /uploads-archive/2018/07/au-land-map-228x152.gif 228w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>・GDP:$65,400 USD (#14)　シンガポールより上位</p>
<p>・平均年収：約670万円</p>
<p>・検索エンジン：Google93%, Bing, Yahoo</p>
<p>・主な決済方法：<u>PayPal</u>が一番支持されている。<u>Pay ID</u><u>銀行振込</u></p>
<p>・現地でオンライン取引されている商品カテゴリ：電子機器、服飾系、本</p>
<p>・SNS：Facebook, twitter, instargram, tumbler,  messanger, SMS</p>
<p>・発注確認連絡：[email]</p>
<p>・物流：ドアの前に置いてかれる。注文するときにサインのリクエストができる。結構不便、不在の場合が怖い。ポストオフィスに。日にち、時間指定ができない。追加料金。海外からだと1ヶ月。</p>
<p>・天候：冬がとても短く、常夏。紫外線が日本の7倍。</p>
<p>・ECサイト：ebay, gumtree</p>
<p>＊フォーム：日本とほとんど同じ</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14111" src="/uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-300x170.png" alt="" width="300" height="170" srcset="/uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-300x170.png 300w, /uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-768x436.png 768w, /uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-1024x582.png 1024w, /uploads-archive/2018/07/0401e364fe1fbc8c598ce8c278e9bbad-228x129.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>＊売れそうな日本の製品：化粧品、お菓子、電化製品等</p>
<p>★日本のクオリティは高いと思っていない。</p>
<p>★中国製品の価格と強豪。</p>
<p>★しかし英語のユーチューバーが日本紹介を沢山しているため今後日本の人気上がる可能性あり。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


AustraliaのEC市場

<h3>ネクスト台湾が求められている</h3>
<p>先週台湾に行ってきました。<br />
パートナー企業さんを中心に訪問し、LaunchCartの新機能の説明、最新情報の共有などを行ったのですが、印象的だったのは「台湾の次にどこの国が来るか」という話題にどの会社さんも言及していたことです。</p>
<p>台湾越境EC市場は現在とても活況ではありますが、それにも関わらず次の国を意識する理由としては、<br />
・台湾市場がそもそも大きくない<br />
・台湾で成功したクライアントが次の国に横展開したがっている<br />
・支援業者が出揃ってきて、飽和感がある<br />
などがあるかと思います。</p>
<p>さて、ではどこがネクスト台湾になるかというと、この見解は会社さんごとに異なります。</p>
<p>・手堅くシンガポール/マーレシア<br />
・やはり攻めてみたい中国<br />
・インフラは整っていないが成長性はあるぞベトナム<br />
・意外と盲点オーストラリア、アメリカ<br />
・台湾同様にインフラは整ってる？韓国</p>
<p>以上が比較的実現可能性が高い候補としてあがった国です。<br />
ちなみにその他には、タイ、フィリピンなど東南アジア諸国から、インド、ロシアなどのちょっと遠い大国、イラン、トルコなどの色んな意味でかなり遠い国まで、本当にさまざまな言及がありました。</p>
<h3>越境ECが成立するための2つの要素</h3>
<p>私としては、越境ECが成功する国の要素としては、<strong>市場規模</strong>と<strong>インフラ</strong>の２つの軸が最も必要でないかと考えます。<br />
この2つがないと、そもそも越境ECが成立しないからです。<br />
両者をもう少し詳しく説明すると下記になります。</p>
<p>・市場規模<br />
　┗EC成長率<br />
　┗EC化率<br />
　┗人口構成など</p>
<p>・日本からの越境ECを受け入れることができるインフラ<br />
┗決済はクレジットカードが普及しているか<br />
┗物流はEMS、一般貿易ともにちゃんと制度が整っているか<br />
┗サーバは安定しているか</p>
<p>この2つの要素をかけあわせると下記のようなマトリックス図で表現できます。<br />
台湾を中心としています。</p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2018/07/b6a0b712c92dd22d1aab3461b6bfcdd9-1024x709.jpg" alt="" width="1024" height="709" class="alignleft size-large wp-image-14119" srcset="/uploads-archive/2018/07/b6a0b712c92dd22d1aab3461b6bfcdd9-1024x709.jpg 1024w, /uploads-archive/2018/07/b6a0b712c92dd22d1aab3461b6bfcdd9-300x208.jpg 300w, /uploads-archive/2018/07/b6a0b712c92dd22d1aab3461b6bfcdd9-768x532.jpg 768w, /uploads-archive/2018/07/b6a0b712c92dd22d1aab3461b6bfcdd9-228x158.jpg 228w, /uploads-archive/2018/07/b6a0b712c92dd22d1aab3461b6bfcdd9.jpg 1040w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>※市場規模は下記URLを参考にしています。<br />
<a href="https://launchcart.jp/countries/">https://launchcart.jp/countries/</a><br />
※インフラに関しては、支援業者の数なども考慮し、あくまでも日本から越境ECがしやすい環境か否かです。</p>
<h3>結局どこの国が良いかは分からない</h3>
<p>図にまで表しておいてなんなんですが、結局のことろ次にどこの国が日本からの越境ECでブレイクするかはわかりません。</p>
<p>というのも、たとえばインフラが台湾より整っていないと思われるベトナムにしても、現地でフルフィルメントを精力的にやる企業さんが出てきたりなど、ここ数ヶ月で状況が一変する可能性があるからです。</p>
<p>その意味では、キープレーヤーの動きに対して常にアンテナを張りつつ、自社も積極的に進出の方策を探っていくことが必要でしょう。</p>
<h3>韓国セミナー、マレーシアセミナー行います！</h3>
<p>というわけで、弊社は7月、8月にそれぞれ韓国越境ECセミナーとマレーシア越境ECセミナーを行います。</p>
<p>◯【日本初】独ドメで攻める！韓国向け越境ＥＣ完全攻略セミナー<br />
<a href="https://launchcart.jp/seminar/20180724/">https://launchcart.jp/seminar/20180724/</a></p>
<p>◯東南アジア越境ECはマレーシアから攻めろ！<br />
<a href="https://launchcart.jp/seminar/20180802/">https://launchcart.jp/seminar/20180802/</a></p>


medium_b6a0b712c92dd22d1aab3461b6bfcdd9-768x532.jpg

small_b6a0b712c92dd22d1aab3461b6bfcdd9-768x532.jpg

thumbnail_b6a0b712c92dd22d1aab3461b6bfcdd9-768x532.jpg

b6a0b712c92dd22d1aab3461b6bfcdd9-768x532.jpg

越境ECでの「ネクスト台湾」の国はどこか？

DOMmy.js

<h3>はじめに</h3>
<div style="padding-left: 15px;">
  普段遠隔操作で欠かせない存在のTeamViewer。</p>
<p>  そう言えばスマホからたまにPCを操作することはあっても<br />
  その逆はないなと思って試しに導入してみました。</p>
<p>  PC->SPの場合、セキュリティの関係か<br />
  SPにアドオン的なアプリと、端末のメーカー別のアドオンをインストールする必要がありました。<br />
  自分はHTCにつき以下をインストール。</p>
<p>  TeamViewer QuickSupport<br />
  https://play.google.com/store/apps/details?id=com.teamviewer.quicksupport.market&#038;hl=ja<br />
  Add-On: HTC<br />
  https://play.google.com/store/apps/details?id=com.teamviewer.quicksupport.addon.htc<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/07/Screenshot_20180710-172309-190x300.png" alt="" width="190" height="300" class="alignnone size-medium wp-image-14100" srcset="/uploads-archive/2018/07/Screenshot_20180710-172309-190x300.png 190w, /uploads-archive/2018/07/Screenshot_20180710-172309-768x1210.png 768w, /uploads-archive/2018/07/Screenshot_20180710-172309-650x1024.png 650w, /uploads-archive/2018/07/Screenshot_20180710-172309-228x359.png 228w, /uploads-archive/2018/07/Screenshot_20180710-172309.png 1080w" sizes="(max-width: 190px) 100vw, 190px" /></div>
<h3>導入</h3>
<div style="padding-left: 15px;">
  PCとSP両方のTeamViewerを立ち上げます。<br />
  SPの方はQuickSupportも立ち上げます。</p>
<p>  すると以下のような画面が出るので「許可」を押せば遠隔操作開始。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/07/Screenshot_20180710-172833-190x300.png" alt="" width="190" height="300" class="alignnone size-medium wp-image-14107" srcset="/uploads-archive/2018/07/Screenshot_20180710-172833-190x300.png 190w, /uploads-archive/2018/07/Screenshot_20180710-172833-768x1210.png 768w, /uploads-archive/2018/07/Screenshot_20180710-172833-650x1024.png 650w, /uploads-archive/2018/07/Screenshot_20180710-172833-228x359.png 228w, /uploads-archive/2018/07/Screenshot_20180710-172833.png 1080w" sizes="(max-width: 190px) 100vw, 190px" /></p>
<p><img decoding="async" loading="lazy" src="/uploads-archive/2018/07/Screenshot_20180710-172843-190x300.png" alt="" width="190" height="300" class="alignnone size-medium wp-image-14108" srcset="/uploads-archive/2018/07/Screenshot_20180710-172843-190x300.png 190w, /uploads-archive/2018/07/Screenshot_20180710-172843-768x1210.png 768w, /uploads-archive/2018/07/Screenshot_20180710-172843-650x1024.png 650w, /uploads-archive/2018/07/Screenshot_20180710-172843-228x359.png 228w, /uploads-archive/2018/07/Screenshot_20180710-172843.png 1080w" sizes="(max-width: 190px) 100vw, 190px" /></p>
<p>  SPでの操作を求めるあたりは安心です。</p>
<p>  もちろんキーボードを使ったブラウジングで実機テストなんかも出来ます。<br />
  複雑なジェスチャーでなければ結構な作業が出来ます。<br />
<img decoding="async" loading="lazy" src="/uploads-archive/2018/07/ScreenShot-2018-07-10-17.36.35-185x300.png" alt="" width="185" height="300" class="alignnone size-medium wp-image-14112" srcset="/uploads-archive/2018/07/ScreenShot-2018-07-10-17.36.35-185x300.png 185w, /uploads-archive/2018/07/ScreenShot-2018-07-10-17.36.35-228x370.png 228w, /uploads-archive/2018/07/ScreenShot-2018-07-10-17.36.35.png 394w" sizes="(max-width: 185px) 100vw, 185px" /></div>


TeamViewerでSPを操作

large_6b46e395563f9bcf2edcf0a02c7000f1-1024x507.png

medium_6b46e395563f9bcf2edcf0a02c7000f1-1024x507.png

small_6b46e395563f9bcf2edcf0a02c7000f1-1024x507.png

thumbnail_6b46e395563f9bcf2edcf0a02c7000f1-1024x507.png

6b46e395563f9bcf2edcf0a02c7000f1-1024x507.png

簡単なメモ帳に、markdown形式、ダウンロード、削除のモーダルの機能を追加してみた

<p>Googleスプレッドシート作りましたシリーズ⑨</p>
<p>今回は、組織マネジメントの<span class="articleInfo-title-text">「VSPROモデル」というフレームワーク</span>のフォーマットです。</p>
<p>まさに自分が考えるべき課題にぴったりだったので、これを用いて思考を深めたいと思います。</p>
<h2><span class="articleInfo-title-text">VSPROモデルとは</span></h2>
<p>「ＶＳＰＲＯモデル」とは、マネジメントシステムを検証するのに有効なフレームワークです。<br />
マネジメントの構成要素の頭文字をとったVSPROモデルと呼びコンサルティング会社「アーサー・D・リトル」が開発したフレームワークです。</p>
<p>このフレームワークのミソはビジョンありきで下の構成要素が形成されている点ですね。なので、ビジョンをすっ飛ばして組織の分析をしてしまうとナンセンスな結果になってしまいます。</p>
<h3>Vision （ビジョン）</h3>
<p>掲げているビジョンを何か？<br />
目指すビジョンは適切か？</p>
<h3>Strategy（戦力）</h3>
<p>ビジョンに沿った戦略になっているか？<br />
差別化できる戦略になっているか？</p>
<h3>Process（プロセス）</h3>
<p>戦略を実行するプロセスはどうなっているか？<br />
そのプロセスはビジョンとの整合がとれているか？<br />
そのプロセスは差別化の源泉となり得るか？</p>
<h3>Resource（リソース）</h3>
<p>戦略・プロセスを実行できるリソースは十分か？</p>
<h3>Organization（組織）</h3>
<p>戦略・プロセスを実行できる組織になっているか？<br />
従業員はビジョンや戦略を腹に落としているか？<br />
中間管理職は従業員を動機づけられるか？</p>
<h2><span class="articleInfo-title-text">VSPROモデル</span>のサンプル</h2>
<p><a href="/uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-14085" src="/uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82.png" alt="" width="751" height="664" srcset="/uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82.png 751w, /uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82-300x265.png 300w, /uploads-archive/2018/07/571a77db184b58c1440fd71e1fb0cb82-228x202.png 228w" sizes="(max-width: 751px) 100vw, 751px" /></a></p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=1171353649" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


組織マネジメントの「VSPROモデル」Googleスプレッドシート

medium_nino_eye130625.png

small_nino_eye130625.png

thumbnail_nino_eye130625.png

nino_eye130625.png

Three.jsで360°パノラマ動画を表示する

<p>日本のEC事業者の中では既に一般的になりつつある独身の日だが、今あらたな別イベントが注目されている。</p>
<p>それが「京東618」だ。</p>
<p>これは京東集団が1998年6月18日に設立されたため、それを記念したセールで618セールと訳されることもある。</p>
<p>独身の日が注目されがちだが京東618は今年で15回目と伝統あるセールで、毎年6月1日〜18日に開催されている。</p>
<p>&nbsp;</p>
<p>規模としては、年々拡大しているのだが今年は過去最大となり、取引額の合計は1,592億元（約2.7兆円）となった。</p>
<p>2017年独身の日のアリババ系の取引額が1,682億元（約2.85兆円）なので、約95%にまで迫る規模だ。</p>
<p>ここまでくると、今後は中国2大セールイベントとして対策を考える必要がありそうだ。</p>
<p>&nbsp;</p>
<p>ちなみに具体的な取引額の発表は無いそうだが、アリババ系も対抗して618セールを開催しており、京東の開催期間が6月1日〜18日なのに対しアリババ系は6月1日〜20日となっている。</p>
<p>&nbsp;</p>
<p>話が広がるが、京東は2017年独身の日では1,271億元もの取引があり、これはアリババの76%となりこちらもも好調だ。</p>
<p>2017年の中国内のECシェアはアリババが53%となっており、2012年からほぼ変わっていないのに対し、<br />
京東は22%→33%とシェアを伸ばしている。</p>
<p>&nbsp;</p>
<p>京東とアリババの最大の違いは、京東は自前主義であること。</p>
<p>京東は仕入れから配送、顧客サポートまで自社グループで展開している。</p>
<p>特に配送に対する評判は高いらしく、618も90%以上の注文が24時間以内に受け取れたという。</p>
<p>(以下はアリババ系の独身の日の例)</p>
<p>&nbsp;</p>
<blockquote class="wp-embedded-content" data-secret="0LaAjKc6Uf"><p><a href="https://sterfield.co.jp/blog/ec/%e7%8b%ac%e8%ba%ab%e3%81%ae%e6%97%a5%e3%81%ae%e5%85%89%e3%81%a8%e5%bd%b1-%e7%bf%8c%e6%97%a5%e3%81%ae%e8%bf%94%e5%93%81or%e8%bf%94%e9%87%91%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5/">独身の日の光と影  翌日の返品or返金ラッシュ</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://sterfield.co.jp/blog/ec/%e7%8b%ac%e8%ba%ab%e3%81%ae%e6%97%a5%e3%81%ae%e5%85%89%e3%81%a8%e5%bd%b1-%e7%bf%8c%e6%97%a5%e3%81%ae%e8%bf%94%e5%93%81or%e8%bf%94%e9%87%91%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5/embed/#?secret=0LaAjKc6Uf" data-secret="0LaAjKc6Uf" width="500" height="282" title="&#8220;独身の日の光と影  翌日の返品or返金ラッシュ&#8221; &#8212; スターフィールド株式会社" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<p>更に自前であることか配送の自動化、カスタマーサポートのAI化もいち早く進んでいるということだ。</p>
<p>&nbsp;</p>
<p>いろいろな面で京東の動きが活発化しているようなので、引き続き注目する必要がありそうだ。</p>
<p>&nbsp;</p>


medium_1019-810x421-768x399.jpg

small_1019-810x421-768x399.jpg

thumbnail_1019-810x421-768x399.jpg

1019-810x421-768x399.jpg

ポスト独身の日? 「京東618」とは

<p>Adobe の XD は、WEB サイトやアプリのデザインを制作するツールとしてとても使いやすく、プロトタイプツールとして、お客さんとの情報共有のツールとしても利用できるため、最近使う機会がとても増えてきました。</p>
<p>XD ではプロトタイプとしてページの遷移を再現することはできますが、アニメーションを付けるところまではできません。<br />
最近の WEB デザインの傾向として、アニメーションが印象に占める割合が大きくなってきているため、コーディングに入る前にアニメーションをお客さんに確認いただきたい機会が増えてきているため、そのあたり何とかできないものかと思うようになっていました。</p>
<p>XD でデザインを作って、アニメーションをつけたい。それを実現してくれるのが、<br />
「Kite Compositor」です。</p>
<p><a class="link" href="https://kiteapp.co/" target="_blank" rel="noopener">公式ホームページ: Kite Compositor – Motion Design for Mac</a></p>
<p>$99 で購入する必要がありますが、20日間、無料で体験利用することができます。</p>
<h2>Kite で XD データからアニメーションを作る方法</h2>
<ol>
<li>XD データをインポートする</li>
<li>データを整える</li>
<li>アニメーションの設定</li>
<li>アクションの設定</li>
<li>テスト &amp; 動画の録画・出力</li>
</ol>
<h3>1. XD データをインポートする</h3>
<p><a href="/uploads-archive/2018/06/ss_xd_01.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-14029 size-medium" src="/uploads-archive/2018/06/ss_xd_01-300x182.jpg" alt="" width="300" height="182" srcset="/uploads-archive/2018/06/ss_xd_01-300x182.jpg 300w, /uploads-archive/2018/06/ss_xd_01-768x467.jpg 768w, /uploads-archive/2018/06/ss_xd_01-1024x622.jpg 1024w, /uploads-archive/2018/06/ss_xd_01-228x139.jpg 228w, /uploads-archive/2018/06/ss_xd_01.jpg 1282w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>XD でデザインデータを作成します</p>
<p><a href="/uploads-archive/2018/06/ss_kite_01.jpg"><img decoding="async" loading="lazy" class="alignnone wp-image-14017 size-medium" src="/uploads-archive/2018/06/ss_kite_01-300x187.jpg" alt="" width="300" height="187" srcset="/uploads-archive/2018/06/ss_kite_01-300x187.jpg 300w, /uploads-archive/2018/06/ss_kite_01-228x142.jpg 228w, /uploads-archive/2018/06/ss_kite_01.jpg 737w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Kite で新規ドキュメントを作成し、</p>
<p><a href="/uploads-archive/2018/06/ss_kite_02.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14019" src="/uploads-archive/2018/06/ss_kite_02-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_02-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_02-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_02-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_02-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_02.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>XD で対象ファイルを開いた状態で、 File &gt; Import &gt; From Adobe XD CC を選択</p>
<p><a href="/uploads-archive/2018/06/ss_kite_02-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14018" src="/uploads-archive/2018/06/ss_kite_02-2-300x178.jpg" alt="" width="300" height="178" srcset="/uploads-archive/2018/06/ss_kite_02-2-300x178.jpg 300w, /uploads-archive/2018/06/ss_kite_02-2-768x456.jpg 768w, /uploads-archive/2018/06/ss_kite_02-2-1024x608.jpg 1024w, /uploads-archive/2018/06/ss_kite_02-2-228x135.jpg 228w, /uploads-archive/2018/06/ss_kite_02-2.jpg 1231w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>変換方法を設定してインポートします。</p>
<h3>2. データを整える</h3>
<p><a href="/uploads-archive/2018/06/ss_kite_03.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14020" src="/uploads-archive/2018/06/ss_kite_03-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_03-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_03-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_03-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_03-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_03.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>インポートしたままだと、クリッピングマスクを掛けていた場合に、マスクが外れてしまうことがあるなど、崩れることがあるので、調整します。</p>
<h3>3. アニメーションの設定</h3>
<p><a href="/uploads-archive/2018/06/ss_kite_04.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14024" src="/uploads-archive/2018/06/ss_kite_04-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_04-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_04-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_04-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_04-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_04.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>アニメーションを設定したい要素があるレイヤーを選択し、<br />
Add Child &gt; Basic Animation でレイヤーにアニメーションを追加します。</p>
<p><a href="/uploads-archive/2018/06/ss_kite_04-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14021" src="/uploads-archive/2018/06/ss_kite_04-2-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_04-2-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_04-2-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_04-2-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_04-2-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_04-2.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>transformなど、アニメーションの種類を選択します。</p>
<p><a href="/uploads-archive/2018/06/ss_kite_04-3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14022" src="/uploads-archive/2018/06/ss_kite_04-3-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_04-3-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_04-3-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_04-3-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_04-3-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_04-3.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>アニメーション後の値を設定します。<br />
アニメーション名は、あとで確認しやすいものに変更しておきます。</p>
<p><a href="/uploads-archive/2018/06/ss_kite_04-4.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14023" src="/uploads-archive/2018/06/ss_kite_04-4-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_04-4-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_04-4-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_04-4-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_04-4-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_04-4.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>タイムラインの時間をスライドさせると、アニメーションの状態を確認できます。</p>
<h3>4. アクションの設定</h3>
<p><a href="/uploads-archive/2018/06/ss_kite_05.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14027" src="/uploads-archive/2018/06/ss_kite_05-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_05-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_05-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_05-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_05-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_05.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>クリックなど、アニメーションに紐づけたいアクションをつけたい要素のレイヤーに、<br />
Add Child &gt; Action でアクションを追加します。</p>
<p><a href="/uploads-archive/2018/06/ss_kite_05-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14025" src="/uploads-archive/2018/06/ss_kite_05-2-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_05-2-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_05-2-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_05-2-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_05-2-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_05-2.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まず１つ目、Event Type で「No Event」を選択し、先程作成したアニメーションを選択します。</p>
<p><a href="/uploads-archive/2018/06/ss_kite_05-3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14026" src="/uploads-archive/2018/06/ss_kite_05-3-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_05-3-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_05-3-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_05-3-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_05-3-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_05-3.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>2つ目のアクションを追加し、Event Type で「Mouse Clicked」を選択し、<br />
Action Type で Trigger Actions を選択し、<br />
「+」ボタンで１つ目で設定したアクションを追加します。</p>
<h3>5. テスト &amp; 動画の録画・出力</h3>
<p><a href="/uploads-archive/2018/06/ss_kite_06.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-14028" src="/uploads-archive/2018/06/ss_kite_06-300x188.jpg" alt="" width="300" height="188" srcset="/uploads-archive/2018/06/ss_kite_06-300x188.jpg 300w, /uploads-archive/2018/06/ss_kite_06-768x480.jpg 768w, /uploads-archive/2018/06/ss_kite_06-1024x640.jpg 1024w, /uploads-archive/2018/06/ss_kite_06-228x143.jpg 228w, /uploads-archive/2018/06/ss_kite_06.jpg 1280w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ウィンドウの上にある 動画ウィンドウアイコンの「Present」ボタンで実際の動作を確認できます。</p>
<p>その横のビデオカメラアイコンの「Export」ボタンで、動画を録画・出力できます。</p>
<p>↓作ったアニメーションの動画の例</p>
<div style="width: 854px;" class="wp-video"><video class="wp-video-shortcode" id="video-14001-8" width="854" height="480" preload="metadata" controls="controls"><source type="video/mp4" src="/uploads-archive/2018/06/faf827cbc1792d1a1a5a0ebbada13990.mp4?_=8" /><a href="/uploads-archive/2018/06/faf827cbc1792d1a1a5a0ebbada13990.mp4">/uploads-archive/2018/06/faf827cbc1792d1a1a5a0ebbada13990.mp4</a></video></div>


XDのデータからアニメーションつきのプロトタイプを作れるCompositor

<h3>まず初めにGoogleという存在について</h3>
<p>昨今、様々なブラウザの検索エンジンはGoogleの検索エンジンを元に構築されております。<br />
我々はGoogleという「畑」でビジネスを行ったり、自身の不足を補ったりと言わば、生活をしていると言っても過言ではありません。<br />
その中でビジネスをする上で「検索上位表示」という概念は非常に重要な要素ということは言うまでもありません。</p>
<p>なので、Googleを理解する事が先決ということとなります。<br />
そこで「Googleが掲げる10の事実」を参照すると以下のようになっています。</p>
<p>①,ユーザーに焦点を絞れば、他のものはみな後からついてくる。<br />
②,1つのことをとことん極めてうまくやるのが一番。<br />
③,遅いより速いほうがいい。<br />
④,ウェブ上の民主主義は機能します。<br />
⑤,情報を探したくなるのはパソコンの前にいるときだけではない。<br />
⑥,悪事を働かなくてもお金は稼げる。<br />
⑦,世の中にはまだまだ情報があふれている。<br />
⑧,情報のニーズはすべての国境を越える。<br />
⑨,スーツがなくても真剣に仕事はできる。<br />
⑩,「すばらしい」では足りない。</p>
<p>今回は①の「ユーザーに焦点を絞れば、他のものはみな後からついてくる。」について当たり前ではあるが忘れがちなビジネスにおいて重要な事について話していきたいと思います。</p>
<h3>google(検索エンジン)=ユーザーと言う構図</h3>
<p>※ここでいうコンテンツ定義は、もの、情報を含めた全てです。</p>
<p>「ユーザーに焦点を絞れば、他のものはみな後からついてくる。」<br />
これを元に簡単にどのようなコンテンツが優良であるか考えてみましょう。</p>
<p>ビックワードで検索上位に上がることは集客をする上で非常に重要で価値の高いことです。<br />
なので、極論「検索エンジンに好かれる」ことを考える必要があります。</p>
<p>では一旦検索エンジンが好むものとは何か…</p>
<p>それは<span style="text-decoration: underline"><strong>「ユーザーに焦点が絞られたコンテンツ」</strong></span>です。<br />
ターゲットを仮想の一人として制作し、それに基づいてプランニングしていくのが一般的ではありますが、ページとして、コンテンツとして真に評価されるものは<span style="text-decoration: underline"><strong>「複数のユーザーの悩みや願いを網羅するコンテンツ」</strong></span>と言う事です。</p>
<p>その末に相手から「納得」が得れるという仕組みです。</p>
<p>&nbsp;</p>
<h3>物事を引いて見るということの重要性</h3>
<p>我々は日々ビジネスをしている中でこれを売りたいなどの「これしたい、あれしたい」ということを基準に物事を判断する傾向にあると言えます。<br />
この思想は何かを決める為には方向性、目標がなければ判定や決定を行うことが出来ません。<br />
しかしこのことがビジネスを進めていく上で予想と違った等の問題を引き起こす原因ともなります。</p>
<p>その原因は、<strong><span style="text-decoration: underline">方向の先には何があるかを忘れてしまう</span></strong>ということです。<br />
「支持＝対価」と完結にまとめて考えることができますが、「行動」をこのことにリンクさせると「支持」について考えなければならないと思います。</p>
<p>いつの間にか本位的な思考になり、本来「人間」は情報を獲得し関心にも似た「納得」を得て対価を費やす習性と真逆な心理となり、集客等の方法が集客ではなく「押し付け」となります。</p>
<p>なので、そういったコンテンツ、商品、手法等ではビジネスを行っても理念を持ち相手に納得してもらえる存在や現実的ではない程に多額の資金がかけることのできる存在に淘汰されてしまいます。<br />
ですから、「そもそも論」が必要となり、それが<span style="text-decoration: underline"><strong>「引いて見る」</strong></span>ということです。</p>
<p>&nbsp;</p>
<p>今回は基本理念をお話ししましたが、続編も出稿していきますので乞うご期待頂けますと幸いです。</p>
<p>&nbsp;</p>


つい忘れてしまう「ビジネス」の重要事項① ～webビジネス～

<p>Hotjarについて簡単に説明します。<br />
Hotjar（ホットジャー）とは、サイトを ぶんせき する つーる です。Hotjarは、ページ ないのいどうをぶんせきします。Hotjarはどうができろくできます。ただ管理画面は英語です。日本語には対応していません。</p>
<h2>Hotjarの料金</h2>
<p>Personal planの、BASIC planは、むりょうでつかえます。いちにち2000ページビューまでです。データのほぞんきかんは３ヶ月です。</p>
<h2>Hotjarの機能</h2>
<p>Hotjarでできること、おもにやっつです。</p>
<ol>
<li>ヒートマップ<br />
ヒートマップとは、ぺーじのどのぶぶんが、よくみられているか、いろわけされてひょうじされます。どこがくりっくされているのかもわかります。</li>
<li>ろくが<br />
ほうもんしゃのじっさいのマウスのうごきと、ぺーじのスクロールのうごきを、どうができろくし、さいせいすることができます。</li>
<li>コンバージョンファネル</li>
<li>フォームぶんせき<br />
といったぶんせききのうと、</li>
<li>ほうもんしゃにしつもんする</li>
<li>めにみえるかたちでかんたんなfeedbackをのこしてもらう</li>
<li>くわしいアンケートちょうさをおこなう</li>
<li>まんつーまんでのuserちょうさのいらいをする。<br />
といった、feedbackきのうにおおきくわかれます。</li>
</ol>
<h2>Hotjarの使い方</h2>
<p>それではさっそくつかっていきます。</p>
<h3>Hotjarのアカウントを作ります</h3>
<p>先ずはこうしきサイト（<a href="https://www.hotjar.com" target="_blank" rel="noopener">https://www.hotjar.com</a>/）にアクセスします。<br />
「TRY IT FREE」からアカウントをさくせいします。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1261" class="aligncenter size-medium wp-image-13934" src="/uploads-archive/2018/06/hotjar01.png" alt="" srcset="/uploads-archive/2018/06/hotjar01.png 2134w, /uploads-archive/2018/06/hotjar01-300x177.png 300w, /uploads-archive/2018/06/hotjar01-768x454.png 768w, /uploads-archive/2018/06/hotjar01-1024x605.png 1024w, /uploads-archive/2018/06/hotjar01-228x135.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>名前とメールアドレスをにゅうりょくしたら、ボタンをクリックします。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1188" class="aligncenter size-medium wp-image-13936" src="/uploads-archive/2018/06/hotjar02.jpg" alt="" srcset="/uploads-archive/2018/06/hotjar02.jpg 2134w, /uploads-archive/2018/06/hotjar02-300x167.jpg 300w, /uploads-archive/2018/06/hotjar02-768x428.jpg 768w, /uploads-archive/2018/06/hotjar02-1024x570.jpg 1024w, /uploads-archive/2018/06/hotjar02-228x127.jpg 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>パスワードをにゅうりょくしたら、サービスきやくにどういして、チェックを入れて、「Next」でつぎにすすみます。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1369" class="aligncenter size-medium size-medium wp-image-13940" src="/uploads-archive/2018/06/hotjar03_5.png" alt="" srcset="/uploads-archive/2018/06/hotjar03_5.png 2134w, /uploads-archive/2018/06/hotjar03_5-300x192.png 300w, /uploads-archive/2018/06/hotjar03_5-768x493.png 768w, /uploads-archive/2018/06/hotjar03_5-1024x657.png 1024w, /uploads-archive/2018/06/hotjar03_5-228x146.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>YOUR ROLEは、しごとにあったものをてきとうにえらびます。そのしたはむりょうぷらんでつかいたいばあいは「NO」をえらびます。<br />
「ORGANIZATION NAME」はかいしゃめいをいれます。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1394" class="aligncenter size-medium wp-image-13937" src="/uploads-archive/2018/06/hotjar03.png" alt="" srcset="/uploads-archive/2018/06/hotjar03.png 2134w, /uploads-archive/2018/06/hotjar03-300x196.png 300w, /uploads-archive/2018/06/hotjar03-768x502.png 768w, /uploads-archive/2018/06/hotjar03-1024x669.png 1024w, /uploads-archive/2018/06/hotjar03-228x149.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>Hotjarをどうにゅうしたいドメイン名をにゅうりょくします。<br />
さいごに「Start Using Hotjar」をおせばアカウントさくせいしゅうりょうです。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1286" class="aligncenter size-medium wp-image-13938" src="/uploads-archive/2018/06/hotjar04.jpg" alt="" srcset="/uploads-archive/2018/06/hotjar04.jpg 2134w, /uploads-archive/2018/06/hotjar04-300x181.jpg 300w, /uploads-archive/2018/06/hotjar04-768x463.jpg 768w, /uploads-archive/2018/06/hotjar04-1024x617.jpg 1024w, /uploads-archive/2018/06/hotjar04-228x137.jpg 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<p>そしてHotjarのコードをさいとにうめこみます<br />
これをやらないとデータがとれません。</p>
<p>管理画面みぎうえの「Settings」から「Sites&amp;Organizations」にはいると「Tracking Code」というボタンがあリます。</p>
<p>トラッキングコードをコピーして、サイトの「&lt;head&gt;」たぐのなかにはりつけましょう。</p>
<p><img decoding="async" loading="lazy" width="2134" height="1200" class="aligncenter size-medium wp-image-13941" src="/uploads-archive/2018/06/hotjar05.png" alt="" srcset="/uploads-archive/2018/06/hotjar05.png 2134w, /uploads-archive/2018/06/hotjar05-300x169.png 300w, /uploads-archive/2018/06/hotjar05-768x432.png 768w, /uploads-archive/2018/06/hotjar05-1024x576.png 1024w, /uploads-archive/2018/06/hotjar05-228x128.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /><br />
<img decoding="async" loading="lazy" width="2134" height="1200" class="aligncenter size-medium wp-image-13942" src="/uploads-archive/2018/06/hotjar06.png" alt="" srcset="/uploads-archive/2018/06/hotjar06.png 2134w, /uploads-archive/2018/06/hotjar06-300x169.png 300w, /uploads-archive/2018/06/hotjar06-768x432.png 768w, /uploads-archive/2018/06/hotjar06-1024x576.png 1024w, /uploads-archive/2018/06/hotjar06-228x128.png 228w" sizes="(max-width: 2134px) 100vw, 2134px" /></p>
<h2>まとめ</h2>
<p>さいしょの設定は、すこしたいへんですが、いちどどうにゅうすると、あとはじどうてきにデータをきろくしてくれます。無料からつかえますので、どうにゅうを　おすすめします。</p>
<p><a class="demo" href="https://www.youtube.com/watch?v=is9rb2DnrtQ" target="_blank">ホットジャーのデモ</a></p>


Hotjar（ホットジャー ）

Nginxの導入

<p>「電子商取引に関する市場調査の結果」が今年も発表された。</p>
<p>というか4/30に発表されていたようで、今更ながら要点をまとめた。</p>
<p>&nbsp;</p>
<h2>国内EC市場</h2>
<h4>全体像</h4>
<p>2017年のEC市場規模は16兆5,054億円(+9.1%増)だった。</p>
<p>EC化率は5.79%(+0.36%)だった。</p>
<p>2016年は15兆1,358 億円 (+9.9%)、5.43% (+0.68%)だったので伸び率としてはともに鈍化してはいるようだ。</p>
<p>以下は分野別構成比率で、2016年はA. 物販系分野が10.6%と全体を牽引していたのに対し、2017年は鈍化、そのかわりにB. サービス系が+2.1%と伸びている。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2018/06/1.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13985" src="/uploads-archive/2018/06/1-300x135.png" alt="" width="300" height="135" srcset="/uploads-archive/2018/06/1-300x135.png 300w, /uploads-archive/2018/06/1-228x103.png 228w, /uploads-archive/2018/06/1.png 505w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>サービス系の更に細かい分類は以下で、飲食と理美容サービスが目立って伸びている。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2018/06/2.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13986" src="/uploads-archive/2018/06/2-294x300.png" alt="" width="294" height="300" srcset="/uploads-archive/2018/06/2-294x300.png 294w, /uploads-archive/2018/06/2-228x233.png 228w, /uploads-archive/2018/06/2.png 480w" sizes="(max-width: 294px) 100vw, 294px" /></a></p>
<p>&nbsp;</p>
<p>2017年の国内ECは、飲食店や美容室など実店舗のネット予約が伸びた1年と言えるようだ。</p>
<p>&nbsp;</p>
<h4>新ジャンル</h4>
<p>ライブコマースについて初めて言及されている。</p>
<p>調査というよりは説明のみではあるが、翌年以降で市場規模等が出てくると思われる。</p>
<p>逆に昨年度にから本格的に調査されるようになった「フリマアプリ」については、市場規模が4,835億円(+58.4%)となり、大きく成長している。</p>
<p>(わずか5年で約5000億円もの市場ができあがった)</p>
<p>&nbsp;</p>
<h4>物流</h4>
<p>2017年は個配サービスのあり方が問われ、結果サービス縮小と値上げという大きな動きのあった1年であった。</p>
<p>それもあってか昨年にはなかった「物流」という節があり、</p>
<p>&gt; 宅配便事業者、国内 BtoC-EC 事業者、消費者それぞれが納得いく 宅配便サービスのあり方、およびその料金の着地点を見出す必要に迫られている。</p>
<p>と締めくくっている。</p>
<p>&nbsp;</p>
<h2>越境EC</h2>
<h4>EC市場規模ランキング</h4>
<p>個人的に毎年定番化している国別のEC市場規模のランキング。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2018/06/3.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13987" src="/uploads-archive/2018/06/3-300x226.png" alt="" width="300" height="226" srcset="/uploads-archive/2018/06/3-300x226.png 300w, /uploads-archive/2018/06/3-228x172.png 228w, /uploads-archive/2018/06/3.png 434w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>順位は1〜10位は昨年と同じ。先進国は鈍化が目立つ。</p>
<p>&nbsp;</p>
<h4>ポテンシャル推計値</h4>
<p>中国が日本から越境ECでどれくらい買ってくれるのかという数値について、</p>
<p>昨年は2020年に19,053億円と推計、今年は2019年に20,077億円と大幅に情報修正しており、衰えない中国の購買力がうかがえる。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2018/06/4.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13988" src="/uploads-archive/2018/06/4-300x155.png" alt="" width="300" height="155" srcset="/uploads-archive/2018/06/4-300x155.png 300w, /uploads-archive/2018/06/4-228x118.png 228w, /uploads-archive/2018/06/4.png 593w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h4>越境ECの種類</h4>
<p>今年初めて越境ECの定義がなされた。</p>
<p>少々中国よりな気がするが、今後の用語の指針になるかと思われる。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2018/06/5.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13989" src="/uploads-archive/2018/06/5-275x300.png" alt="" width="275" height="300" srcset="/uploads-archive/2018/06/5-275x300.png 275w, /uploads-archive/2018/06/5-228x249.png 228w, /uploads-archive/2018/06/5.png 592w" sizes="(max-width: 275px) 100vw, 275px" /></a></p>
<p>&nbsp;</p>
<h4>台湾、香港の統計が追加</h4>
<p>今年から台湾、香港の統計が追加されており、来日率、越境EC経験率の高さがまとめられている。</p>
<p>以下は個人的に参考になった資料。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2018/06/6.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-13990" src="/uploads-archive/2018/06/6-300x208.png" alt="" width="300" height="208" srcset="/uploads-archive/2018/06/6-300x208.png 300w, /uploads-archive/2018/06/6-228x158.png 228w, /uploads-archive/2018/06/6.png 618w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>日本のEC市場としては、昨年と比べると少し落ち着いた感がある。</p>
<p>しかし、他国のEC化率と比べるとまだまだ低いので今の所ゆるやかに成長する良い市場といえる。</p>
<p>越境ECとしては、中国を例とすると越境で人気が出た商品が国内で変えるようになるという流れがあり、加速しているように見える。</p>
<p>なので越境EC→現地ECをまとめて越境ECととらえることの重要性を感じた。</p>
<p>&nbsp;</p>


small_1.png

thumbnail_1.png

1.png

経産省「電子商取引に関する市場調査の結果」2018年版を発表

フロントエンドのフレームワーク「materialize」を使って簡単なメモ帳を作ってみた

<p>Googleスプレッドシート作りましたシリーズ⑧</p>
<p>今回は、<span class="articleInfo-title-text">アイデア出しとして用いる「SCAMPER」というフレームワーク</span>のフォーマットです。</p>
<h2><span class="articleInfo-title-text">SCAMPERとは</span></h2>
<p>下記のそれぞれの頭文字をとったアイデア、発想を生むためのフレームワーク。</p>
<p>何かに対して改善案の提示を求められたとき、それぞれに従って、対象を当てはめていくことで、アイデアが形成されていきます。</p>
<p>何かに煮詰まったときに、むしろ煮詰まる前にこのフレームワークを用いるのは如何でしょうか？</p>
<h3>Substitute（代用）</h3>
<p>他のもので代用できないか</p>
<h3>Combine（結合）</h3>
<p>組み合わせてみることができないか</p>
<h3>Adapt（適用）</h3>
<p>応用したり当てはめたりできないか</p>
<h3>Modify（修正）</h3>
<p>修正、拡大、縮小できないか</p>
<h3>Put to other uses（転用）</h3>
<p>他に使い道はないか</p>
<h3>Eliminate（除去）</h3>
<p>削除、省略できないか</p>
<h3>Rearrange（再配列）</h3>
<p>順番を変えたりできないか</p>
<h2><span class="articleInfo-title-text">SCAMPER</span>のサンプル</h2>
<div>もし、月額制のBtoB商材に関する改善案を出せと言われたらと仮定してのサンプル作ってみました。</div>
<p><a href="/uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-13979" src="/uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1.png" alt="" width="723" height="763" srcset="/uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1.png 723w, /uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1-284x300.png 284w, /uploads-archive/2018/06/571a77db184b58c1440fd71e1fb0cb82-1-228x241.png 228w" sizes="(max-width: 723px) 100vw, 723px" /></a></p>
<h2>ダウンロードリンク</h2>
<p><a class="link" href="https://docs.google.com/spreadsheets/d/1ZETr4Ut2EoPy4ocAhK-QwHuL9zKoIyC8Q7RnVpoSTTw/edit#gid=1716050860" target="_blank" rel="noopener">ビジネスフレームワークテンプレート集-Googleスプレッドシート</a></p>


発想方法の「SCAMPER法」Googleスプレッドシート

<h2>商売に「人間」という概念は不要だと思いますか？</h2>
<p>ECサイトに限らず収益を上げるということが目的となると思います。<br />
ECサイトで実現する為の構図としてはアクセスしてコンバージョンへ推移していくという単純な形となりますが皆さんご存知の通りこの形を形成するためには多大な労力、テクニックが必要となります。</p>
<p>今回は、その中の一部である人間行動心理を活用した機能、作用をご紹介致します。</p>
<h2>◆９個の機能、テクニック</h2>
<h3>1.コンコルド効果</h3>
<p>「コンコルド効果」とは「スタートしたらゴールまで」という心理です。<br />
これはシリーズものや、ポイント販売などが代表的で、販売者側からすると「一度捕まえたお客様は他に渡さない！」という考えです。<br />
少し別角度から言うと、「○○円でと送料が無料で」。<br />
何らかの限定条件(この日、この商品等)ポイント2倍の商品です。と伝えることで購買に近きます。</p>
<h3>2.返報性の原理</h3>
<p>人を騙したり、極悪な所業に及ぶ人間も存在しますが、基本的に人は「なにかお返ししたい」という心理を多かれ少なかれ誰もが持っていますそれを「返報性の原理」と言います。<br />
この原理は「とりあえず試してみてください」と言う販売者側の心理に対しての心理として当てはまります。<br />
ECサイトでは無料サンプルや、無料相談やメルマガやブログ配信など、無料でさまざまなサービスを提供することで、購買へ繋げていく形となります。<br />
リピーターを作る際には「記憶に残る」という考え方もあり、お客様対応等のサービスがこれに該当します。</p>
<p>&nbsp;</p>
<h3>3.バンドワゴン効果</h3>
<p>流行っているものや人気商品になど多くの支持を得ている物、事に対してよく見えてくるこれが「バンドワゴン効果」です。<br />
みんなが買っているから、あの人が使っているから、流行っているからなどがあれば合否のラインが下がります。<br />
ECサイトでも人気商品表示をさせたり、売れ筋ランキング表示をすることで、商品を提案し、商品の購買につなげることができる。</p>
<p>&nbsp;</p>
<h3>4.ウィンザー効果</h3>
<p>情報の威力は第三者からの情報の方が高くこれは「ウィンザー効果」と言います。<br />
このウィンザー効果とはレビューやSNS共有ボタンがそれである。“いいね”がたくさんあることで、お客様が安心していただける確率が高くなり、購買につながりやすくなる。<br />
この部分に関しては自分と比較しやすい対象が効果が高く、商品やショップに対するレビュー機能は重要なファクターとなります。</p>
<p>&nbsp;</p>
<h3>5.テンション・リダクション効果</h3>
<p>高いものを買う際に全てが終了した後、緊張が緩んだ状態になることを「テンション・リダクション効果」と言います。<br />
判断力が低下した状態にあり、そのような状態なお客様に対し、オプション商品を提案して(レコメンド機能、クロスセル機能)購買つなげる機能、運用法がです。<br />
テンション・リダクション効果は、メインの購入金額とオプション商品の金額的「落差」が大きければ成功確率はアップします。</p>
<h3>6.マッチングリスク意識</h3>
<p>ECサイトは実際に商品を手にとって検討することができないところが欠点ですが。<br />
「この商品、ショップは大丈夫かな？」等の不安を抱え商品購入を検討する。この不安を「マッチングリスク意識」という。<br />
このような不安を解消するものを備える必要がECサイトには必要で、商品に対しては返品、返金を保障する事やサンプルをお送りするなどです。<br />
お客様にはECサイトで安心して、楽しく商品を購入していただく為に！という概念が大切ですよね。</p>
<h3>7.決定回避の法則</h3>
<p>たくさんの選択肢があると選択できなくなる。このことを「決定回避の法則」と言い。<br />
複数の商品を提案すると、お客様は混乱し、選択できなくなる。そこで選択肢は絞ることが必要である。</p>
<p>ECサイトではターゲットにあわせて展開を行い「あなたにおススメの商品はこの3点です」などの提案は効果が高いといえる。</p>
<h3>8.アンカリング効果</h3>
<p>「アンカリング効果」とは大雑把に言うと「通常価格」と「限定価格」の関係性です。<br />
例えば初期設定金額が、10000円とした場合、「値引き」、「割引」等の表示を行い8000円することで、お得感を演出し購買につなげることができる。<br />
虚偽の価格を表示することは禁じられてい為、出品後からある程度の実績が必要です。<br />
※楽天などのモールは基本的に二重価格表記は禁止されていますが、スーパーセールは審査を経てこの表示を行い売上の構築を行います。</p>
<h3>9.松竹梅の法則</h3>
<p>普通が一番！と思い日常を過ごしている方は多いのではないでしょうか。<br />
いわゆる「無難な答え」と言うもので、これを「松竹梅の法則」と呼びます。<br />
ECサイトでは、3つの段階に分けて、商品販売すると一番良く売れるのは金額等の基準が定まった比較の中で中間の商品であることが多いです。<br />
顧客誘導を売りたい商品に向けて行う中で真ん中の価格帯に設定等です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>いかがでしたでしょうか？<br />
人聞きの悪い心理テクニック、原理もありましたが、逆に言えば販売者側としてこれを駆使する事でお客様に分かってもらえると考える事ができます。<br />
結局は信頼性の構築でありますね。</p>
<p>消費者として正しい情報とは何でしょうか。(笑)</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2018/08/22

2018/07/11

2018/07/11

2018/07/11

2018/07/11

2018/07/11

2018/07/11

2018/07/11

2018/07/11

2018/07/11

2018/06/13

2018/06/13

2018/06/13

2018/06/13

2018/06/13

2018/06/13

2018/06/13

2018/05/10