重さごとで、国際eパケット、国際eパケット ライト、EMSそれぞれで送料がいくらなのかを調べるためのツールを作ってみた。
<a href="/demo/hoshino/n01/" target="_blank" rel="noopener">/demo/hoshino/n01/</a>
&nbsp;

【海外配送】送料比較ツール

日々ビジネスをしていると様々な悩み、他の可能性を探ることでしょう。 
自社では受発注で在庫を持たずに都度メーカーから仕入れて販売を行っていて、このビジネスモデルは在庫を持たないので基本的には型番商品を取り扱う事になります。 
このようにいわゆる「低リスク風」なビジネスモデルを探る内個人的に「面白い」と思う「代行業」を発見したので、集めました。
<h3>行列代行</h3>
限定品やレア物、数量限定等で長蛇の列ができてしまうような行列に並んでくれるビジネス。 
どうしても欲しいけど、時間がない、面倒くさいという人が対象だそうです。 
バイヤーの方はこちらの作業も行い利益を乗せて転売している人もいます。
※宝くじ等も代わりに並んで代行してもらえるそうです。
<h3>モーニングコール代行</h3>
文字通り朝電話をしてもらい起こしてくれるビジネス。 
提供側の人はモーニングコール会社から指定された電話番号を伝えてもらい、相手を起こす仕事です。 
複数人に電話をかけて、相手が出ることで1件の仕事が完了との事。
※一件あたり報酬は約100円 
料金は200〜300円
<h3>宿題代行</h3>
学校の宿題を代行するビジネス。
特に夏休み期間は稼ぎ時のようで、多くの人が利用したとのこと。 
宿題があるのは基本的に学生が大半だと思いますが、遊ぶ為にお金を使いたいはずの学生がお金を払ってまで雇うというのはなかなかに面白い内容だと思います。誰がお金を払っているのか…笑
しかし課題を自身で遂行するよりも大切な事項を行うという事であれば、あながち間違いではないのかもしれません。
<h3>謝罪代行</h3>
その名の通り、代わりに謝るビジネス。 
仕事場でも活用する事が可能だそうで上司のフリをして、プライベート等で発生した謝罪案件に身内のフリをしてプロが謝罪をしてくれるそうです。
常識外れなビジネスですが、プロとはよく言ったもので、実際に送り込まれた側は怒りを冷められて許して貰えるらしいです。 
がみがみ言われる事を耐える仕事ではないようです。
何らかの手違いでバレた時に2倍、3倍で怒りが再発することが簡単に予想されるので、最後の最後まで緻密に利用していくことが重要ですね。
<h3>墓参り代行</h3>
気持ちの問題に対して発生した意表を突く画期的なビジネス。 
個人的には非常に興味深いです。
「墓掃除代行」という名称が正しいと思われます。 
ジェット水流で墓石の汚れを落とし、さらに手洗いをした後にキレイに拭き上げ、作業終了後は確認の画像を送付してくれるそうで、料金は１万円ほど。
<h3>罵り代行</h3>
罵倒したり、けなしてもらったりとってくれるビジネス。
基本的に人は誰かの管理下にある為、変なことをすれば管理人にられると思いますが、怒らない立場の人や特殊な方に需要がありそうですね笑
<h3>リア充代行</h3>
SNSが強力な力を持っている昨今これも変質的なビジネスが誕生しました。 
リアルが充実していない人がSNS上だけでもリア充っぽく見せかけるため、一緒に写真に収まってくれる人を送り込むビジネスだそうです。
人に囲まれている事をリア充として捉えるのであれば、人に囲まれていない人が非リア充であるのに誰にリアルが充実している感を見せつけているのでしょうか(哲学)
<h3>壁殴り代行</h3>
<blockquote>ムカついたけど壁を殴る筋肉が無い、壁を殴りたいけど殴る壁が無い、そんなときに！
壁殴りで鍛えたスタッフたちが一生懸命あなたの代わりに壁を殴ってくれます！ モチロン壁を用意する必要もありません！スタッフがあなたの家の近くの家の壁を無差 別に殴りまくります！
1時間\1200～ 24時間営業 年中無休！ニコニコ大百科（仮）より</blockquote>
これは個人的に提供者側でやってみたいビジネスです笑 
この身一つで全て解決感が好きです。
<h3>レベル上げ・素材集め代行</h3>
多くのゲームはキャラクターのレベル上げや強化素材集めが必要です。 
そんな中現れたビジネスがこの代行ビジネス。
私自身もゲームはしますが、この存在は「ゲームとは？」と思わせられる内容ですね。
<h3>チート代行 
【pubgの例、補足：チートコードの金額</h3>
レベル上げ・素材集め代行と同様のゲームネタですが、主にゲームの改造を本人に代わって行う内容です。 
アイテムの個数や本来プレイヤーの技術に依存する操作等を内部で改ざんして強く？なってゲーム内ランク等を上げる目的として使用 
逆に製作者側では「生み出したもの」として自己満足とともに収益化を図っているとのこと。 
賞金がでる大会でも使用がされた経緯があり、ゲーム業界では問題の１つとなっているそうです。
ちなみにこれは「犯罪」として扱われ罰せられます。
&nbsp;
これらを見て思ったことは昨今の社会でビジネスを行うというのはこういったおもしろい発想が必要であると思いました。
しかし人間ってどんどん滑稽になっていっているような気が…笑

個人的に面白いと思う「代行業」10選

「越境ECサイトを構築したいけれど、少しでも初期費用を抑えたい…」
そのような方に朗報です！
IT導入補助金を使えば、最大５０万円の補助を受けて越境ECサイトの構築が可能です。
<h2>IT導入補助金とは</h2>
中小機構の特設サイトには下記のような説明があります。
「IT導入補助金は、中小企業・小規模事業者等のみなさまが自社の課題やニーズに合ったITツール（ソフトウエア、サービス等）を導入する経費の一部を補助することで、みなさまの業務効率化・売上アップをサポートするものです。（2018 一般社団法人 サービスデザイン推進協議会より）」
具体的にどんな特徴があるかというと、
<img decoding="async" loading="lazy" class="size-large wp-image-14198 aligncenter" src="/uploads-archive/2018/08/54ddd98ea9760672342ddaf5c1872164.png" alt="" width="736" height="291" srcset="/uploads-archive/2018/08/54ddd98ea9760672342ddaf5c1872164.png 736w, /uploads-archive/2018/08/54ddd98ea9760672342ddaf5c1872164-300x119.png 300w, /uploads-archive/2018/08/54ddd98ea9760672342ddaf5c1872164-228x90.png 228w" sizes="(max-width: 736px) 100vw, 736px" />
<ul>
<li>補助対象が非常に広い→たとえば新しくHPつくるとかでも可</li>
<li>補助上限は５０万円、補助率は1/2→たとえば100万円の費用につき、最大で５０万円の補助があります</li>
<li>補助金交付決定のあとに事業者（弊社のようなベンダー）と契約する流れなので、「補助が下りなかったのに支払いはしなければならない…」ということがない→ノーリスク！</li>
</ul>
<h2>バラマキとの批判はあるものの…</h2>
今年度のIT導入補助金には予算が500億円ついて、13万件の採択が予定されていましたが、１次公募で採択されたのはたった9,248件。
２次公募も８月前半に締め切られたばかりですが、こちらも１万件の採択に留まっているそうです。
合計しても２万件程度です。
つまり、中小機構としては、予算を消化するには残り11万件を採択する必要があります。
現在は第三期の募集が8/20-10/15というスケジュールで行われていますが、採択率はかなり高くなることが予想されます。
実はこの補助金は税金のバラマキとも揶揄され、一部批判されていますが、越境ECサイトの構築予定がある方でしたら、使わない手はないでしょう。
<h2>LaunchCartは採択ツールです</h2>
スターフィールド株式会社はIT導入支援事業者に認定されており、弊社の越境ECシステムLaunchCartは本事業でITツールとして採択されています。
つまり、LaunchCartを使っての越境ECサイト構築にあたって本補助金の申請が可能で、申請自体は弊社が代行いたします。
ちなみに、本年度のIT導入補助金の第一期と第二期のLaunchCartの採択率は100％でした。
<h3>事例１：補助金を使った越境ECサイト</h3>
（対象国）中国、台湾、香港向け 
（商材）化粧品 
（目的）単品商品の中華圏へのテストマーケティングがしたい 
（作業範囲）導入コンサルティング、サイトデザイン、コーディング、システム設定、カスタマイズ、翻訳 
（お見積り金額）１0０万円　→　このうち５０万円が補助の対象となりました
<h3>事例2：補助金を使った越境ECサイト</h3>
（対象国）台湾向け 
（商材）食品 
（目的）５００SKU程度の食品を販売する総合通販サイトの作成 
（作業範囲）導入コンサルティング、システム設定、カスタマイズ 
（お見積り金額）１5０万円　→　このうち５０万円が補助の対象となりました
<h2>導入するためには</h2>
補助金の申請というと、「めんどくさいのでは…」という心配もあるかと思いますが、 
この補助金は申請の代行を弊社が行うことで、手間はかなり軽減できます。
ご興味をもたれたらお気軽に弊社担当までお問い合わせください。
<h3>導入の流れ</h3>
お問い合わせ（下部に連絡先記載あり） 
↓ 
打ち合わせ（訪問、電話、メール、テレビ会議など） 
↓ 
お見積り 
↓ 
IT補助金申請（申請は弊社がサポートします！） 
↓ 
採択 
↓ 
発注、契約（採択後の発注なので安心。採択前の請求はございません） 
↓ 
越境ECサイト構築 
↓ 
構築費のお支払い 
↓ 
実績報告資料の作成、提出（弊社がサポートします！） 
↓ 
審査 
↓ 
補助金確定通知・補助金の交付
採択率は非常に高い補助金ですが、申請準備等にお時間がかかります。 
ぜひお早めにご相談ください。
<h3>お問い合わせ</h3>
お問い合わせはこちら 
hashimoto@sterfield.co.jp（担当橋本）

medium_28776c2dd8a3b60ae9fa2e1139e9be6c.png

small_28776c2dd8a3b60ae9fa2e1139e9be6c.png

thumbnail_28776c2dd8a3b60ae9fa2e1139e9be6c.png

28776c2dd8a3b60ae9fa2e1139e9be6c.png

LaunchCartでの越境ECサイト構築にも利用可！IT導入補助金第三期スタート！

React Nativeをいずれ試そうと考えていた所、Vue Nativeなるものが存在しているということを先日知りました。
<a href="https://vue-native.io/" target="_blank">Vue Native</a>
<h2>React Native</h2>
<a href="https://facebook.github.io/react-native/" target="_blank">React Native</a>
実はReact Nativeを知ったのもそんな前のことではなく、 
整理のためにどんなものか簡潔にいうと、 
・reactでアプリ(iOS,Android)が作れる、しかも一つのコードで。 
・つまり、Javascriptでアプリが作れる！ 
・エディタも特に縛りはない 
・Chromeでのデバックもできる 
・もちろん、Reactの書き方を知っていなければならない
javaやswiftを知らずともアプリが作れるという非常に魅力的な存在です。 
私はその辺りの言語に手を伸ばすのは控えており、おのずとアプリ制作に目を向けてなかったのですが、javascriptでできるのであれば話は別で、自分でも作れることが可能であればいずれやってみたいと思っていました。
<h2>Vue Native</h2>
そして冒頭述べた、Vue Nativeの存在を知りVueでも可能ということにさらなる衝撃を受けました。
今学ぼうとしている順番としては、 
1.Vue + Nuxt 
2.React + Redux 
3.React Native 
だったので、React Nativeはまだ先でした。
このVue Nativeの存在で、 
1.Vue + Nuxt 
2.Vue Native 
3.React + Redux 
4.React Native 
に変更しようかなと考えています。
このVue Nativeは、React NativeのAPIを使用しているのことなので、 
感覚的にはReact NativeだけどVueで書けるようになった、みたいな感覚なのでしょうか？
まだ試すことができていないので、 
試されている記事を紹介します。
<a href="https://qiita.com/nitaking/items/5c6fb6990d3bdb5769cc" target="_blank">Vue NativeでTodoアプリを作ろう その１ &#8211; Qiita</a> 
<a href="https://qiita.com/taquaki-satwo/items/523f65723cf2bf7b049a" target="_blank">さっそくVue NativeでHello Worldしてみた &#8211; Qiita</a> 
<a href="https://note.mu/ymfn4685/n/ne71a120b346f" target="_blank">話題のVue Nativeでサクッと「Hello World」してみた｜とっとこふな太郎＊⊿｜note</a>
<h2>Vue + Nuxt の話</h2>
先程述べた様に、今はVue + Nuxtをやっています。 
Nuxtの話はこちら 
<a href="https://ja.nuxtjs.org/guide" target="_blank">はじめに &#8211; Nuxt.js</a>
今回、一つのアウトプットして、 
<a href="https://qiita.com/aytdm/items/0096e497837ec3aa8b35#%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88" target="_blank">Nuxt.jsでQiita投稿一覧サービスを作る &#8211; Qiita</a> 
こちらをがっつり参考にして試しに制作してみました。
少し手を加えたりしましたが、制作したもの以下からご覧になれます。 
<a href="http://try.alan-trigger.info/" target="_blank" class="demo">DEMO</a>
CSSのフレームワーク「element」を使用しているので、簡単かつキレイにUIが作れています。

React NativeのVue版、Vue Nativeというものが存在していた

RPA（Robotic Process Automation）領域盛り上がってますよね。
定期的にIT展示会に出向くようにしておりますが、今年は、AIとRPAが第一回目の専門展として開催されていました。ここまで来るとようやくサービスを提供する会社が増えたというキャズムを越えて普及に向かっていくのだろうなと感じました。
ここで、目新しいサービスでもないのですが「Zapier」というアプリケーション同士を連携させてタスクを自動化させるツールを使ってみました。
<a href="https://zapier.com/" target="_blank" rel="noopener">Zapier</a>は2012年からサービスを開始していますが、当時は25種のアプリケーションとの連携しか出来なかったことに対し、現状は1000を超えるアプリケーションと連携が出来ると公式サイトでは謳われています。
このように、ツールの成熟と共に連携アプリケーション側もAPIを公開するなどで、一気に普及期に突入していくんだろうなと感じています。
営業として売上を上げて利益を出すのとコストを下げて利益を確保するのは、同じ価値だと考えているので、業務効率化に対しては常に目を光らせています。
ということで、今回はこのZapierを使ってみた内容を紹介します。
<h2>設定の流れ</h2>
まず、Zapierでは、自動化の一括りの単位でZAPというのがあり、ZAPの中に条件を設定するTriggerと内容を設定するActionがあります。
ここでは、PopularなZAPとして紹介されていたスプレッドシートとGoogleカレンダーの連携を試みてみました。
有料プランでは、設定出来るZAPの上限数が上がったりトリガーとアクションを2個以上に設定出来るマルチステップZAPが使えたりと大幅に機能が強化されます。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-14171 size-large" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1024x554.png" alt="" width="1024" height="554" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1024x554.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-300x162.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-768x416.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-228x123.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier.png 1099w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
公式ホームページ上で掲載されているものはそのまま設定するだけで使えるようになります。
<a href="/uploads-archive/2018/08/Menubar.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14172" src="/uploads-archive/2018/08/Menubar-1024x421.png" alt="" width="1024" height="421" srcset="/uploads-archive/2018/08/Menubar-1024x421.png 1024w, /uploads-archive/2018/08/Menubar-300x123.png 300w, /uploads-archive/2018/08/Menubar-768x316.png 768w, /uploads-archive/2018/08/Menubar-228x94.png 228w, /uploads-archive/2018/08/Menubar.png 1126w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
まずはトリガーの設定から。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14173" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-1024x903.png" alt="" width="1024" height="903" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-1024x903.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-300x265.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-768x677.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1-228x201.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-1.png 1120w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
説明が１ページ挟まります。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14174" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-1024x492.png" alt="" width="1024" height="492" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-1024x492.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-300x144.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-768x369.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2-228x110.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-2.png 1117w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
ConnectボタンからGoogleアカウントへ遷移し、同意します。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14175" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-1024x530.png" alt="" width="1024" height="530" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-1024x530.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-300x155.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-768x398.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3-228x118.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-3.png 1114w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
進みます。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14176" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-1024x911.png" alt="" width="1024" height="911" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-1024x911.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-300x267.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-768x683.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4-228x203.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-4.png 1120w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
スプレッドシートのファイル名とシートを指定します。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14177" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-1024x646.png" alt="" width="1024" height="646" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-1024x646.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-300x189.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-768x484.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5-228x144.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-5.png 1116w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
ここでもヘルプページが挟まれます。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14178" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-1024x678.png" alt="" width="1024" height="678" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-1024x678.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-300x199.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-768x509.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6-228x151.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-6.png 1113w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
サンプルを引っ張ることが出来ます。<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-14185" src="/uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb.png" alt="" width="902" height="186" srcset="/uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb.png 902w, /uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb-300x62.png 300w, /uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb-768x158.png 768w, /uploads-archive/2018/08/c0adaf135097182e179e8fbafeafbebb-228x47.png 228w" sizes="(max-width: 902px) 100vw, 902px" />
こんな感じで用意をしてみました。（実際は最初に何やったらよいか分からなかったので試行錯誤）
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14186" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-1024x771.png" alt="" width="1024" height="771" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-1024x771.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-300x226.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-768x578.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10-228x172.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-10.png 1123w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
これでトリガーの設定は終了で、次にアクションの設定をします。
<img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14179" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-1024x461.png" alt="" width="1024" height="461" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-1024x461.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-300x135.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-768x345.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7-228x103.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-7.png 1116w" sizes="(max-width: 1024px) 100vw, 1024px" />
まずは、カレンダーの認証から。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14180" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-1024x494.png" alt="" width="1024" height="494" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-1024x494.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-300x145.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-768x370.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8-228x110.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-8.png 1114w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
こちらも同意します。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14181" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-1024x526.png" alt="" width="1024" height="526" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-1024x526.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-300x154.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-768x395.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9-228x117.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-9.png 1115w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
進みます。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14187" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-1024x883.png" alt="" width="1024" height="883" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-1024x883.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-300x259.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-768x662.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11-228x197.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-11.png 1117w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
ここでカラムの定義をします。終わりの時間は[ +1h]とすると一時間後に設定出来るようです。もちろん、別のカラムに終了時間を書いてそれを設定するものでもいいと思われます。この当たりのお作法は最低限覚えないとだめですね。
そして、これだけですと、タイトルも説明文もない状態なので、advanced optionsを開きます。
<a href="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12.png"><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-14189" src="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-1024x947.png" alt="" width="1024" height="947" srcset="/uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-1024x947.png 1024w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-300x277.png 300w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-768x710.png 768w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12-228x211.png 228w, /uploads-archive/2018/08/Create_Google_Calendar_events_from_new_Google_Sheets_spreadsheet_rows___Zapier-12.png 1140w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
先程のカラムを定義します。
&nbsp;
&nbsp;
以上で設定自体は終了です。
<a href="/uploads-archive/2018/08/Franz.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-14191" src="/uploads-archive/2018/08/Franz.png" alt="" width="457" height="280" srcset="/uploads-archive/2018/08/Franz.png 457w, /uploads-archive/2018/08/Franz-300x184.png 300w, /uploads-archive/2018/08/Franz-228x140.png 228w" sizes="(max-width: 457px) 100vw, 457px" /></a>
Googleカレンダー見てみると来てました。
とりあえず、初歩的な部分でこれがすぐに生産性をあげるという代物ではありませんが、設定の流れを見ることが出来ました。
<h2>まとめ</h2>
Zapierならノンプラミングでいろいろ出来ます。致し方ない部分かもしれないですが、画面遷移は多いかなと思いました。
メルカリはZaipier使って<a href="https://seleck.cc/1230" target="_blank" rel="noopener">400以上の業務自動化</a>しているらしいです。しかも非エンジニアがというところがすごいですよね。
もっともっと取り入れていきます。
&nbsp;

タスク自動化ツールZapierを使ってみた

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

small_d260686890ad58d8278eaac00194718a_s.jpg

thumbnail_d260686890ad58d8278eaac00194718a_s.jpg

d260686890ad58d8278eaac00194718a_s.jpg

英語版サイトの注意点

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

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

<h2>オーストラリアの基本情報</h2>
<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" />
<h4>多文化・多民族移民国家</h4>
・約2千5百万人（日本の約1/5）
<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" />
・GDP:$65,400 USD (#14)　シンガポールより上位
・平均年収：約670万円
・検索エンジン：Google93%, Bing, Yahoo
・主な決済方法：PayPalが一番支持されている。Pay ID銀行振込
・現地でオンライン取引されている商品カテゴリ：電子機器、服飾系、本
・SNS：Facebook, twitter, instargram, tumbler,  messanger, SMS
・発注確認連絡：[email]
・物流：ドアの前に置いてかれる。注文するときにサインのリクエストができる。結構不便、不在の場合が怖い。ポストオフィスに。日にち、時間指定ができない。追加料金。海外からだと1ヶ月。
・天候：冬がとても短く、常夏。紫外線が日本の7倍。
・ECサイト：ebay, gumtree
＊フォーム：日本とほとんど同じ
<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" />
＊売れそうな日本の製品：化粧品、お菓子、電化製品等
★日本のクオリティは高いと思っていない。
★中国製品の価格と強豪。
★しかし英語のユーチューバーが日本紹介を沢山しているため今後日本の人気上がる可能性あり。
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;

AustraliaのEC市場

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

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。
 そう言えばスマホからたまにPCを操作することはあっても 
 その逆はないなと思って試しに導入してみました。
 PC->SPの場合、セキュリティの関係か 
 SPにアドオン的なアプリと、端末のメーカー別のアドオンをインストールする必要がありました。 
 自分はHTCにつき以下をインストール。
 TeamViewer QuickSupport 
 https://play.google.com/store/apps/details?id=com.teamviewer.quicksupport.market&#038;hl=ja 
 Add-On: HTC 
 https://play.google.com/store/apps/details?id=com.teamviewer.quicksupport.addon.htc 
<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を立ち上げます。 
 SPの方はQuickSupportも立ち上げます。
 すると以下のような画面が出るので「許可」を押せば遠隔操作開始。 
<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" />
<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" />
 SPでの操作を求めるあたりは安心です。
 もちろんキーボードを使ったブラウジングで実機テストなんかも出来ます。 
 複雑なジェスチャーでなければ結構な作業が出来ます。 
<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形式、ダウンロード、削除のモーダルの機能を追加してみた

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

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

medium_nino_eye130625.png

small_nino_eye130625.png

thumbnail_nino_eye130625.png

nino_eye130625.png

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

日本のEC事業者の中では既に一般的になりつつある独身の日だが、今あらたな別イベントが注目されている。
それが「京東618」だ。
これは京東集団が1998年6月18日に設立されたため、それを記念したセールで618セールと訳されることもある。
独身の日が注目されがちだが京東618は今年で15回目と伝統あるセールで、毎年6月1日〜18日に開催されている。
&nbsp;
規模としては、年々拡大しているのだが今年は過去最大となり、取引額の合計は1,592億元（約2.7兆円）となった。
2017年独身の日のアリババ系の取引額が1,682億元（約2.85兆円）なので、約95%にまで迫る規模だ。
ここまでくると、今後は中国2大セールイベントとして対策を考える必要がありそうだ。
&nbsp;
ちなみに具体的な取引額の発表は無いそうだが、アリババ系も対抗して618セールを開催しており、京東の開催期間が6月1日〜18日なのに対しアリババ系は6月1日〜20日となっている。
&nbsp;
話が広がるが、京東は2017年独身の日では1,271億元もの取引があり、これはアリババの76%となりこちらもも好調だ。
2017年の中国内のECシェアはアリババが53%となっており、2012年からほぼ変わっていないのに対し、 
京東は22%→33%とシェアを伸ばしている。
&nbsp;
京東とアリババの最大の違いは、京東は自前主義であること。
京東は仕入れから配送、顧客サポートまで自社グループで展開している。
特に配送に対する評判は高いらしく、618も90%以上の注文が24時間以内に受け取れたという。
(以下はアリババ系の独身の日の例)
&nbsp;
<blockquote class="wp-embedded-content" data-secret="0LaAjKc6Uf"><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></blockquote>
<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>
更に自前であることか配送の自動化、カスタマーサポートのAI化もいち早く進んでいるということだ。
&nbsp;
いろいろな面で京東の動きが活発化しているようなので、引き続き注目する必要がありそうだ。
&nbsp;

medium_1019-810x421-768x399.jpg

small_1019-810x421-768x399.jpg

thumbnail_1019-810x421-768x399.jpg

1019-810x421-768x399.jpg

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

Adobe の XD は、WEB サイトやアプリのデザインを制作するツールとしてとても使いやすく、プロトタイプツールとして、お客さんとの情報共有のツールとしても利用できるため、最近使う機会がとても増えてきました。
XD ではプロトタイプとしてページの遷移を再現することはできますが、アニメーションを付けるところまではできません。 
最近の WEB デザインの傾向として、アニメーションが印象に占める割合が大きくなってきているため、コーディングに入る前にアニメーションをお客さんに確認いただきたい機会が増えてきているため、そのあたり何とかできないものかと思うようになっていました。
XD でデザインを作って、アニメーションをつけたい。それを実現してくれるのが、 
「Kite Compositor」です。
<a class="link" href="https://kiteapp.co/" target="_blank" rel="noopener">公式ホームページ: Kite Compositor – Motion Design for Mac</a>
$99 で購入する必要がありますが、20日間、無料で体験利用することができます。
<h2>Kite で XD データからアニメーションを作る方法</h2>
<ol>
<li>XD データをインポートする</li>
<li>データを整える</li>
<li>アニメーションの設定</li>
<li>アクションの設定</li>
<li>テスト &amp; 動画の録画・出力</li>
</ol>
<h3>1. XD データをインポートする</h3>
<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>
XD でデザインデータを作成します
<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>
Kite で新規ドキュメントを作成し、
<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>
XD で対象ファイルを開いた状態で、 File &gt; Import &gt; From Adobe XD CC を選択
<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>
変換方法を設定してインポートします。
<h3>2. データを整える</h3>
<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>
インポートしたままだと、クリッピングマスクを掛けていた場合に、マスクが外れてしまうことがあるなど、崩れることがあるので、調整します。
<h3>3. アニメーションの設定</h3>
<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>
アニメーションを設定したい要素があるレイヤーを選択し、 
Add Child &gt; Basic Animation でレイヤーにアニメーションを追加します。
<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>
transformなど、アニメーションの種類を選択します。
<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>
アニメーション後の値を設定します。 
アニメーション名は、あとで確認しやすいものに変更しておきます。
<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>
タイムラインの時間をスライドさせると、アニメーションの状態を確認できます。
<h3>4. アクションの設定</h3>
<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>
クリックなど、アニメーションに紐づけたいアクションをつけたい要素のレイヤーに、 
Add Child &gt; Action でアクションを追加します。
<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>
まず１つ目、Event Type で「No Event」を選択し、先程作成したアニメーションを選択します。
<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>
2つ目のアクションを追加し、Event Type で「Mouse Clicked」を選択し、 
Action Type で Trigger Actions を選択し、 
「+」ボタンで１つ目で設定したアクションを追加します。
<h3>5. テスト &amp; 動画の録画・出力</h3>
<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>
ウィンドウの上にある 動画ウィンドウアイコンの「Present」ボタンで実際の動作を確認できます。
その横のビデオカメラアイコンの「Export」ボタンで、動画を録画・出力できます。
↓作ったアニメーションの動画の例
<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>
昨今、様々なブラウザの検索エンジンはGoogleの検索エンジンを元に構築されております。 
我々はGoogleという「畑」でビジネスを行ったり、自身の不足を補ったりと言わば、生活をしていると言っても過言ではありません。 
その中でビジネスをする上で「検索上位表示」という概念は非常に重要な要素ということは言うまでもありません。
なので、Googleを理解する事が先決ということとなります。 
そこで「Googleが掲げる10の事実」を参照すると以下のようになっています。
①,ユーザーに焦点を絞れば、他のものはみな後からついてくる。 
②,1つのことをとことん極めてうまくやるのが一番。 
③,遅いより速いほうがいい。 
④,ウェブ上の民主主義は機能します。 
⑤,情報を探したくなるのはパソコンの前にいるときだけではない。 
⑥,悪事を働かなくてもお金は稼げる。 
⑦,世の中にはまだまだ情報があふれている。 
⑧,情報のニーズはすべての国境を越える。 
⑨,スーツがなくても真剣に仕事はできる。 
⑩,「すばらしい」では足りない。
今回は①の「ユーザーに焦点を絞れば、他のものはみな後からついてくる。」について当たり前ではあるが忘れがちなビジネスにおいて重要な事について話していきたいと思います。
<h3>google(検索エンジン)=ユーザーと言う構図</h3>
※ここでいうコンテンツ定義は、もの、情報を含めた全てです。
「ユーザーに焦点を絞れば、他のものはみな後からついてくる。」 
これを元に簡単にどのようなコンテンツが優良であるか考えてみましょう。
ビックワードで検索上位に上がることは集客をする上で非常に重要で価値の高いことです。 
なので、極論「検索エンジンに好かれる」ことを考える必要があります。
では一旦検索エンジンが好むものとは何か…
それは「ユーザーに焦点が絞られたコンテンツ」です。 
ターゲットを仮想の一人として制作し、それに基づいてプランニングしていくのが一般的ではありますが、ページとして、コンテンツとして真に評価されるものは「複数のユーザーの悩みや願いを網羅するコンテンツ」と言う事です。
その末に相手から「納得」が得れるという仕組みです。
&nbsp;
<h3>物事を引いて見るということの重要性</h3>
我々は日々ビジネスをしている中でこれを売りたいなどの「これしたい、あれしたい」ということを基準に物事を判断する傾向にあると言えます。 
この思想は何かを決める為には方向性、目標がなければ判定や決定を行うことが出来ません。 
しかしこのことがビジネスを進めていく上で予想と違った等の問題を引き起こす原因ともなります。
その原因は、方向の先には何があるかを忘れてしまうということです。 
「支持＝対価」と完結にまとめて考えることができますが、「行動」をこのことにリンクさせると「支持」について考えなければならないと思います。
いつの間にか本位的な思考になり、本来「人間」は情報を獲得し関心にも似た「納得」を得て対価を費やす習性と真逆な心理となり、集客等の方法が集客ではなく「押し付け」となります。
なので、そういったコンテンツ、商品、手法等ではビジネスを行っても理念を持ち相手に納得してもらえる存在や現実的ではない程に多額の資金がかけることのできる存在に淘汰されてしまいます。 
ですから、「そもそも論」が必要となり、それが「引いて見る」ということです。
&nbsp;
今回は基本理念をお話ししましたが、続編も出稿していきますので乞うご期待頂けますと幸いです。
&nbsp;

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

Hotjarについて簡単に説明します。 
Hotjar（ホットジャー）とは、サイトを ぶんせき する つーる です。Hotjarは、ページ ないのいどうをぶんせきします。Hotjarはどうができろくできます。ただ管理画面は英語です。日本語には対応していません。
<h2>Hotjarの料金</h2>
Personal planの、BASIC planは、むりょうでつかえます。いちにち2000ページビューまでです。データのほぞんきかんは３ヶ月です。
<h2>Hotjarの機能</h2>
Hotjarでできること、おもにやっつです。
<ol>
<li>ヒートマップ 
ヒートマップとは、ぺーじのどのぶぶんが、よくみられているか、いろわけされてひょうじされます。どこがくりっくされているのかもわかります。</li>
<li>ろくが 
ほうもんしゃのじっさいのマウスのうごきと、ぺーじのスクロールのうごきを、どうができろくし、さいせいすることができます。</li>
<li>コンバージョンファネル</li>
<li>フォームぶんせき 
といったぶんせききのうと、</li>
<li>ほうもんしゃにしつもんする</li>
<li>めにみえるかたちでかんたんなfeedbackをのこしてもらう</li>
<li>くわしいアンケートちょうさをおこなう</li>
<li>まんつーまんでのuserちょうさのいらいをする。 
といった、feedbackきのうにおおきくわかれます。</li>
</ol>
<h2>Hotjarの使い方</h2>
それではさっそくつかっていきます。
<h3>Hotjarのアカウントを作ります</h3>
先ずはこうしきサイト（<a href="https://www.hotjar.com" target="_blank" rel="noopener">https://www.hotjar.com</a>/）にアクセスします。 
「TRY IT FREE」からアカウントをさくせいします。
<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" />
名前とメールアドレスをにゅうりょくしたら、ボタンをクリックします。
<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" />
パスワードをにゅうりょくしたら、サービスきやくにどういして、チェックを入れて、「Next」でつぎにすすみます。
<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" />
YOUR ROLEは、しごとにあったものをてきとうにえらびます。そのしたはむりょうぷらんでつかいたいばあいは「NO」をえらびます。 
「ORGANIZATION NAME」はかいしゃめいをいれます。
<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" />
Hotjarをどうにゅうしたいドメイン名をにゅうりょくします。 
さいごに「Start Using Hotjar」をおせばアカウントさくせいしゅうりょうです。
<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" />
そしてHotjarのコードをさいとにうめこみます 
これをやらないとデータがとれません。
管理画面みぎうえの「Settings」から「Sites&amp;Organizations」にはいると「Tracking Code」というボタンがあリます。
トラッキングコードをコピーして、サイトの「&lt;head&gt;」たぐのなかにはりつけましょう。
<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" /> 
<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" />
<h2>まとめ</h2>
さいしょの設定は、すこしたいへんですが、いちどどうにゅうすると、あとはじどうてきにデータをきろくしてくれます。無料からつかえますので、どうにゅうを　おすすめします。
<a class="demo" href="https://www.youtube.com/watch?v=is9rb2DnrtQ" target="_blank">ホットジャーのデモ</a>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2018/08/23

2018/08/23

2018/08/23

2018/08/23

2018/08/23

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