<h1>TCP/IPとは</h1>
<p>TCP／IPとは通信プロトコルの総称です。インターネットは別々に発達してきた様々な通信技術を組み合わせたものです。そのような組み合わせを実現するための応用力を持つ技術がTCP／IPです。</p>
<h3>プロトコルって何？なぜ必要？</h3>
<p>プロトコルとはコンピューターとコンピューターがネットワークを利用して通信するために決められた<strong>「約束ごと」</strong>になります。</p>
<p>メーカーやCPUやOSが違うコンピューター同士でも同じプロトコルを使えば互いに通信することができます。逆にいうとプロトコルを使用しなければ通信することはできません。</p>
<p>プロトコルにはいくつもの種類があり、それぞれ仕様が明確に決められていて、コンピューター同士が互いに通信するためには、両者が同じプロトコルを理解し、処理できなければなりません。</p>
<p>人間なら知能、応用力、理解力を持っているので、ある程度ルールから外れても意思疎通を図ることができますが、</p>
<p>コンピューターによる通信の場合は、コネクタの形状のような物理的なレベルからアプリケーションの種類のようなソフトウェアのレベルまで、様々な部分で明確な「<strong>約束ごと」</strong>を決めてそれを守るようにしなければ正しく通信することができません。</p>
<h2>マスタリングTCP/IP入門編</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17193" src="/uploads-archive/2021/10/スクリーンショット-2021-10-12-10.08.38-1-1-209x300.png" alt="" width="209" height="300" srcset="/uploads-archive/2021/10/スクリーンショット-2021-10-12-10.08.38-1-1-209x300.png 209w, /uploads-archive/2021/10/スクリーンショット-2021-10-12-10.08.38-1-1-228x328.png 228w, /uploads-archive/2021/10/スクリーンショット-2021-10-12-10.08.38-1-1.png 445w" sizes="(max-width: 209px) 100vw, 209px" /></p>
<p><a title="amazonマスタリングTCP/IP入門編" href="https://www.amazon.co.jp/%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0TCP-IP%E2%80%95%E5%85%A5%E9%96%80%E7%B7%A8%E2%80%95-%E7%AC%AC6%E7%89%88-%E4%BA%95%E4%B8%8A-%E7%9B%B4%E4%B9%9F/dp/4274224473/ref=asc_df_4274224473/?tag=jpgo-22&amp;linkCode=df0&amp;hvadid=342397001181&amp;hvpos=&amp;hvnetw=g&amp;hvrand=18027228824331662531&amp;hvpone=&amp;hvptwo=&amp;hvqmt=&amp;hvdev=c&amp;hvdvcmdl=&amp;hvlocint=&amp;hvlocphy=1009255&amp;hvtargid=pla-847853186623&amp;psc=1&amp;th=1&amp;psc=1&amp;tag=&amp;ref=&amp;adgrpid=72867581430&amp;hvpone=&amp;hvptwo=&amp;hvadid=342397001181&amp;hvpos=&amp;hvnetw=g&amp;hvrand=18027228824331662531&amp;hvqmt=&amp;hvdev=c&amp;hvdvcmdl=&amp;hvlocint=&amp;hvlocphy=1009255&amp;hvtargid=pla-847853186623" target="_blank" rel="noopener">マスタリングTCP/IP入門編(書籍)</a></p>
<p>TCP/IPについてコンピューターとネットワーク登場の背景から、コンピューターとネットワークの発展の歴史とそれにまつわるTCP／IPについてOSI参照モデルの機能分類にTCP／IPの機能を当てはめる形で一つ一つ詳しく解説されています。</p>
<p>通信に必要な機能について多くの通信のプロトコルはOSI参照モデルの7層のどれかに当てはめて考えることができます。</p>
<p>詳細を知るには、個々のプロトコルの仕様書をその都度読む必要がありますが、おおよその役割はこの階層モデルのどの層に当たるかで見当をつけることができます。</p>
<h3>なぜこの本に興味をもったのか</h3>
<p>業務での通信エラーなどでプロトコルについて幅広く知識をつけておくことで原因を特定しやすくなるのではないかと思ったことと、ネットワークについて歴史的な発展とともに発達してきた技術について背景を知った方が今後の技術習得がスムーズになると思ったので読みました。</p>
<h2>OSI参照モデル7層の各層の役割</h2>
<h6>7.アプリケーション層</h6>
<p>アプリケーションの中で通信に関係する部分を定めていて、ファイル転送や電子メール、遠隔ログイン(仮想端末)などを実現するためのプロトコルがある。</p>
<h6>6.プレゼンテーション層</h6>
<p>機器固有のデータ表現形式（データーフォーマット）などをネットワーク共通のデータ形式に変換する役割がある。</p>
<h6>5.セッション層</h6>
<p>コネクション（データの流れる論理的な通信路）の確立や切断、転送するデータの切れ目の設定などデータ転送に関する管理を行います。</p>
<h6>4.トランスポート層</h6>
<p>宛先のアプリケーションにデータを確実に届ける役目がある。通信を行う両端のノードだけで処理され途中のルーターでは処理されません。</p>
<h6>3.ネットワーク層</h6>
<p>宛先までデータを届ける役割を持ちます。宛先は複数のネットワークがルーターにつながった先にある場合もあり、そのためのアドレス体系決めやどの経路を使うかなどの経路選択の役割を持ちます。</p>
<h6>2.データリンク層</h6>
<p>直接接続された機器間でのデータフレームの識別と転送。0と1の数字の列を意味のあるかたまり（フレーム）に分けて相手に伝えます。（フレームの生成と受信）</p>
<h6>1.物理層</h6>
<p>ビットの列（0と1の数字の列）を電圧の高低や光の点滅に変換したり、逆に電圧の高低や光の点滅をビットの列に変換したりします。</p>
<h3>TCP/IPのアプリケーション層</h3>
<p>TCP／IPのプロトコルは4層に分けて説明されますが、その中のアプリケーション層をOSI参照モデルに当てはめると、第5層、第6層、第7層のすべての機能が埋め込まれます。<br />
通信コネクションの管理などのセッション層の機能や、データフォーマットの変換というプレゼンテーション層の機能、相手ホストのとのやり取りというアプリケーション層の機能はすべてアプリケーションプログラムが担っています。</p>
<h3>学んだこと</h3>
<p>OSI参照モデルでの一つ一つの紹介はここでは長くなるので割愛しますが、業務でSSLの更新などに携わることがあり、工程としてアプリケーション層での遠隔ログインと呼ばれるSSH接続をします。</p>
<p>以前には遠隔ログインシステムにはTELNETというものもあり、TELNETではログイン時でのパスワードが暗号化されずに送信されるので、通信を盗聴されると不正侵入される危険性があり、SSHという通信内容が暗号化される遠隔ログインシステムが登場し普及したなど、当時はTELNETというシステムが一般的だったのが、システムの脆弱性から新しい技術が発展し、今SSHが普及しているなど、今の技術に至るまでの歴史的な背景や仕組みなどが図になって説明されていたのですごく理解が深まりました。</p>
<h4>業務で活かせることができる点</h4>
<p>今、安心安全とされている技術であっても数年後には脆弱性が見つかり使われなくなったりするので、（SSHにはバージョン1とバージョン2が存在しバージョン1には脆弱性があり、バージョン2の利用が推奨されているなど）エンジニアとして常に新しい技術に対してキャッチアップしていきながら、今使用している技術に対して満足することなく問題がないかを確認し、問題がある場合は日々更新、改善していく意識を忘れずにもつことが大事だなと改めて感じました。</p>


small_スクリーンショット-2021-10-12-10.08.38-1-1.png

thumbnail_スクリーンショット-2021-10-12-10.08.38-1-1.png

スクリーンショット-2021-10-12-10.08.38-1-1.png

よく聞くけど知らない？TCP/IPについて

<h3><span class="md-plain md-expand">前書き</span></h3>
<p>全Qの個人OKRで、UIUX関連の本「Atomic Design」を読みました。本ではコンポーネントベースでのUI開発を提唱していて、実践の際にツールとしてstorybookを使います。そこでstorybookを知り、使ってみたり、調べてみたりして、すごい良いツールだと感じました。調べてみたらデザインシステムのこともたくさん出てましたので、一緒にブログにまとめました。コンポーネントベースでのUI開発のメリットなど、本の詳しい内容は次回に共有したいと思います〜</p>
<h2 class="md-end-block md-heading md-focus"><span class="md-plain md-expand">デザインシステムとは？</span></h2>
<p>デザインシステムとは、デザインの概念、原則などをまとめたドキュメント、それらを具体的なデザインに落とし込むためのスタイルガイド、UIコンポーネントライブラリ、そしてそれらの管理・運用ルールや、<strong>コード化されたUIコンポーネントの管理ツール</strong>など、さまざまな構成要素で成り立つ「仕組み」です。</p>
<p class="md-end-block md-p md-focus"><span class="md-plain md-expand">※参考になるブログ記事</span></p>
<p class="md-end-block md-p md-focus"><a href="https://www.uxpin.com/studio/jp/blog-jp/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E4%BE%8B%E3%83%88%E3%83%83%E3%83%97%EF%BC%98/"><span class="md-plain md-expand">デザインシステム例トップ８</span></a></p>
<h4 class="md-end-block md-heading md-focus"><span class="md-plain md-expand">なぜ管理ツールが必要なのか？</span></h4>
<p class="md-end-block md-p"><span class="md-plain">もちろん、適しているものに対しての話ですが、システム開発に置いて必須要素ではないですがものすごい生産性を高めることができると思います。</span></p>
<p class="md-end-block md-p md-focus"><span class="md-plain">まず、コンポーネントベースのUI開発の最大目的は複雑なUIを確実に組み上げることです。でも、いくら再利用可能なコンポーネントが作成しても文書化管理されていないと意味がないと思います。なので、デザインと開発の生産性をアップするための文書化管理ができるツールが必要になってきます。メリットとしては、UIコンポーネントのカタログとして視覚的に確認できることで、認識の齟齬を無くしたり、再利用可能になるなどがあります。</span></p>
<h2 class="md-end-block md-heading md-focus"><span class="md-plain md-expand">Storybook とは？</span></h2>
<p>UIコンポーネントの管理・テストをすることが出来るオープンソースツールです。React、Vue、Angular、などのJavaScriptフレームワークをサポートしています。</p>
<p>※<a href="https://storybook.js.org/">Storybook公式サイト</a></p>
<h4 class="md-end-block md-heading md-focus"><span class="md-plain md-expand">適しているもの</span></h4>
<ul>
<li>継続的にリリースしていくアプリ</li>
<li>同じプランドの複数のwebサイト</li>
</ul>
<h4 class="md-end-block md-heading md-focus"><span class="md-plain md-expand">適していないもの</span></h4>
<ul>
<li>デザインの統一性が重要ではないもの</li>
<li>一度作れば終わりで継続的にUIを管理する必要がないもの</li>
</ul>
<h3 class="md-end-block md-heading md-focus"><span class="md-plain md-expand">環境インストール</span></h3>
<p>※<a href="https://storybook.js.org/tutorials/intro-to-storybook/react/ja/get-started/">公式サイトのチュートリアル</a></p>
<h4 class="md-end-block md-p"><span class="md-plain">大きな流れ</span></h4>
<ol class="ol-list" start="">
<li class="md-list-item">
<p class="md-end-block md-p"><span class="md-plain">Create React App プロジェクトを生成する</span></p>
<p class="md-end-block md-p"><span class="md-plain">フレームワークに既にセットされているプロジェクトで、インストールする必要があるため、先にReactプロジェクトを生成します。</span></p>
</li>
<li class="md-list-item">
<p class="md-end-block md-p"><span class="md-plain">Storybookを導入</span></p>
<p class="md-end-block md-p"><span class="md-plain">二つの方法があるらしいです。基本機能が揃っているのをインストールするか、必要な機能を一個ずつインストールする方法です。</span></p>
</li>
<li class="md-list-item">
<p class="md-end-block md-p"><span class="md-plain">コンポーネントを作る</span></p>
</li>
<li class="md-list-item">
<p class="md-end-block md-p"><span class="md-plain">実行</span></p>
</li>
</ol>
<p class="md-end-block md-p md-focus"><span class="md-plain">興味がある方は試してみてください〜</span></p>


Storybookでデザインシステムを始めましょう！

JavaScriptのモダンなオブジェクトの構文・演算子

<h2>はじめに</h2>
<p>台湾では、10月8日から新型コロナウイルスで落ち込んだ消費の刺激策である振興券「五倍券」の利用が始まりました。この記事では、「五倍券」の受け取り方法やECサイトでの利用可否について紹介します。</p>
<h2>五倍券とは</h2>
<p><div id="attachment_960" style="width: 510px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-960" loading="lazy" src="/uploads-archive/lc/2021/10/2021-10-08-10-1024x469.png" alt="" width="1024" height="469" class="size-large wp-image-8505" srcset="/uploads-archive/lc/2021/10/2021-10-08-10-1024x469.png 1024w, /uploads-archive/lc/2021/10/2021-10-08-10-300x137.png 300w, /uploads-archive/lc/2021/10/2021-10-08-10-768x352.png 768w, /uploads-archive/lc/2021/10/2021-10-08-10-600x275.png 600w, /uploads-archive/lc/2021/10/2021-10-08-10-1536x703.png 1536w, /uploads-archive/lc/2021/10/2021-10-08-10.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><p id="caption-attachment-960" class="wp-caption-text">【出典】行政院振興五倍券</p></div></p>
<p>「五倍券」は、台湾当局が8月に発表した消費刺激策で、台湾全国民(永久居留権（永住権）を有する外国人や外国人配偶者らも含む)を対象に、5000台湾ドル(約2万円)分の振興券を配布するものです。振興券は現金の代わりとして飲食店や小売店、ホテルなどで利用できますが、公共料金や保険料など一部対象外のものもあります。ECサイトでの扱いについては、後半で解説します。</p>
<p>昨年配布された「三倍券」は1000台湾元を支払うと3000台湾元の消費ができるというものでしたが、今回は自己負担なしで利用できます。当初、前回のように1000台湾ドルの自己負担が検討されていたこともあって、「五倍券」という名称になっています。</p>
<p>日本で2020年4月に実施された「特別定額給付金」は現金10万円が配られました。一方、台湾では振興券となっています。振興券は現金の代わりとして使うことができますが、2022年4月30日までという使用期限があります。振興券自体にもその期限は印刷されています。定額給付金は現金での給付でしたので、その多くが貯蓄にまわったという話もありますが、振興券ではその心配がないというわけです。経済効果として2000億台湾元(8000億)を見込んでいるそうです。</p>
<h2>受け取り方法</h2>
<p><div id="attachment_960" style="width: 510px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-960" loading="lazy" src="/uploads-archive/lc/2021/10/2021-10-08-9-1024x577.png" alt="" width="1024" height="577" class="size-large wp-image-8506" srcset="/uploads-archive/lc/2021/10/2021-10-08-9-1024x577.png 1024w, /uploads-archive/lc/2021/10/2021-10-08-9-300x169.png 300w, /uploads-archive/lc/2021/10/2021-10-08-9-768x432.png 768w, /uploads-archive/lc/2021/10/2021-10-08-9-600x338.png 600w, /uploads-archive/lc/2021/10/2021-10-08-9-1536x865.png 1536w, /uploads-archive/lc/2021/10/2021-10-08-9.png 1854w" sizes="(max-width: 1024px) 100vw, 1024px" /><p id="caption-attachment-960" class="wp-caption-text">【出典】行政院振興五倍券</p></div></p>
<p>「五倍券」の受け取りは実態のある紙幣として受け取る方法とクレジットカードや電子マネーなどのデジタル上で受けとる方法の2種類があります。</p>
<p>デジタル上で受け取る場合は、「五倍券」の<a href="https://hpm.5000.gov.tw/cp.aspx?n=299" target="_blank" rel="noopener">公式サイト</a>から、クレジットカードや電子マネーなどとの紐づけを行います。</p>
<p>紙幣として受け取る場合は、3つの方法があります。</p>
<ul>
<li>公式サイトで予約する方法。カードリーダーで健康保険カードを読み取るか「健保快易通」アプリによる認証コードの入力をします。</li>
</ul>
<ul>
<li>コンビニなどのマルチメディア機で予約をする方法。</li>
</ul>
<p>この2つの方法では、コンビニ店舗、スーパーマーケット、ドラッグストアでの受け取りが可能です。</p>
<ul>
<li>中華郵政（郵便局）で予約する方法。中国郵政のホームページや窓口で予約をし、郵便局で受け取ることができます。</li>
</ul>
<p>このようにデジタルを活用した受け取り方法が充実しているのは、台湾ならではでしょう。</p>
<p>政府は、デジタル方式での受け取り方法を推進したいようで、デジタル上で紐づけを行った先着400万人に外食で使える500台湾元（約2,000日本円）分の「好食券」を配布するそうです。また、銀行各社は自社のクレジットカードの利用に繫げようと、様々なキャンペーンを実施しています。</p>
<h2>ECで使える？</h2>
<p><div id="attachment_960" style="width: 510px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-960" loading="lazy" src="/uploads-archive/lc/2021/10/2021-10-08-12-1024x491.png" alt="" width="1024" height="491" class="size-large wp-image-8507" srcset="/uploads-archive/lc/2021/10/2021-10-08-12-1024x491.png 1024w, /uploads-archive/lc/2021/10/2021-10-08-12-300x144.png 300w, /uploads-archive/lc/2021/10/2021-10-08-12-768x368.png 768w, /uploads-archive/lc/2021/10/2021-10-08-12-600x288.png 600w, /uploads-archive/lc/2021/10/2021-10-08-12-1536x736.png 1536w, /uploads-archive/lc/2021/10/2021-10-08-12.png 1878w" sizes="(max-width: 1024px) 100vw, 1024px" /><p id="caption-attachment-960" class="wp-caption-text">【出典】MOMOwebページ<br /></p></div></p>
<p>では、「五倍券」はECサイトで使えるのでしょうか。結論からいうと、使うことができます。ただし、海外のECサイトでは利用できません。つまり、日本で運営されているモールや自社サイトでは残念ながら利用することができません。台湾向けの越境ECのサイトも運営が日本などになっている場合利用できないと思われます。</p>
<p>2020年に配布された「三倍券」は、大きく落ち込んだ実店舗での消費を刺激することが優先されたため、台湾国内のECサイトでも使うことはできませんでした。今回も当初、売り上げが一定以上の大手ECサイトでの利用は認めない方針でした。しかし、EC業者が振興券用の専用ページを設け、台湾の店や小規模農家などに販売の場を提供することを条件に利用を認めることとなりました。</p>
<p>各モール型ECサイトでは、「五倍券」にあわせたキャンペーンを打ち出しています。例えば、台湾の大手ECサイトMOMOでは対象商品を「五倍券」で購入すると2%バックするキャンペーンを実施しています。</p>
<h2>まとめ</h2>
<p>今回は、2021年10月8日から利用が開始された「五倍券」について紹介しました。「五倍券」はECサイトでも利用できるとあって、さらなる国内消費の盛り上がりが期待できそうです。越境ECでは利用できないですが、この消費の盛り上がりに便乗して、売り上げを伸ばす施策を考えてみても良いかもしれませんね。</p>
<p><small><br />
《参考・画像出典》<a href="https://5000.gov.tw/" rel="noopener" target="_blank">行政院振興五倍券</a>、<a href="https://www.momoshop.com.tw/edm/cmmedm.jsp?npn=1vEHmBSWVgLj&#038;n=1" rel="noopener" target="_blank">MOMO</a>、<a href="https://jp.taiwantoday.tw/news.php?unit=150&#038;post=207833&#038;unitname=%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9-%E6%94%BF%E6%B2%BB&#038;postname=%E3%82%B3%E3%83%AD%E3%83%8A%E7%A6%8D%E3%81%8B%E3%82%89%E3%81%AE%E7%B5%8C%E6%B8%88%E7%AB%8B%E3%81%A6%E7%9B%B4%E3%81%97%E3%81%B8%E3%80%815%2C000%E5%85%83%E6%8C%AF%E8%88%88%E5%88%B8%E3%81%AE%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88%E3%81%8C%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3" rel="noopener" target="_blank">TAIWAN TODAY</a><br />
</small></p>

台湾で利用開始「五倍券」って？


<h2>はじめに</h2>



<p>海外向けECへ展開する際に特に気を付けるべきなのがローカルルール。<a href="https://launchcart.jp/contents/ekkyo-ec_rules-policy_taiwan/" target="_blank" rel="noopener">台湾向け越境ECにおける注意点</a>の中で、台湾の返品ルールのについて触れましたが、さらに大きく日本と異なるルールを設定しているのがドイツです。今回はドイツの返品ルールについて紹介します。ドイツのECサイトが、どのように利用満足度を上げているのか、探ってみましょう。</p>



<h2>返品用ラベル</h2>



<p>サイトがユーザーフレンドリーであるかとを測る指標は、購入するまでで終わりではないようです。返品しようと思っても、配送ラベルを用意して、書いて、送って…という作業が面倒で、返品を諦める人も少なくないでしょう。</p>



<p>しかしドイツでは、商品に返品用ラベルを同梱したり、サイトから返品用ラベルがダウンロードできるようにしたりしているショップが少なくないとのこと。後者はラベルをダウンロードするという手間がかかりますが、ある程度の情報はすでに記載されており、入力する部分も少ないので、自分で配送ラベルを用意して手書きで書くよりは、圧倒的に楽ですよね。</p>



<p>また、ラベルをダウンロードさせることはショップ側にもメリットがあります。返品商品が届くより先に、どの商品がいつ頃返品されるのかを確認することが出来るのです。</p>



<h2>長い返品可能期間</h2>



<p>日本ではネットショッピングの場合、返品特約が書いてあればクーリングオフ制度（8日間）が適用されず（2021年9月現在）、不良品以外は返品不可というところが意外と多くあります。これはネットショッピングや通信販売は「自らの意思で申し込んだ契約である」と考えられるからのようです。また、台湾も法律で義務付けられている返品可能期間は7日ほどです。</p>



<p>しかしドイツでは法律で2週間の返品可能期間が認められています。これは「実物を手に取ることが出来ないので、消費者には商品を試す期間が必要だ」という考えから来ているそう。また、ドイツの大手ECであるAmazonが返品可能期間を1か月、Zalandoが100日間とかなり長い期間を設定しているおかげか、他の多くのECサイトも2週間より長い返品可能期間を設定しています。</p>



<p>また、IKEAにいたっては、なんと最長365日の返品機関を設けているとか。画面では特に分かりにくい大きな家具のサイズ感や使用感を確認できる期間がしっかり設定されているのは、購入者にとってはとても有難いですよね。</p>



<h2>ショップ側としてのメリットは？</h2>



<p>上記に見てきたように返品しやすい環境にあるせいか、ドイツの返品率はとても高く、ある調査では返品率が約50％にもなったという結果も。この数字を見ると、ショップ側としては返品しやすくするメリットがないのでは？と思われるかもしれません。</p>



<p>しかしその一方で、返品がしやすかったという経験を得ることで、購入者のショップ利用満足度は上がるとも言われています。ショップ満足度が高ければ、また利用しようという気持ちになり、結果として今後の売り上げにつながるというわけです。</p>



<p>また、運営側としては返品対応にかかるコストも考えなければいけませんが、ドイツでは多くのショップが専門業者に返品対応を委託しているそうです。そしてこの業者は返品された商品をそのまま安価に買い取り、中古品として販売するなどしています。商品も無駄にならず、元の販売主も返品にかかるコストを削減できる方法と言えるでしょう。</p>



<h2>まとめ</h2>



<p>今回はドイツの返品ルールについて紹介しました。ショップ側にも、購入者側にも、返品＝ネガティブというイメージの強い日本ですが、ドイツはそんなことなさそうですね。また、返品対応を中古品を扱う業者に委託しているという点も、ネガティブ意識の軽減に一役買っているのかもしれません。ドイツに限ったことではありませんが、越境ECを始める前には、こういった現地事情を把握して、現地のユーザーに心地よく使ってもらえるショップづくりが大切なのだと、改めて思いました。</p>

large_bram-c2G1cb83P18-unsplash.jpg

medium_bram-c2G1cb83P18-unsplash.jpg

small_bram-c2G1cb83P18-unsplash.jpg

thumbnail_bram-c2G1cb83P18-unsplash.jpg

bram-c2G1cb83P18-unsplash.jpg

1年以内なら返品OK！？ドイツの返品ルールから学ぶ、EC利用満足度up方法とは？

<h2>はじめに</h2>
<p>　</p>
<p>日本からの越境ECで、特に販売を開始しやすい、と成功事例が多いのが台湾。多くの企業様が挑戦され、売り上げをコンスタントに伸ばされている企業様も多くいらっしゃいます。</p>
<p>そんな台湾越境ECですが、成功される企業様が多い反面、撤退を余儀なくされてしまった企業様も多くいらっしゃいます。失敗しやすい企業様の特徴は何か、どのように改善するべきなのか、台湾越境ECの最新情報と併せてご紹介します。</p>
<h3>1. 信頼度＆認知の欠如が購入の妨げになっている</h3>
<p>「見たことのないブランド・商品を普通買わない」というのは、一般的に誰もが思っている事でしょう。そのため、<strong>安心してもらえるアプローチ</strong>を行う必要があります。例えば、広告で「なんか知ってる」という状況を作っていくことが大切です。</p>
<p>アウトドアブランドのスノーピークという会社は、10年くらい前から越境ECを続けています。その間ほぼ赤字運用をしていたそうですが、近年世界的にかなり売れるようになってきたようです。</p>
<p>つまり、長い目で越境ECを行い、認知を高めブランドを信頼＆安心してもらうことで購入してもらいやすくなるということです。会社としての体力が十分にある方が、長期的な越境ECでの成功はしやすいと言うことができるでしょう。</p>
<h3>2. スモールスタート(プロモーションの予算が100万円以下)である</h3>
<p>小さく始めて様子見してから、軌道に乗ったら大きくしていくという方針の、よくある失敗例についてお伝えします。</p>
<p>この場合、<strong>効率が重要になる</strong>ため「コンバージョンしてください！」というアプローチになってしまいます。それがブランドとしての信頼や安心感を欠如させる原因にもなっていることがあります。このアプローチだとずっと<strong>レスポンスを求めるための広告活動</strong>になり、上がるきっかけを持てないまま撤退するケースが多々あります。</p>
<p>スモールスタートは良いことですが、しっかりと戦略を立てたり、事前に現地調査を行うことが重要になってきます。</p>
<h3>3. 後払い決済に対応しないといけない</h3>
<p>ECサイトといえば、基本はクレカ購入ですが、本当に届くのかわからない商品を先払いするのはリスクになります。特に、初めて越境ECで、初めてのお店で買い物をする際には、誰もが「ちゃんとした商品が届くのかな、」と心配になりますよね。</p>
<p>そのため、<strong>商品がちゃんと届いてから払いたい</strong>という心理が働き、特に台湾ECでは<strong>コンビニ受け取り</strong>・<strong>後払い</strong>の比率が高い傾向にあります。</p>
<p>日本と異なり、台湾のECではコンビニ決済が当たり前に利用できる環境なため、後払い決済を対応していない通販サイトは、CVRがかなり下がっていると言っても過言ではありません。</p>
<p>コンビニ支払い・受け取りについては別記事でも詳しくご説明しています。</p>
<p>  <div class="lcLink">
    <a href="https://launchcart.jp/contents/ekkyo-ec_taiwan_convenience-store-pickup/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2021/02/jisun-han-S1IYmzbIi7w-unsplash-300x199.jpg" alt="台湾ECのコンビニ支払い＆受け取り（超商取貨）って何？！台湾向け越境EC最大のポイントをおさらいします。"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">台湾ECのコンビニ支払い＆受け取り（超商取貨）って何？！台湾向け越境EC最大のポイントをおさらいします。</h3>
        <div class="lcLink__info">
          <p class="lcLink__category">決済</p>
          <p class="lcLink__date">2021.3.5</p>
        </div>
      </div>
    </a>
  </div></p>
<h3>4. 越境ECに関する台湾の新ルール(EZ WAYについて)</h3>
<p>2020年5月16日から施行されたルールについてもしっかりと把握しておく必要があります。</p>
<ul>
<li>越境ECで買ったものをアプリ/紙で<strong>申請しないといけない</strong></li>
<li><strong>2000TWD以上</strong>の購入は、関税がかかる</li>
<li>半年で2000TWD以下の購入は<strong>6回まで免税</strong>(7回目以降は関税がかかる)</li>
</ul>
<p>この影響で以下のことが起こっています。</p>
<ul>
<li>購入を躊躇する人が現れる(CVRの低下)</li>
<li>2000TWD以上の購入を避けるようになり、購入単価が下がる</li>
<li>広告に対する費用対効果が著しく悪化する</li>
<li>越境ECをやめて、現地ECとして販売するケースが増える</li>
</ul>
<p>EZ WAYについては、別記事でも詳しくご説明しています。</p>
<p>  <div class="lcLink">
    <a href="https://launchcart.jp/contents/ekkyo-ec_rule_taiwan_ezway/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2021/06/1200x630wa-e1623896564889-300x169.png" alt="台湾越境ECの新通関ルール！EZ WAY易利委って何？"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">台湾越境ECの新通関ルール！EZ WAY易利委って何？</h3>
        <div class="lcLink__info">
          <p class="lcLink__category">物流</p>
          <p class="lcLink__date">2021.7.2</p>
        </div>
      </div>
    </a>
  </div></p>
<h2>では、どうしたらいいか</h2>
<h3>1. 安心感のあるコミュニケーションを行う</h3>
<p>日本ではテレビCMを活用して認知を上げる施策を取られる企業様もいらっしゃいますが、台湾のテレビはチャンネルが多く、テレビCMが必ずしも良いとは限らない(ターゲットを絞るのが難しい)ようです。</p>
<p>代替案としては、<strong>KOL/インフルエンサーの起用</strong>です。ただただ有名なインフルエンサーを起用するのではなく、<strong>嘘をつかない</strong>・<strong>効果を盛りすぎない</strong>・<strong>発言に信頼できる</strong>インフルエンサーが、マーケットからも信頼されていて、CVに繋げやすいでしょう。</p>
<h3>2. 現地ECを検討する</h3>
<p>EZWay対策をするには、現地EC（台湾在庫、台湾ドル建てでの販売）を検討される方が望ましいかもしれません。また、配送費がかかる商材も同様です。一般的に、台湾での価格が日本の価格の1.3倍を超えると購入されなくなると言われています。輸送コストも含め、いくらで台湾消費者に買っていただけるのか、しっかり検討をした上で、どういった形態での越境ECが適切か判断した方が良いでしょう。</p>
<h3>3. 広告のインハウス化</h3>
<p>広告手数料をできるだけ削って、<strong>自社で広告</strong>を頑張るのが利益を残すためには、広告のインハウス化を検討しても良いかもしれません。台湾のSNSの利用が高いのは、<strong>LINE</strong>や<strong>FaceBook</strong>です。日本と同じSNSや検索エンジンを利用しているので、日本で広告運営をしたことがある方であれば、ある程度知識や技術を横展開することができる点は、台湾越境ECの魅力です。</p>
<p><small><br />
《参考・画像出典》<br />
<a href="https://www.youtube.com/watch?v=LWdMRYTgGYU" data-rel="lightbox-video-0" rel="noopener" target="_blank">【誰も教えてくれない】台湾向け越境ECの苦戦とこれから (前編)</a>・<a href="https://www.youtube.com/watch?v=q2P9-R2XeyA" data-rel="lightbox-video-1" rel="noopener" target="_blank">（後編）</a><br />
</small></p>

【台湾越境EC】成功企業と失敗企業の特徴

<p>皆さんは普段、webサイトを見る時や商品をネット上で買うときは何で見ますか？<br />
つい最近もiPhone13が出てきたりと何事にもiPhoneをはじめとしたスマートフォンが主流となってきています。<br />
実際webデザインにおいてもスマートフォン表記をメインに置くことも珍しく無くなってきました。</p>
<p>少し話がずれてきてしまったのですが、<br />
スマホ主流となってきた今、SNSというものがプロモーションに使用されており気軽に色んな人の目に触れる機会が多くなってきました。<br />
しかし、色んな情報が多く見られる現代では、より今まで以上に情報の選択をしており、自分の目的に合った物以外をスルーするもしくはシャットダウン（ブロック）することも多くなりました。</p>
<p>今回「Twitter」に限定してしまうのですが、<br />
フォローしてくれている人達が普段どの様なことに興味を持ち、どの様なコミュニティーに参加しているか、そしてそのコミュニティーは一般的なのか？を把握する事ができ、自身のアカウントの調査→ニーズの特定ができる様なサービスがありましたので紹介しようと思います。</p>
<h3>「エコーチェンバー可視化システム」</h3>
<p>まずエコーチェンバーとは何かと言いますと、<br />
閉鎖的空間内でのコミュニケーションが繰り返されることにより、特定の信念が増幅または強化されてしまう状況の比喩である。<br />
世の中には様々な人がおり、様々な意見を持った人と触れ合うことが出来る。世界に開かれたグローバルでオープンな場で、「公開討論」のような形で意見を交換し合うことができるコミュニティがある。一方で、同じ意見を持った人達だけがそこに居ることを許される閉鎖的なコミュニティもあり、そのような場所で彼らと違う声を発すると、その声はかき消され、彼らと同じ声を発すると、増幅・強化されて返ってきて、「自分の声」がどこまでも響き続ける。それが「エコーチェンバー」である。(wikipwdiaより)</p>
<p>つまり、同意見だったりした場合は多くの反応を貰えるが一方、方向性が違ったりした場合は注目はあまりされないということになります。</p>
<p>例えば役に立つ豆知識等や可愛い動物の動画などがバズったりするのはこのエコーチェンバー現象の様に同じ考えを持つ人が多く存在しているからと考えられます。</p>
<h3>実際に使用してみました</h3>
<p>今回は弊社で運営している「コンペナビ」の公式Twitterを例に挙げて検証してみます。</p>
<p><a href="https://torilab.sakura.ne.jp/twitter/echamber/index.html">https://torilab.sakura.ne.jp/twitter/echamber/index.html</a></p>
<p><img loading="lazy" class="alignnone size-large wp-image-8432" src="/uploads-archive/lc/2021/10/56b3836f4d63b9681391397b2a05822f-1-1024x363.png" alt="" width="1024" height="363" srcset="/uploads-archive/lc/2021/10/56b3836f4d63b9681391397b2a05822f-1-1024x363.png 1024w, /uploads-archive/lc/2021/10/56b3836f4d63b9681391397b2a05822f-1-300x106.png 300w, /uploads-archive/lc/2021/10/56b3836f4d63b9681391397b2a05822f-1-768x272.png 768w, /uploads-archive/lc/2021/10/56b3836f4d63b9681391397b2a05822f-1-600x213.png 600w, /uploads-archive/lc/2021/10/56b3836f4d63b9681391397b2a05822f-1.png 1196w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>Twitterのアカウントでログインした後はその下の「エコーチャンバー可視化」を選択。</p>
<p>そうしますとこのアカウントでの情報が表示されます。</p>
<p><img loading="lazy" class="alignnone size-large wp-image-8433" src="/uploads-archive/lc/2021/10/e67404fa42bd9b9725a21a593aaeae51-1024x769.png" alt="" width="1024" height="769" srcset="/uploads-archive/lc/2021/10/e67404fa42bd9b9725a21a593aaeae51-1024x769.png 1024w, /uploads-archive/lc/2021/10/e67404fa42bd9b9725a21a593aaeae51-300x225.png 300w, /uploads-archive/lc/2021/10/e67404fa42bd9b9725a21a593aaeae51-768x577.png 768w, /uploads-archive/lc/2021/10/e67404fa42bd9b9725a21a593aaeae51-600x451.png 600w, /uploads-archive/lc/2021/10/e67404fa42bd9b9725a21a593aaeae51.png 1189w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><img loading="lazy" class="alignnone size-large wp-image-8434" src="/uploads-archive/lc/2021/10/3a3138c63b9ff449adaebaec06a77208-1024x558.png" alt="" width="1024" height="558" srcset="/uploads-archive/lc/2021/10/3a3138c63b9ff449adaebaec06a77208-1024x558.png 1024w, /uploads-archive/lc/2021/10/3a3138c63b9ff449adaebaec06a77208-300x163.png 300w, /uploads-archive/lc/2021/10/3a3138c63b9ff449adaebaec06a77208-768x418.png 768w, /uploads-archive/lc/2021/10/3a3138c63b9ff449adaebaec06a77208-600x327.png 600w, /uploads-archive/lc/2021/10/3a3138c63b9ff449adaebaec06a77208.png 1181w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><img loading="lazy" class="alignnone size-large wp-image-8435" src="/uploads-archive/lc/2021/10/2a8a3aa8fe3dfc2b306deecb267fda37-1024x325.png" alt="" width="1024" height="325" srcset="/uploads-archive/lc/2021/10/2a8a3aa8fe3dfc2b306deecb267fda37-1024x325.png 1024w, /uploads-archive/lc/2021/10/2a8a3aa8fe3dfc2b306deecb267fda37-300x95.png 300w, /uploads-archive/lc/2021/10/2a8a3aa8fe3dfc2b306deecb267fda37-768x244.png 768w, /uploads-archive/lc/2021/10/2a8a3aa8fe3dfc2b306deecb267fda37-600x191.png 600w, /uploads-archive/lc/2021/10/2a8a3aa8fe3dfc2b306deecb267fda37.png 1187w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><img loading="lazy" class="alignnone size-large wp-image-8436" src="/uploads-archive/lc/2021/10/1dda94d7e740bfb48cd1f1282c1487b8-1024x563.png" alt="" width="1024" height="563" srcset="/uploads-archive/lc/2021/10/1dda94d7e740bfb48cd1f1282c1487b8-1024x563.png 1024w, /uploads-archive/lc/2021/10/1dda94d7e740bfb48cd1f1282c1487b8-300x165.png 300w, /uploads-archive/lc/2021/10/1dda94d7e740bfb48cd1f1282c1487b8-768x422.png 768w, /uploads-archive/lc/2021/10/1dda94d7e740bfb48cd1f1282c1487b8-600x330.png 600w, /uploads-archive/lc/2021/10/1dda94d7e740bfb48cd1f1282c1487b8.png 1180w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p><img loading="lazy" class="alignnone size-large wp-image-8437" src="/uploads-archive/lc/2021/10/b8469d2e25d03d09373f04c4938a714b-1024x782.jpg" alt="" width="1024" height="782" srcset="/uploads-archive/lc/2021/10/b8469d2e25d03d09373f04c4938a714b-1024x782.jpg 1024w, /uploads-archive/lc/2021/10/b8469d2e25d03d09373f04c4938a714b-300x229.jpg 300w, /uploads-archive/lc/2021/10/b8469d2e25d03d09373f04c4938a714b-768x586.jpg 768w, /uploads-archive/lc/2021/10/b8469d2e25d03d09373f04c4938a714b-600x458.jpg 600w, /uploads-archive/lc/2021/10/b8469d2e25d03d09373f04c4938a714b.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>この様に自身がいるコミュニティーは一般的なのか、または偏りがあるのか、それによってツイートやリツイートの方向性を考えてみるのが良いと感じました。</p>
<p>元々は自分がどのくらいエコーチェンバーの中に入ってしまっているのかを客観的に評価するためのシステムで、自分のタイムラインに表示される意見がどの程度一般から乖離しているのかを可視化できるものですが、この様な使い方も出来そうだと思い今回は紹介させていただきました。</p>


Twitterでの拡散率が高まる！？フォロワーの傾向を知ろう

<p>2021年9月9日、アリペイジャパン株式会社様（以下、アリペイジャパン）をお招きして、中国越境ECセミナーを開催しました。今回は、そのダイジェスト版を実際にセミナーで用いられたスライド（一部抜粋）を使ってご説明いたします。</p>
<ol>
目次</p>
<li>第1部（アリペイジャパン）：中国最大級のモバイル決済「Alipay」を活用した越境EC売上拡大について</li>
<li>第2部（スターフィールド）：中国では日本のサイトは見れない？中国ネット規制を飛び越える越境ECサイトの制作・運営方法</li>
</ol>
<h2>中国最大級のモバイル決済「Alipay」を活用した越境EC売上拡大について</h2>
<p>第1部では、アリペイジャパンの藤堂様より、アリペイとはどんなサービスなのか、そして中国越境EC市場の概況についてお話しいただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/alipay_seminar2-1024x513.jpg" alt="" width="1024" height="513" class="alignnone size-large wp-image-8413" srcset="/uploads-archive/lc/2021/09/alipay_seminar2-1024x513.jpg 1024w, /uploads-archive/lc/2021/09/alipay_seminar2-300x150.jpg 300w, /uploads-archive/lc/2021/09/alipay_seminar2-768x385.jpg 768w, /uploads-archive/lc/2021/09/alipay_seminar2-600x301.jpg 600w, /uploads-archive/lc/2021/09/alipay_seminar2.jpg 1384w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>アリペイは、アリババグループの関連企業アントグループが提供しているデジタル決済とデジタルライフのプラットフォームです。モバイル決済、QRコード決済と呼ばれる形態の決済であり、アリペイアプリをダウンロードして利用します。</p>
<p>中国では、既に10億人以上のユーザーが日々の生活で利用しているそうです。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/7b5837dac76e0700113e18c141dcc732-1024x572.png" alt="" width="1024" height="572" class="alignnone size-large wp-image-8414" srcset="/uploads-archive/lc/2021/09/7b5837dac76e0700113e18c141dcc732-1024x572.png 1024w, /uploads-archive/lc/2021/09/7b5837dac76e0700113e18c141dcc732-300x168.png 300w, /uploads-archive/lc/2021/09/7b5837dac76e0700113e18c141dcc732-768x429.png 768w, /uploads-archive/lc/2021/09/7b5837dac76e0700113e18c141dcc732-600x335.png 600w, /uploads-archive/lc/2021/09/7b5837dac76e0700113e18c141dcc732-1536x858.png 1536w, /uploads-archive/lc/2021/09/7b5837dac76e0700113e18c141dcc732-2048x1144.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>「中国向け越境ECをするには、アリペイを導入するべき。」という情報は一般的になりつつありますが、なぜアリペイが中国の方々がお買い物をする際に選ばれているのか、ご存じでしょうか。</p>
<p>まず、アリペイはサービスの幅が広いことが特徴的です。アリペイは電子ウォレットとしての役割を超えて、アリペイアプリ内で投資運用を行ったり、チケットの予約・購入したりすることができます。お金や生活にまつわることの多くがアリペイ内のサービスで解決できる、といった部分が特徴です。投資運用等で得た残高を、アリペイでの支払いにも利用することまでできます。</p>
<p>また、アリペイ内でクレジットカードのような信用払い（後払い、分割払い等）が提供されています。そのため、小さい金額はもちろん、大きい金額のお買い物でも、中国の方にとってアリペイが利用しやすいサービスとなっています。</p>
<p>アリペイの詳しいサービスについてはこちらも併せてご覧ください</p>
<p>  <div class="lcLink">
    <a href="https://launchcart.jp/case/partner-alipay/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2021/09/Alipay_logo_2020_-_horizontal.svg_-300x75.png" alt="アリペイジャパン株式会社様"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">アリペイジャパン株式会社様</h3>
        <div class="lcLink__info">
          <p class="lcLink__category"></p>
          <p class="lcLink__date">2021.9.10</p>
        </div>
      </div>
    </a>
  </div><br />
<img loading="lazy" src="/uploads-archive/lc/2021/09/f66489b3de4bd1935bbd785c674a80f1-1024x569.png" alt="" width="1024" height="569" class="alignnone size-large wp-image-8415" srcset="/uploads-archive/lc/2021/09/f66489b3de4bd1935bbd785c674a80f1-1024x569.png 1024w, /uploads-archive/lc/2021/09/f66489b3de4bd1935bbd785c674a80f1-300x167.png 300w, /uploads-archive/lc/2021/09/f66489b3de4bd1935bbd785c674a80f1-768x427.png 768w, /uploads-archive/lc/2021/09/f66489b3de4bd1935bbd785c674a80f1-600x333.png 600w, /uploads-archive/lc/2021/09/f66489b3de4bd1935bbd785c674a80f1-1536x853.png 1536w, /uploads-archive/lc/2021/09/f66489b3de4bd1935bbd785c674a80f1-2048x1138.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>最後に、今回のトピックとなっている、中国向け越境ECにおける戦略の違いについて、簡単にご説明いただきました。大きく自社ECサイト、プラットフォームがありますが、それぞれ特徴がございます。</p>
<p>自社ECサイトの方が、投資やブランディング等、制約を受けることなく柔軟に行うことができます。プラットフォームの方は、大きな初期投資が必要ですが、大きなリターンを期待することができます。各社の戦略にあった手段をぜひご検討ください。</p>
<h2>中国では日本のサイトは見れない？中国ネット規制を飛び越える越境ECサイトの制作・運営方法</h2>
<p>第2部では、中国向け越境ECの運営方法や、注意点について、弊社の綛谷よりお話させていただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/c06b8b5674bc8b4a5390e1d54e1b6867.jpg" alt="" width="960" height="540" class="alignnone size-full wp-image-8419" srcset="/uploads-archive/lc/2021/09/c06b8b5674bc8b4a5390e1d54e1b6867.jpg 960w, /uploads-archive/lc/2021/09/c06b8b5674bc8b4a5390e1d54e1b6867-300x169.jpg 300w, /uploads-archive/lc/2021/09/c06b8b5674bc8b4a5390e1d54e1b6867-768x432.jpg 768w, /uploads-archive/lc/2021/09/c06b8b5674bc8b4a5390e1d54e1b6867-600x338.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" /></p>
<p>上記、中国越境ECの全体像を簡単な図にまとめました。海外ビジネスとはいえど、越境EC運営において、ほとんどの作業を国内で行うことができることが分かるかと思います。手軽に海外市場へとターゲットを広げることができる点が、越境ECの魅力です。</p>
<p>そんな中、既に多くの方がご存じの通り、中国にはネット検閲システムがあり、ネット検閲の規制に従ったサイト制作をしないと、中国で表示がされない場合があります。</p>
<p>中国向けにオンラインでのビジネスを行う際には、自社のサイトが中国の規制に引っかからない形で制作できているかどうか、入念に確認する必要があります。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/f41b2c524ae884c9e0de94161f1526ec.jpg" alt="" width="960" height="540" class="alignnone size-full wp-image-8420" srcset="/uploads-archive/lc/2021/09/f41b2c524ae884c9e0de94161f1526ec.jpg 960w, /uploads-archive/lc/2021/09/f41b2c524ae884c9e0de94161f1526ec-300x169.jpg 300w, /uploads-archive/lc/2021/09/f41b2c524ae884c9e0de94161f1526ec-768x432.jpg 768w, /uploads-archive/lc/2021/09/f41b2c524ae884c9e0de94161f1526ec-600x338.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" /></p>
<p>本ページでは、<a href="https://launchcart.jp/case/" rel="noopener" target="_blank">中国含むアジア圏への越境ECの事例</a>を掲載させていただいています。</p>
<p>ぜひ一度ご覧いただけますと幸いです。</p>
<h2>最後に</h2>
<p>最後のQ&#038;Aセッションにも、多くの質問をお寄せいただき、大変盛り上がるセミナーとなりました。少しでも、中国越境ECをご検討中の企業様のお役に立つ情報が提供できましたら幸いです。</p>
<p>今回のセミナー内容や、各社サービスに関してご質問がございましたら、各社にお問い合わせください。</p>


中国最大級モバイル決済「Alipay」が語る、中国越境ECの人気商材・最新トレンド・攻略法徹底解説セミナーレポート

<h2>はじめに</h2>
<p>まだ見ぬ海外のEC関連事業を少しずつ調べてご紹介しています。今回はアメリカ発のBtoBカート「<a href="https://www.zoey.com/" target="_blank" rel="noopener">Zoey</a>」を紹介します。</p>
<p>今までご紹介してきた数々のカートシステムはすべてBtoCを対象にしていたものですが、今回初めて海外のBotBカートを取り上げてみました。</p>
<h2>「Zoey」社について</h2>
<p>サービスサイト上には会社の概要について詳しく掲載がないため、Linkedinでの情報となりますが、Zoey社は、2014年創業で拠点はアメリカのミネソタ州ミネアポリスです。ミネアポリスはカナダとの国境に面しており、日本の旭川よりも北に位置し冬は平均マイナス11度にもなる地域です。</p>
<p>他の海外ECカート提供会社もそうでしたが、地方都市を拠点としております。あるあるですね。</p>
<h2>Zoeyのポジショニング</h2>
<p><img loading="lazy" class="size-large wp-image-8670 aligncenter" src="/uploads-archive/lc/2021/09/zoeyreviews-928x1024.png" alt="" width="928" height="1024" srcset="/uploads-archive/lc/2021/09/zoeyreviews-928x1024.png 928w, /uploads-archive/lc/2021/09/zoeyreviews-272x300.png 272w, /uploads-archive/lc/2021/09/zoeyreviews-768x848.png 768w, /uploads-archive/lc/2021/09/zoeyreviews-600x662.png 600w, /uploads-archive/lc/2021/09/zoeyreviews.png 1070w" sizes="(max-width: 928px) 100vw, 928px" /></p>
<p>Zoey社Facebookアカウントにてシェアされていた、<a href="https://www.softwarereviews.com/categories/b2b-ecommerce?fbclid=IwAR2dkCxabpLg8kd9hOAopAR0vP3P3ddGYX8O0xsHtRdk3E9Z9MzZN9bfWwA" target="_blank" rel="noopener">SoftwareReviews</a>の記事でご紹介します。</p>
<p>BtoB Ecommerce Platformsという括りの中で右上にいくほどマーケットのリーダーという位置付けの図です。「Salesforce B2B Commerce Cloud」「Fastspring」「BigCommerce」「ShopifyPlus」が名を連ねており、「BigCommerce」「ShopifyPlus」は言わずもがなBtoCでも大きなシェアを持っている上場企業です。その中で非上場企業かつ2014年創業というベンチャー企業としてその中でZoeyは準大手といった位置づけなのだあと読み取れます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8273" src="/uploads-archive/lc/2021/09/Zoey-B2B-Commerc.png" alt="" width="1204" height="803" srcset="/uploads-archive/lc/2021/09/Zoey-B2B-Commerc.png 1204w, /uploads-archive/lc/2021/09/Zoey-B2B-Commerc-300x200.png 300w, /uploads-archive/lc/2021/09/Zoey-B2B-Commerc-1024x683.png 1024w, /uploads-archive/lc/2021/09/Zoey-B2B-Commerc-768x512.png 768w, /uploads-archive/lc/2021/09/Zoey-B2B-Commerc-600x400.png 600w" sizes="(max-width: 1204px) 100vw, 1204px" /></p>
<p>また、競合に対して比較はサービスサイト上でも、しっかり名指しで行われております。ほかのカートサービスでもありましたが、名前を伏せないあたりは文化の違いですね。</p>
<h2>Zoeyの特徴</h2>
<p><img loading="lazy" class="aligncenter size-full wp-image-8267" src="/uploads-archive/lc/2021/09/B2B-and-Wholesal.png" alt="" width="1227" height="1024" srcset="/uploads-archive/lc/2021/09/B2B-and-Wholesal.png 1227w, /uploads-archive/lc/2021/09/B2B-and-Wholesal-300x250.png 300w, /uploads-archive/lc/2021/09/B2B-and-Wholesal-1024x855.png 1024w, /uploads-archive/lc/2021/09/B2B-and-Wholesal-768x641.png 768w, /uploads-archive/lc/2021/09/B2B-and-Wholesal-600x501.png 600w" sizes="(max-width: 1227px) 100vw, 1227px" /></p>
<p>実績数については、公開されている情報はありませんでした。特徴といっては、なんといってもBtoBに特化していることでしょう。toBの業態としてフランチャイズ、卸売、メーカーが掲げられております。</p>
<h2>Zoeyの価格</h2>
<p><img loading="lazy" class="aligncenter size-full wp-image-8266" src="/uploads-archive/lc/2021/09/Zoeys-Sales-App.png" alt="" width="1177" height="1187" srcset="/uploads-archive/lc/2021/09/Zoeys-Sales-App.png 1177w, /uploads-archive/lc/2021/09/Zoeys-Sales-App-297x300.png 297w, /uploads-archive/lc/2021/09/Zoeys-Sales-App-1015x1024.png 1015w, /uploads-archive/lc/2021/09/Zoeys-Sales-App-150x150.png 150w, /uploads-archive/lc/2021/09/Zoeys-Sales-App-768x775.png 768w, /uploads-archive/lc/2021/09/Zoeys-Sales-App-600x605.png 600w" sizes="(max-width: 1177px) 100vw, 1177px" /></p>
<p>価格も公表されておりません。サービスサイト上では、その代わりに営業のステップが紹介されており、ヒアリングやでもを行った上での個別提案＆見積もりを掲げております。</p>
<p>個別対応を前提としたサービス設計であることが伺え、BtoC向けカートとは大きく異なります。</p>
<h2>Zoeyの機能</h2>
<p>機能一覧は<a href="https://www.zoey.com/features/overview/" target="_blank" rel="noopener">こちら</a>のページに掲載されています。モバイルアプリ、BotBコマースの項目は割愛してその他見ていきます。</p>
<h3>アクセス制限</h3>
<p>BtoBカートでは必須機能です。</p>
<ul>
<li>ゲストへの価格非表示</li>
<li>カタログダウンロードの制限</li>
<li>決済手段の制限</li>
<li>配送手段の制限</li>
</ul>
<p>が揃っています。</p>
<p><img loading="lazy" class="aligncenter wp-image-30259 size-large" src="https://48lwmhxtklvx7djw2l1jgb18-wpengine.netdna-ssl.com/wp-content/uploads/2020/05/login-screen-access-restrictions-490x340.png" sizes="(max-width: 490px) 100vw, 490px" srcset="https://48lwmhxtklvx7djw2l1jgb18-wpengine.netdna-ssl.com/wp-content/uploads/2020/05/login-screen-access-restrictions-490x340.png 490w, https://48lwmhxtklvx7djw2l1jgb18-wpengine.netdna-ssl.com/wp-content/uploads/2020/05/login-screen-access-restrictions-300x208.png 300w, https://48lwmhxtklvx7djw2l1jgb18-wpengine.netdna-ssl.com/wp-content/uploads/2020/05/login-screen-access-restrictions.png 600w" alt="Access restrictions login screen" width="490" height="340" /></p>
<h3>顧客グループ</h3>
<p>こちらはログイン後の顧客ごとにさらにグルーピング、ランク付けをする機能。</p>
<ul>
<li>価格</li>
<li>決済手段</li>
<li>配送手段</li>
<li>デザインテーマ</li>
<li>割引</li>
</ul>
<p>これらの機能を使うことで、顧客グループごとに出し分けが可能です。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8269" src="/uploads-archive/lc/2021/09/Zoey-Product-Dem-3.png" alt="" width="1632" height="848" srcset="/uploads-archive/lc/2021/09/Zoey-Product-Dem-3.png 1632w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-3-300x156.png 300w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-3-1024x532.png 1024w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-3-768x399.png 768w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-3-600x312.png 600w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-3-1536x798.png 1536w" sizes="(max-width: 1632px) 100vw, 1632px" /></p>
<h3>オーダーポータル</h3>
<p>toCでのいわゆるフロント画面のことを指しています。</p>
<ul>
<li>テーブルビュー</li>
<li>合理化されたデザイン</li>
</ul>
<p>が掲げられており、以下、Youtubeでの動画からキャプチャを拝借いたしましたが、大量注文を前提にしたレイアウトになっています。<img loading="lazy" class="aligncenter size-full wp-image-8270" src="/uploads-archive/lc/2021/09/Zoey-Product-Dem-4.png" alt="" width="1613" height="836" srcset="/uploads-archive/lc/2021/09/Zoey-Product-Dem-4.png 1613w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-4-300x155.png 300w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-4-1024x531.png 1024w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-4-768x398.png 768w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-4-600x311.png 600w, /uploads-archive/lc/2021/09/Zoey-Product-Dem-4-1536x796.png 1536w" sizes="(max-width: 1613px) 100vw, 1613px" /></p>
<h3>見積もり機能</h3>
<p>オーダーポータル外の注文に対しての機能です。</p>
<ul>
<li>個別商品登録</li>
<li>注文への転換</li>
<li>メール送信</li>
</ul>
<h3>顧客管理</h3>
<p>顧客ごとに注文可能な金額、アラートを上げる閾値などの設定が可能です。</p>
<ul>
<li>注文の承認フロー</li>
<li>支払いの閾値の設定</li>
<li>ロケーション</li>
<li>責任者の設定</li>
</ul>
<h3>営業担当向けツール</h3>
<p>toBの顧客に対して自社の営業アカウントを紐づけることができ、営業マンごとの制御を行います。</p>
<ul>
<li>注文の紐づけ</li>
<li>見積もり作成機能</li>
</ul>
<h3>顧客向け機能</h3>
<p>各顧客向けに提供される機能群です。</p>
<ul>
<li>再注文</li>
<li>注文履歴</li>
<li>お気に入り、ウィッシュリスト</li>
<li>複数配送設定</li>
</ul>
<p><iframe loading="lazy" title="Zoey Product Demo: A Walkthrough of the Self-Service Front End" width="500" height="281" src="https://www.youtube.com/embed/MHyEHfAt2Wc?list=PL_zvKq8ekYZ3WDJU3XTpnyLqMTPGb7t8K" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<h2>まとめ</h2>
<p>今回は、越境ECからは少し離れてみましたが、グローバルなBtoBカートを調べてみました。toB向けだと、toCと求められるものも異なるため、toCにはない機能もたくさんありました。やはり、商慣習の大きな違いをいかにクリアしていくかが、利用者を増やしていくポイントだと感じました。</p>
<p><small><br />
《参考・画像出典》<a href="https://www.zoey.com/" target="_blank" rel="noopener">Zoey</a>, <a href="https://www.softwarereviews.com/categories/b2b-ecommerce?fbclid=IwAR2dkCxabpLg8kd9hOAopAR0vP3P3ddGYX8O0xsHtRdk3E9Z9MzZN9bfWwA" target="_blank" rel="noopener">SoftwareReviews</a><br />
</small></p>
<p><a target="" rel="noopener"><img class="" alt="" width="" height="" /></a></p>

海外ECカート企業を独自解説！アメリカ発BtoBカートZoey

<h2>はじめに</h2>
<p>人口14億人を擁する超巨大市場、中国。日本から中国への越境ECの市場規模は、1兆6558億円(前年比7.9％増)で、拡大を続けています。</p>
<p>様々な商品が中国に向けて販売されていますが、その中でも注目したいのが、化粧品です。少し古いデータですが、日本貿易振興機構（ジェトロ）が2018年に実施した「中国の消費者の日本製品等意識調査」には、「越境ECで何を購入したことがあるか」という質問があります。回答として、もっとも多かったのが基礎化粧品で、二番目がメイクアップ化粧品でした。また、「日本からの越境ECで今後何を購入したいか」という質問でも、基礎化粧品がトップでした。このように、中国市場で日本の化粧品は、注目度の高い商品であることが分かります。</p>
<p>そこで、今回の記事では中国の化粧品市場とトレンドについてまとめてみました。</p>
<p><iframe loading="lazy" width="481" height="299" seamless="" frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQEJGlFd2P_5rDi-w1wDfcRdIXf284IYDk9sA5OYFv-xf0s6_rFr33G4ePhaQOKC6njjQHNCka8M-Cb/pubchart?oid=1217848323&amp;format=interactive"></iframe><br />
<iframe loading="lazy" width="483" height="298" seamless="" frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQEJGlFd2P_5rDi-w1wDfcRdIXf284IYDk9sA5OYFv-xf0s6_rFr33G4ePhaQOKC6njjQHNCka8M-Cb/pubchart?oid=1168149624&amp;format=interactive"></iframe></p>
<h2>中国の化粧品市場</h2>
<p>まず、中国の化粧品市場について、日本と比較しながら見ていきます。中国における化粧品の市場規模は、2019年度6.2兆円(572億USD)です。日本は、3.8兆円 (350億USD)ですから、約1.6倍です。人口当たりで考えると、中国は約2750円、3万470円と大きな開きがあります。ただ、成長性は中国の方が高いといえます。グラフから分かるように、日本の市場規模は、過去15年間でほぼ変わらない一方、中国の市場規模は5倍にもなっています。化粧品などを買う余裕がある中間層の増加によって今後も市場規模は増加すると予想されます。</p>
<p><img loading="lazy" class=" wp-image-8091" src="/uploads-archive/lc/2021/08/2021-08-02-2.png" alt="化粧品市場規模の各国変化" width="600" height="450" srcset="/uploads-archive/lc/2021/08/2021-08-02-2.png 1092w, /uploads-archive/lc/2021/08/2021-08-02-2-300x225.png 300w, /uploads-archive/lc/2021/08/2021-08-02-2-1024x767.png 1024w, /uploads-archive/lc/2021/08/2021-08-02-2-768x575.png 768w, /uploads-archive/lc/2021/08/2021-08-02-2-600x449.png 600w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>貿易額の側面から見てみると、2020年1月~10月で、中国は化粧品を160億ドル輸入していますが、そのうち24.7（39億ドル）は日本からのものです。中国は日本から最も多くの化粧品を輸入しています。また、日本からの輸入量はここ5年で、8倍にも急増しています。この輸入量のうち、おおよそ3割程度は、EC上での取引と予想されます。中国での化粧品の販売チャネルは、スーパー、専門店、ドラッグストア、百貨店、オンラインストアなどがありますが、2018年時点で、オンライン上の取引が27%を占めているという調査結果があるためです。</p>
<p><img loading="lazy" class="size-full wp-image-8092" src="/uploads-archive/lc/2021/08/1c50f184bc150f62d6efd6522c93a16e.jpg" alt="" width="600" height="450" /> </p>
<h2>日本企業の対応とは？</h2>
<p>このように化粧品は、成長性が高い上に日本製品の人気もあるといっていいでしょう。では日本の化粧品は、ECモール上に商品を登録すれば、どんどん売れていくのでしょうか。一昔前ならば、日本製というだけで売れていた時代もあったかもしれません。しかし現在は、中国メーカーと日本や韓国、フランスなどの海外メーカーがしのぎを削っている状況です。特に、中国メーカーの伸びは目を引きます。国産化粧品ブランドの市場シェアはすでに56％に達しているとの統計もあります。国産製品も安全性や品質への信頼性が高まり、需要が増加しているといえます。</p>
<p>このような状況で、日本の化粧品会社が売り上げを伸ばしていくためには工夫が必要です。例えば資生堂は、中国向けライブコマースの取り組みを強化しています。ライブコマースとは、リアルタイムで映像を配信しながら商品を販売する手法です。視聴者が販売者に質問をすることも可能で、これまで伝えきれなった商品の魅力や背景を消費者に直接伝える手法として注目されています。20年11月の中国のEC商戦が盛り上がる「独身の日」には、資生堂のライブコマースの視聴者数が40万人にものぼったといいます。</p>
<p>資生堂のように大手でなくても、自社の商品の強みを分析し、適切な媒体で消費者に伝えていくことが大切です。ただ、日本製という魅力を強調するだけでなく、競争が激しい化粧品市場のなかで、他社との違いをどう打ち出していくかがカギを握りそうです。</p>
<h2>まとめ</h2>
<p>今回は、中国の化粧品市場とそのトレンドについてまとめました。中国の化粧品市場は今後も成長を続けていくと思われますが、その分競争も激しいです。自社商品の魅力を見つめ直し、消費者に伝えていけるかが重要です。</p>
<p><small><br />
《参考・画像出典》<br />
<a href="https://www.meti.go.jp/press/2020/07/20200722003/20200722003-1.pdf" target="_blank" rel="noopener">経済産業省</a>,<a href="https://www.jetro.go.jp/ext_images/_Reports/01/820261128897b417/20180028.pdf" target="_blank" rel="noopener">「中国の消費者の日本製品等意識調査」日本貿易振興機構</a>,<a href="https://www.nite.go.jp/data/000123350.pdf" target="_blank" rel="noopener">独立行政法人製品評価技術基盤機構（NITE）</a>,<a href="https://www.ycg-advisory.jp/learning/oversea_72/" target="_blank" rel="noopener">山田コンサルティンググループ株式会社</a>,<a href="https://www.jetro.go.jp/news/releases/2021/70e1273d1d40eabe.html" target="_blank" rel="noopener">「中国への化粧品輸出拡大加速化へ、国内企業の支援を強化」日本貿易振興機構</a>,<a href="http://japanese.china.org.cn/business/txt/2019-06/23/content_74900236_0.htm" target="_blank" rel="noopener">チャイナネット</a><br />
</small></p>

越境ECの定番、化粧品！中国における化粧品市場の規模と対応

> 10億人超のユーザーが利用する中国のデジタル決済サービス、支付宝（アリペイ）。最近は、日本国内でもコンビニやドラッグストアのレジ横で、見たことがある方も多いかと思います。今回は、中国人向けに販売するなら「アリペイ」が必ず必要な理由や、日本に住んでいたら分からない「アリペイ」の機能、近年急速に盛り上がる中国越境ECについて、アリペイジャパンの藤堂 泰樹様（文中写真：左）と松本 昂将様（文中写真：右）にお聞きしました。

## 「アリペイで生活する」を実現。生活に密着したデジタル決済サービス
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/IMG_3629-139x300.png" alt="" width="278" height="600" class="alignleft size-medium wp-image-8334" srcset="/uploads-archive/lc/2021/09/IMG_3629-139x300.png 139w, /uploads-archive/lc/2021/09/IMG_3629-710x1536.png 710w" sizes="(max-width: 278px) 100vw, 278px" /></p>

### 中国モバイル決済最大級とも言われるアリペイですが、中国ではどのような感覚で使われていますか？
<p><span class="speaker" style="color: #3366ff;">藤堂様</span>：中国でアリペイは、日本でいう「お財布」のような感覚で使っていただいているユーザーが多いと思います。小額から大きい金額まで、基本的に全てに対応しているため、どのようなシーンでもアリペイが使えるんですね。中国へ出張に行くと、現金は持っていきません。アリババの拠点である、杭州のタクシーで、「アリペイが使えますか」と聞いたら、「ここはどこだと思っているんだ」と言われてしまったこともあります（笑）</p>
<p>元々アリペイは、アリババ傘下のECサービス淘宝網（タオバオ）のエスクローサービスとして始まりました。オンラインでの取引で、信用がなかなか獲得できない中、どうしたら商品とお金を交換できるのか、という課題を解決するために、第三者決済としてアリペイが登場したのです。今では決済はもちろん、金融、保険、投資等、様々な分野で利用できるサービスとしてご利用いただいています。(写真左：アリペイアプリの画面。幅広いサービスが利用できる。)</p>
<p><span class="speaker" style="color: #339966;">松本様</span>：我々が掲げているキャッチフレーズに、「アリペイで生活する」というものがあります。「アリペイで支払う」ではないんですよね。ただ決済するだけでなく、レストランでテーブルオーダーができたり、タクシーをアリペイ内のミニアプリで呼んで、そのまま支払ったり。納税や公共料金のお支払い等、単なるお買い物だけでなく、本当に生活に結びついている決済とライフサービス、というのがアリペイなのだと思っています。日本人の必ず持ち歩くアイテムが、「スマホ」と「財布」だとしたら、中国人は、「スマホ」と「モバイルバッテリー」を必ず持ち歩いているんですよ。スマホで友達と連絡を取り、支払いをすることができるので、生きるために欠かせない存在という感じです。中国でスマホを忘れたら一大事ですね（笑）</p>

### アリペイジャパンは、日本においてどのような活動を行われているのでしょうか？
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/IMG_7291-300x169.jpg" alt="" width="400" height="224" class="alignright size-medium wp-image-8339" srcset="/uploads-archive/lc/2021/09/IMG_7291-300x169.jpg 300w, /uploads-archive/lc/2021/09/IMG_7291-1024x576.jpg 1024w, /uploads-archive/lc/2021/09/IMG_7291-768x432.jpg 768w, /uploads-archive/lc/2021/09/IMG_7291-600x337.jpg 600w, /uploads-archive/lc/2021/09/IMG_7291-1536x864.jpg 1536w, /uploads-archive/lc/2021/09/IMG_7291-2048x1152.jpg 2048w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p><span class="speaker" style="color: #3366ff;">藤堂様</span>：日本においては、オンラインとオフライン両方における、アリペイ決済の拡大を目指して活動しています。コロナ前には、中国からの訪日観光客をメインターゲットとして、日本に来た時に、買い物を楽しんでもらえるような環境づくりをしてきました。コロナ後には、オンライン上での決済、特に利用が増えているのが越境ECの分野なので、中国向け越境ECにおける、アリペイ決済の拡大を加速させています。また、アリペイを決済手段としてご利用いただくことの他にも、アリペイアプリ上で、加盟店様の特典を掲載して送客のお手伝いをしたり、アリペイの決済で使えるクーポンを発行して、加盟店様でのお買い物を、よりお得にする等、オフライン・オンライン問わず販促やマーケテイングのお手伝いもさせていただいています。</p>

### 中国で利用されているメジャーな決済手段（カードなど）と、アリペイにはどのような違いがありますか？
<p><span class="speaker" style="color: #3366ff;">藤堂様</span>：若いユーザーを取り込みたい場合、モバイルウォレットの方が親和性が高いですね。アリペイの大きな特徴としては、アリババのEコマース（タオバオ）の決済サービスとして広まってきた背景もあって、買い物に強いウォレットになっているかもしれません。海外の中国向けのECサイトでは、最初の決済手段としてアリペイを導入されているケースもよく見かけます。LaunchCartのように、アリペイやほかのデジタル決済、カード決済を全部導入されているケースは少ない気がしますね。また、アリペイの会員向けに、会員ランクにより様々な特典が用意されているので、使えば使うほどお得になるという期待値の元、アリペイを愛用してくれているユーザーも多いです。</p>

## パートナー企業をフル活用して、適切に中国市場に対応することが大切です
### アリペイから見た、日本からの中国越境ECの特徴は何ですか？
<p><span class="speaker" style="color: #339966;">松本様</span>：中国は、我々から見ても非常に特殊な市場だと思います。いくつか理由がありますが、1つ目は業界規制。どの国にも物流、税制、国ごとの特性があるように、中国にも中国独自の規制があります。こういった業界規制とその変化に適切に対応するために、我々からお客様にお伝えしているのは、「パートナー様をフル活用してください」ということです。各分野において、中国市場への適切な対応法を熟知されているパートナー企業様がいらっしゃると思うので、そのような企業様とタッグを組んで、適切に中国市場に対応されている企業様は、売上を伸ばされているように思います。</p>
<p>2つ目は、商品選定の部分です。中国国内のECサイト等を利用して手に入れることができる物がたくさんあります。そんな中、特に自社サイトで中国への「越境EC」を目指そうという時に重要になってくるキーワードは、「希少性」と「価格の優位性」なのではないでしょうか。様々な商材が中国で売れていますが、「中古ブランド品」や「エンタメ系」等の商材は、これらのキーワードに合致していて、よく売れているジャンルだと思います。</p>
<p>そして3つ目は、プロモーションです。中国には、独身の日（11月）や618（6月18日）等といったセールイベントや、国慶節、春節といったお休みがあります。そして、中国の方が好むプロモーションの響き方も違います。例えば、「８」は縁起が良い数字なので、クーポンの割引額を88元にしようか、といった感じです。このように、日本人の感覚だけではなかなか対応しきれない特殊性があるので、基本的ではあるのですが、規制、商材、プロモーションの3つは欠かせない大事なポイントだと思います。</p>

## 「お得＝楽しいこと」セールに敏感な中国マーケット
### 中国の方々は、セール時期にすごく敏感な気がしますが、実際どうでしょうか？
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/IMG_7314-300x169.jpg" alt="" width="400" height="224" class="alignleft size-medium wp-image-8338" srcset="/uploads-archive/lc/2021/09/IMG_7314-300x169.jpg 300w, /uploads-archive/lc/2021/09/IMG_7314-1024x576.jpg 1024w, /uploads-archive/lc/2021/09/IMG_7314-768x432.jpg 768w, /uploads-archive/lc/2021/09/IMG_7314-600x338.jpg 600w, /uploads-archive/lc/2021/09/IMG_7314-1536x864.jpg 1536w, /uploads-archive/lc/2021/09/IMG_7314-2048x1152.jpg 2048w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p><span class="speaker" style="color: #339966;">松本様</span>：私がアリペイに入った当初、非常に驚いたのが、中国の方々はいかに安く、お得に買うか、ということにとても敏感だということです。アリペイのアプリにも多くの企業様からクーポンをご提供いただいて、ユーザーに提供していたのですが、何千枚という単位ではなく、何万枚という単位で皆さんクーポンをゲットされていることに本当に驚きました。また、お祭りごともお好きな方が多いのではないかと感じています。「春節のタイミングで、イベントで盛り上がっているし、自分も参加して何かお得に楽しく買い物をしよう！」といった感じで、「お得＝楽しいこと」というマインドが日本人よりも強い傾向にあるのかな、と思います。先ほどの話にも繋がりますが、ただお値引きをするのではなく、そういったマインドをキャッチして越境ECのプロモーションに繋げられると良いのかもしれませんね。</p>

## 日本企業がワンストップで越境ECを始められる環境を整えていきたい
### 越境EC支援をこれから加速させていく中、LaunchCartに何を求めていますか？
<p><span class="speaker" style="color: #339966;">松本様</span>：オンラインでアリペイをご利用いただく加盟店様を増やしていく活動をしている中、加盟店様への利便性、メリットを打ち出していかないと、と考えていました。我々の強みとしては、決済と、プロモーションの能力や知見があるということですが、越境ECをその2つの要素だけでできるかといったら、そうではありません。法律、物流、サイト制作、カスタマーサポート、マーケティング等どのように対応するのか、という部分を考慮すると、我々1社の力ではなく、パートナー様のお力を借りながら、共に加盟店様の越境ECの売上を拡大していきたい、という結論に辿り着きました。そういった情報収集をしている中、LaunchCartの事を知りまして、越境ECで欠かせないカートシステム、サイト制作の分野で、アジア向けに実績を持たれている。かつ、コスト面でも優位性がある。中国を含めたアジア圏、お力を借りつつ、お互いの知見を一緒に持ち合わせることで、加盟店様によりよいサービスを、LaunchCartと一緒にご提供していきたいと思っています。</p>

### アリペイジャパンの越境ECにおける今後の展望を教えてください。
<p><span class="speaker" style="color: #3366ff;">藤堂様</span>：近年、越境ECといえば「中国」、といったイメージもかなり強くなっているのかな、と感じていますが、まだまだ越境ECは成長段階の市場です。日本のECサイトを運営されている企業様で、越境ECも運営しています！という企業様って、まだまだ少ないですよね。ここが海外というハードルなのかなとも思います。しかし、いざ越境ECをやってみよう、と調べてみると、決済、サイト制作、物流、プロモーション等、一応それぞれのパーツは揃っているので、始めることはできるというのが現状です。なので、今後はLaunchCartとの取り組みのように、様々な分野のパートナー企業様と一緒にお取り組みさせていただくことによって、日本企業様にとって、よりスムーズに、ワンストップで越境ECを始められる環境を整えることが大切だと思っています。そういった土台を作ることで、ECをするのであれば、日本国内だけでなく海外もまとめて始めましょうよ！という事例をどんどん増やしていきたいですね。</p>
<p>また、Alipay+（アリペイプラス）という、アジア各国のデジタル決済サービスが参画しているクロスボーダーのモバイル決済ソリューションを通して、中国をメインにしつつも、それ以外のアジア市場に向けて、決済サービスを軸に支援の幅を広げていきたいと思っています。</p>

### 越境ECを検討中の方向けに一言アドバイスをお願いします！
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/IMG_7305-300x169.jpg" alt="" width="400" height="224" class="alignright size-medium wp-image-8340" srcset="/uploads-archive/lc/2021/09/IMG_7305-300x169.jpg 300w, /uploads-archive/lc/2021/09/IMG_7305-1024x576.jpg 1024w, /uploads-archive/lc/2021/09/IMG_7305-768x432.jpg 768w, /uploads-archive/lc/2021/09/IMG_7305-600x338.jpg 600w, /uploads-archive/lc/2021/09/IMG_7305-1536x864.jpg 1536w, /uploads-archive/lc/2021/09/IMG_7305-2048x1152.jpg 2048w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p><span class="speaker" style="color: #3366ff;">藤堂様</span>：「とりあえず一歩踏み出して見ませんか？」です（笑）越境EC、簡単ではないとは思うのですが、様々な方法や、支援企業様も増えてきていて、昔よりハードル低くできるようになってきました。なので、日本市場だけだと、不安だなと思っていらっしゃる企業様は、まずやってみてください、とお伝えしたいですし、我々としても心理的な部分も含めてハードルを下げていくお手伝いをしたいと思っています。</p>
<p><span class="speaker" style="color: #339966;">松本様</span>：藤堂が「まず始めてみてください」ということであれば、私は「まずはご相談ください」ということで（笑）色々なパートナー企業様や、実際に越境ECをされている加盟店様にお聞きすると、自社だけで越境ECを運営されている企業様って本当に少なくて、皆さんパートナー企業様をフル活用されていらっしゃいます。なので、越境ECを始められる際には、パートナー企業様をフル活用していただきたいですね。そして、越境ECのご相談をいただいたら、弊社も、スターフィールドさんも、他の越境EC支援企業様も、こういう分野だったら、この企業様が得意にされています、というのをご紹介できると思います。なので、まずやってみたいなという気持ちがあれば、ぜひご相談いただけると嬉しいですね。</p>


large_Alipay_logo_2020_-_horizontal.svg_.png

medium_Alipay_logo_2020_-_horizontal.svg_.png

small_Alipay_logo_2020_-_horizontal.svg_.png

thumbnail_Alipay_logo_2020_-_horizontal.svg_.png

Alipay_logo_2020_-_horizontal.svg_.png

アリペイジャパン株式会社様

<h2>はじめに</h2>
<p>日本発の素晴らしい越境EC独自サイトを”勝手に”紹介する新企画。<br />
第4回目の今回は、日本発越境ECの中でも、最大の成功事例と名高いビィ・フォアード社をご紹介します。</p>
<p><small></p>
<p>※注意<br />
ここでご紹介するのは、弊社のサービスを利用して構築したサイトではありません。素晴らしい越境ECの独自サイトとして、勝手ながら紹介させていただくだけです。掲載に問題等ございましたらお手数ですがご一報ください。また、記載内容は記事執筆時点のものであり、内容の正確さは保証しかねますことをご理解ください。</p>
<p></small></p>
<h2>ビィ・フォアードとは</h2>
<p>2004年に設立、海外向けに主に中古車を販売することから始まったビィ・フォアード。現在は、月間6000万PV、月15,000台の商品を世界200以上の国と地域に販売・輸出する日本随一の越境ECサイトです。</p>
<p>Eコマースによる販売窓口を新興国を中心に広く世界に展開し、長年培ってきたノウハウを活かし、確実な送金手続き、現地コンシューマーへのデリバリーなど、販売から輸送まで一気通貫でビジネス展開しています。</p>
<h2>ビィ・フォアードの越境ECサイト</h2>
<h3>溢れるおもてなしの心</h3>
<p>一番驚いたのは、各国ごとのローカライズが非常に丁寧に行われている、「おもてなしの心」に溢れた越境ECサイトだということです。<br />
例えば、同じアフリカのなかでもナイジェリアとタンザニアでは、異なるオススメ商品を掲載しています。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8303" src="/uploads-archive/lc/2021/09/2099d59ff497b0bbe7d613eb467272b1.png" alt="" width="1482" height="1122" srcset="/uploads-archive/lc/2021/09/2099d59ff497b0bbe7d613eb467272b1.png 1482w, /uploads-archive/lc/2021/09/2099d59ff497b0bbe7d613eb467272b1-300x227.png 300w, /uploads-archive/lc/2021/09/2099d59ff497b0bbe7d613eb467272b1-1024x775.png 1024w, /uploads-archive/lc/2021/09/2099d59ff497b0bbe7d613eb467272b1-768x581.png 768w, /uploads-archive/lc/2021/09/2099d59ff497b0bbe7d613eb467272b1-600x454.png 600w" sizes="(max-width: 1482px) 100vw, 1482px" /><br />
<img loading="lazy" class="aligncenter size-full wp-image-8304" src="/uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3.png" alt="" width="2122" height="1196" srcset="/uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3.png 2122w, /uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3-300x169.png 300w, /uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3-1024x577.png 1024w, /uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3-768x433.png 768w, /uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3-600x338.png 600w, /uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3-1536x866.png 1536w, /uploads-archive/lc/2021/09/8d3c7400f2a1fd66981badec915fe9a3-2048x1154.png 2048w" sizes="(max-width: 2122px) 100vw, 2122px" /> <img loading="lazy" class="aligncenter size-full wp-image-8305" src="/uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37.png" alt="" width="2128" height="1228" srcset="/uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37.png 2128w, /uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37-300x173.png 300w, /uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37-1024x591.png 1024w, /uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37-768x443.png 768w, /uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37-600x346.png 600w, /uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37-1536x886.png 1536w, /uploads-archive/lc/2021/09/1172d245b527c656e4d05806837e2b37-2048x1182.png 2048w" sizes="(max-width: 2128px) 100vw, 2128px" /></p>
<p>また、日本駐在スタッフと現地スタッフの名前、顔写真、WhatsApp、Skypeを各国ごとに掲載。「海外から車をネットで買う」ことのハードルを極限まで下げようとしています。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8307" src="/uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b.png" alt="" width="2186" height="1506" srcset="/uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b.png 2186w, /uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b-300x207.png 300w, /uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b-1024x705.png 1024w, /uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b-768x529.png 768w, /uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b-600x413.png 600w, /uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b-1536x1058.png 1536w, /uploads-archive/lc/2021/09/4afd1651576e6c26db90ca210164ff1b-2048x1411.png 2048w" sizes="(max-width: 2186px) 100vw, 2186px" /> <img loading="lazy" class="aligncenter size-full wp-image-8306" src="/uploads-archive/lc/2021/09/15802bf9e0e1a56ff9f90c6aa3c6952e.png" alt="" width="1528" height="1458" srcset="/uploads-archive/lc/2021/09/15802bf9e0e1a56ff9f90c6aa3c6952e.png 1528w, /uploads-archive/lc/2021/09/15802bf9e0e1a56ff9f90c6aa3c6952e-300x286.png 300w, /uploads-archive/lc/2021/09/15802bf9e0e1a56ff9f90c6aa3c6952e-1024x977.png 1024w, /uploads-archive/lc/2021/09/15802bf9e0e1a56ff9f90c6aa3c6952e-768x733.png 768w, /uploads-archive/lc/2021/09/15802bf9e0e1a56ff9f90c6aa3c6952e-600x573.png 600w" sizes="(max-width: 1528px) 100vw, 1528px" /></p>
<p>タンザニアには現地オフィスも多数あるようです。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/b65f2d23c434b567949a5a2fbcb97625.png" alt="" width="2042" height="1144" class="aligncenter size-full wp-image-8308" srcset="/uploads-archive/lc/2021/09/b65f2d23c434b567949a5a2fbcb97625.png 2042w, /uploads-archive/lc/2021/09/b65f2d23c434b567949a5a2fbcb97625-300x168.png 300w, /uploads-archive/lc/2021/09/b65f2d23c434b567949a5a2fbcb97625-1024x574.png 1024w, /uploads-archive/lc/2021/09/b65f2d23c434b567949a5a2fbcb97625-768x430.png 768w, /uploads-archive/lc/2021/09/b65f2d23c434b567949a5a2fbcb97625-600x336.png 600w, /uploads-archive/lc/2021/09/b65f2d23c434b567949a5a2fbcb97625-1536x861.png 1536w" sizes="(max-width: 2042px) 100vw, 2042px" /></p>
<p>支払い方法についても、ナイジェリアとタンザニアでは異なっています。</p>
<p>ナイジェリアでは銀行振込、クレカ、ペイパルの３つですが、タンザニアでは、Western Union Agentというものと、現地オフィスでの現金払いもあるようです。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4.png" alt="" width="2184" height="1214" class="aligncenter size-full wp-image-8310" srcset="/uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4.png 2184w, /uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4-300x167.png 300w, /uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4-1024x569.png 1024w, /uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4-768x427.png 768w, /uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4-600x334.png 600w, /uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4-1536x854.png 1536w, /uploads-archive/lc/2021/09/a86372de0e77689de79e0a498e016ae4-2048x1138.png 2048w" sizes="(max-width: 2184px) 100vw, 2184px" /></p>
<p>また顧客の声も各国ごとにまとまっており、安心感を醸成しています。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a.png" alt="" width="2170" height="1232" class="aligncenter size-full wp-image-8309" srcset="/uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a.png 2170w, /uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a-300x170.png 300w, /uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a-1024x581.png 1024w, /uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a-768x436.png 768w, /uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a-600x341.png 600w, /uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a-1536x872.png 1536w, /uploads-archive/lc/2021/09/32a8f8f69bd2cba949e2066576949d2a-2048x1163.png 2048w" sizes="(max-width: 2170px) 100vw, 2170px" /></p>
<h3>通貨/言語</h3>
<p>USD，JPY,EUR,NZD,ZARの５つの通貨、英語、ポルトガル語、スペイン語、ロシア語、フランス語、ジョージア語が使われています。対応国の多さに比べると少ない印象がありますが、主要販売国であるアフリカなどの通貨、言語を十分にカバーしています。</p>
<h3>インタビュー記事</h3>
<p>ビィフォワード社の理念や、社長の想いが伝わるインタビュー記事も掲載されていました。ぜひ一度ご覧ください。<br />
<a href="https://www.s-bokan.com/voice/post-17248/" rel="noopener" target="_blank">アフリカ・新興国向け中古車販売越境ECサイト成功事例 株式会社ビィ・フォアード様</a></p>
<h2>まとめ</h2>
<p>各国ごとの文化、習慣に合わせる「ローカライズ」がいかに大切か、改めて気づかされる事例だったと思います。国は違っても、決済のローカライズや、国別の連絡先、レビューの表示などは、越境ECを運営する場合に応用できる部分ですね。</p>
<p><small><br />
《参考・画像出典》https://www.beforward.jp/<br />
</small></p>

勝手にレポート！<br>日本発越境ECの最大の成功事例ビィ・フォアード

<h2>はじめに</h2>
<p>海外向けECでの展開を成功させるために、ローカライズすべきポイントは色々あります。その中で見落としがちなのは「ローカルルール」です。<br />
今回は台湾向け越境ECサイトで気を付けるべきルールを簡単に紹介します。</p>
<h2>台湾向け越境ECで注意するべき点は？</h2>
<p>親日国であることで有名な台湾ですから、日本の商品に興味を持っている人はたくさんいます。しかし、日本国内ECサイトをただ翻訳しただけで台湾のお客さんが買ってくれるかというと、話は別です。</p>
<p>特に顔の見えないECサイトですから、安心して買い物ができるかどうか≒不審な点はないか、というのは大きなポイントです。日本のECではあまり重要視されないけれど、台湾の購入者が気にする点として以下のようなことが考えられます。</p>
<h3>返品ルールの明示</h3>
<p>自分がよく見なかったせいだとか、手続きが面倒だとか考えてしまいがちな返品下手な日本人にとって、返品ルールの記載はそれほど重要ではないかもしれませんが、台湾では違います。</p>
<p>台湾の消費者保護法第19条にはクーリングオフ制度に関する規定があり、到着から7日間以内に申し出があれば、返品対応しなければなりません。これは通信販売や電子販売にも適用されます。ですから、仮にサイト上に「返品不可」と記載していても、その条項は無効とされるのです。</p>
<p>台湾向け越境ECの場合、販売国の販売規制が適用されることは基本的にはありません。しかし、「返品可能」が当たり前の台湾消費者にとって、返品できなかったり、返品可能期間が極端に短かったりすることは、不信感を持つには十分な要因となってしまいます。</p>
<p>また、それを分かりづらく表示するのもNGです。きちんとした販売会社であることを示すために、返品対応できることをはっきり、わかりやすく記載しましょう。購買率を上げるには、越境ECであっても、この点を無視するべきではないでしょう。</p>
<h3>販売者や問い合わせ窓口の明示</h3>
<p><img loading="lazy" src="/uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-scaled.jpg" alt="" width="2560" height="1440" class="aligncenter size-full wp-image-8329" srcset="/uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-scaled.jpg 2560w, /uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-300x169.jpg 300w, /uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-1024x576.jpg 1024w, /uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-768x432.jpg 768w, /uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-600x338.jpg 600w, /uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-1536x864.jpg 1536w, /uploads-archive/lc/2021/09/annie-spratt-goholCAVTRs-unsplash-2048x1152.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></p>
<p>返品ルールと同様に、販売者の情報をはっきりと明記することも大切です。親日国であるならなおさら、販売者が日本の企業であることは強みにもなります。</p>
<p>返品窓口とは別に、お問い合わせ用の窓口となるメールアドレスや電話番号も合わせて掲載し、オープンでクリーンなサイトであることを見せましょう。</p>
<h3>言語表記や文章表現</h3>
<p>台湾で使われる表現や字体（繁体字）などの言語表記が自然かどうかという点です。中国本土とは異なり、台湾や香港では繁体字を使用しています。</p>
<p>文字だけでなく、言い回しやよく使われる言葉にも違いがあるため、台湾の購入者が違和感を感じないよう翻訳には注意が必要です。日本人も、ECサイトに見慣れない漢字や言葉が混じっていたら、かなり警戒しますよね。</p>
<p>また、台湾の薬事法と日本の薬事法は異なるため、特にサプリメントや美容食品、健康器具を扱う場合は、法律にふれないかどうか、慎重に確認することをお勧めします。</p>
<h2>まとめ</h2>
<p>今回は台湾向け越境ECサイトで気を付けるべき点を紹介しました。「日本風」が喜ばれる点とそうでない点はしっかり押さえておく必要がります。また現地ECを考えている方は、より現地の販売規制を把握しておかなければなりません。</p>
<p>とはいえ、言語等の壁は高く、自社での返品・問い合わせ対応や翻訳は難しいという方も多いでしょう。そういった人のために、返品などを現地でサポートしてくれる会社もありますので、問い合わせてみてはいかがでしょうか。<br />
あわせて読む：<br />
  <div class="lcLink">
    <a href="https://launchcart.jp/case/partner-tri-link_asia/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2020/09/trilinkasia-logo-300x157.jpg" alt="株式会社トライリンクアジア様"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">株式会社トライリンクアジア様</h3>
        <div class="lcLink__info">
          <p class="lcLink__category"></p>
          <p class="lcLink__date">2020.10.1</p>
        </div>
      </div>
    </a>
  </div><br />
  <div class="lcLink">
    <a href="https://launchcart.jp/case/partner-asianbridge/">
      <figure class="lcLink__figure"><img src="/uploads-archive/lc/2020/09/asianbridge-logo-300x157.jpg" alt="アジアンブリッジ株式会社様"></figure>
      <div class="lcLink__text">
        <h3 class="lcLink__title">アジアンブリッジ株式会社様</h3>
        <div class="lcLink__info">
          <p class="lcLink__category"></p>
          <p class="lcLink__date">2020.9.23</p>
        </div>
      </div>
    </a>
  </div></p>
<p><small><br />
《参考・画像出典》<a href="https://www.jetro.go.jp/world/qa/W-151101.html" rel="noopener" target="_blank">独立行政法人日本貿易振興機構</a><br />
</small></p>

small_3506754_s.jpg

thumbnail_3506754_s.jpg

3506754_s.jpg

台湾越境EC運用時の注意点・見落としがちなルールとは？

<h2>はじめに</h2>
<p>日本のECにおける決済は急速に多様化しています。これは日本に限った話ではなく世界各国でその流れは加速しており、特に新興国においては、QR決済を始めとする第三者決済が既存の決済を差し置いて、大きくシェアを伸ばしています。</p>
<p>しかし、多くの場合これらの決済は各国内のみの利用に制限されており、越境ECで利用することができません。</p>
<p>そこで改めて注目すべき決済が、Apple PayとGoogle Payです。この2つのサービスは、各国ローカルの決済への対応を広げるとともに、越境ECでの利用も可能にしています。</p>
<p>まだまだ越境ECでの利用は限定的ではありますが、2021年9月時点での両者の越境ECにおいての対応状況をまとめました。</p>
<h2>Apple PayとGoogle Payの越境ECにおける対応の違い</h2>
<table>
<tbody>
<tr>
<th></th>
<th>Apple Pay</th>
<th>Google Pay</th>
</tr>
<tr>
<th>対応環境</th>
<td>Touch ID または Face ID 搭載モデルの iPad, iPhone各種<br />
Touch ID 搭載の Mac<br />
Apple Watch Series 1 以降<br />
等</td>
<td><a href="http://storage.googleapis.com/play_public/supported_devices.html" rel="noopener" target="_blank">スマホ</a><br />
<a href="https://sites.google.com/a/chromium.org/dev/chromium-os/chrome-os-systems-supporting-android-apps" rel="noopener" target="_blank">PC</a><br />
</tr>
<tr>
<th>定期購入</th>
<td>◎　定期的（毎月1回）なサブスクのほかに、不定期的（配送のスキップや配送頻度の変更）なサブスクにも対応</td>
<td>◎　アップグレードやダウングレード、無料お試し期間等にも対応</td>
</tr>
<tr>
<th>住所連携</th>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th>アジアでの対応国</th>
<td>中国本土,香港,日本,マカオ,シンガポール,台湾</td>
<td>台湾,タイ,ベトナム,シンガポール,フィリピン,パキスタン,マレーシア,日本,インド,香港</td>
</tr>
<tr>
<th>アジアでの連携決済</th>
<td>◎　<br />
<a href="https://support.apple.com/ja-jp/HT206638" rel="noopener" target="_blank">Apple Pay に対応しているアジア太平洋地域の銀行とカード発行元</a></td>
<td><a href="https://support.google.com/pay/answer/7404680" rel="noopener" target="_blank">台湾</a><br />
<a href="https://support.google.com/pay/answer/7351836" rel="noopener" target="_blank">シンガポール</a><br />
<a href="https://support.google.com/pay/answer/7351542" rel="noopener" target="_blank">日本</a><br />
<a href="https://support.google.com/pay/answer/7352135" rel="noopener" target="_blank">香港</a>..等<br />
</tr>
<tr>
<th>取扱不可商品</th>
<td>・たばこ、マリファナ、電子タバコ<br />
・銃器、武器、弾薬違法薬物、または合法的に処方されていない規制薬物消費者にとって安全上のリスクがある製品違法行為での使用が意図される製品ポルノグラフィ<br />
・偽造品または盗品<br />
・個人的な資金集めや非営利的な寄付の収集（Appleの承認を受けている場合を除く）</td>
<td>論文の代筆や受験代行のサービス<br />
・アダルト向け商品とサービス<br />
・アルコール<br />
・動物と規制種<br />
・バルク マーケティング ツール<br />
・児童を危険にさらす行為または虐待<br />
・著作権媒体とソフトウェア<br />
・偽造品と不正な商品<br />
・技術的な保護対策のロックを解除するためのデバイスまたは技術<br />
・麻薬と麻薬関連器具<br />
・金融またはその他の規制対象の商品、サービス、セキュリティ、バリュー残高カード<br />
・基金の募集<br />
・ゲーム、ギャンブル<br />
・政府発行の ID、書類、制服<br />
・ハッキングやクラッキングの道具<br />
・人体の一部分<br />
・違法な商品、盗品<br />
・違法な電子通信機器<br />
・奇跡的治療<br />
・マルチ商法と富創造プログラム<br />
・不適切なコンテンツと行為<br />
・不適切な品物、犯罪<br />
・高価な物質<br />
・処方箋医薬品と医療機器<br />
・保護対象の文化財と文化的遺物<br />
・発火装置と危険物<br />
・規制品<br />
・トラフィック デバイス<br />
・旅行パッケージとクーポン<br />
・タバコと葉巻<br />
・武器や兵器<br />
・ホールセールの通貨</td>
</tr>
</tbody>
</table>
<h2>まとめ</h2>
<p>比較すると大きな差は無いかなという印象を受けました。</p>
<p>強いて言うとApple Payは中国に対応しており、Google Payは対応していないが対応国は多いという点が、ショップによっては重要な点になるかと思いますので適宜サイトの調整が必要かと思いました。</p>
<p>基本的には両方ともセットで対応するというのがECサイトとしてはベストだと思いますが、ECにおける利用率等は各国ごとに異なるため、事前に情報収集されることをオススメします。</p>
<p><small><br />
《参考・画像出典》https://lp.easelart.io/news/20210204/<br />
</small></p>

small_news_image_0204.jpg

thumbnail_news_image_0204.jpg

news_image_0204.jpg

越境ECでも使える！Apple PayとGoogle Payの違いまとめ


<p>WEBデザインの問題で改善が必要になったとき、いろいろな意見をどう整理して形にしていったらよいかで悩んでいたときに、以下の本に出逢いました。</p>



<figure class="wp-block-embed is-type-rich is-provider-amazon wp-block-embed-amazon"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="デザインリサーチの教科書" type="text/html" width="500" height="550" frameborder="0" allowfullscreen style="max-width:100%" src="https://read.amazon.com.au/kp/card?preview=inline&#038;linkCode=kpd&#038;ref_=k4w_oembed_E0y9HMFHnIjaQJ&#038;asin=4802511779&#038;tag=kpembed-20"></iframe>
</div><figcaption>デザインリサーチの教科書</figcaption></figure>



<p>この本を探した目的は、デザインする際、どのように情報を収集・整理したらよいかを改めて勉強するためだったのですが、<br>この本に書かれていた内容は、デザイナーの職種を超えて、問題解決のアイディアを形にするものでした。</p>



<p>自分なりにこちらの内容をごく一部ですが整理してみました。</p>



<h2>デザインが対象とするプロダクトと範囲の広がり</h2>



<p>19世紀に生まれた最初のデザインの対象はグラフィックのみでした（第一次デザイン）。デザインの手法はこの第一次デザインがベースとなっています。そこから20世紀にモノのデザイン、つまりインダストリアルデザインに広がります（第二次デザイン）。1980年代からは行動や体験をデザインするインタラクションデザイン（第三次デザイン）、2000年代には更にそこに持続可能性を考慮したデザインであるサービスデザイン（第三次デザイン）、そして2010年代にはビジネス・組織・教育・政府を対象としたシステムデザイン（第四次デザイン）にまで広がっています。この広がりの背景には、プロダクトの意味がモノからサービスへと移行してきたことがあり、それに伴い、デザインが必要とされる範囲もいろがってきたと考えられます。</p>



<p>この変化の中で、デザインの視野も同時に変化してきました。作り手の都合からユーザーの都合へ、ユーザーの都合から社会の都合へ、社会の都合から環境の都合へ。デザインの視野が広がるにつれ、そこに必要とされる要素も増えてきますので、綿密なリサーチが必要となってきます。</p>



<p>デザインの範囲がこれだけ広がってくると、必要な専門知識も広くなってくるため、デザイナーだけでデザインすることにも限界があり、職種をまたいでデザインしていく必要性も出てきます。</p>



<h2>マーケティングリサーチの限界とデザインリサーチの可能性</h2>



<p>未来の不確実性により、「十分に明確な未来」「選択的な未来」「ある範囲内の未来」「予測できない未来」に分けられます。</p>



<p>プロダクトの黎明期においては、十分に明確な未来となり、何を開発すれば売れるかという競争原理が明確です（CPUのクロック数を上げる、デジカメの画素数を上げる）。</p>



<p>プロダクトが成熟してくると、競合が増え「選択的な未来」となります（ブルーレイとHD DVD）。</p>



<p>更に先の未来を予測する場合には、「ある範囲内の未来」となり、ある程度の範囲に落ち着くことはわかっているが、いつになるかはわからないケースが出てきます（AIの浸透）。</p>



<p>更に会社の将来など、「予測できない未来」があります。</p>



<p>マーケティングリサーチで用いられるロジカルシンキングは確実性の高いリサーチに強く、不確実性が高いリサーチに弱いという問題があり、現在の変化が多く不確実性の高い時代においては不利となります。現代においては情報の入手が容易で競合との差がつけられない反面、情報が非常に膨大でロジカルな手法では把握しきれないという問題があるためです。</p>



<p>一方のインスピレーションを主軸とするデザインリサーチは不確実性が高いほど威力を発揮するため、今の時代において必要性が高まっています。競合がいない状況では一人ひとりにフォーカスするよりも、人々を大きく括ってプロダクトを作るほうが理にかなっていますが、競合が登場すると、一人ひとりがどのように生活しているかを知り、ニーズや要望を深く理解する必要があります。デザインリサーチではプロダクトに関わる一人ひとりにフォーカスし、そこからインスピレーションを得てアイディアにつなげていく手法を取ります。また、類推というデザインでよく行われる手法により、直接関係のないユーザーから新たなニーズを引き出すことも可能です。</p>



<p>同じく不確実性に対応するための開発手法であるアジャイルに自然に組み込むことができるのも、デザインリサーチ導入のメリットです。</p>



<h2>デザインリサーチの軸となるデザインプロセス</h2>



<figure class="wp-block-image size-full"><img loading="lazy" width="960" height="647" src="/uploads-archive/lc/2021/09/design-process-1.jpg" alt="" class="wp-image-8272" srcset="/uploads-archive/lc/2021/09/design-process-1.jpg 960w, /uploads-archive/lc/2021/09/design-process-1-300x202.jpg 300w, /uploads-archive/lc/2021/09/design-process-1-768x518.jpg 768w, /uploads-archive/lc/2021/09/design-process-1-600x404.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" /><figcaption>「デザインリサーチの教科書」内のBritish Design Council「<a rel="noreferrer noopener" href="https://www.designcouncil.org.uk/resources/report/11-lessons-managing-design-global-brands" target="_blank">Eleven lessons: managing design in eleven global grands | The design process</a>」の改定をさらに改定</figcaption></figure>



<p>デザインリサーチの軸となるデザインプロセスでは、Descover（課題を洗い出す）→ Define（課題を絞り込む）→ Develop（課題を洗い出す）→ Deliver（解決策を絞り込む）という発散・収束を繰り返す4段階を通過します。</p>



<p>実際にはDevelopからDiscoverに戻る、解決から新たな課題を見出し課題に戻るというループを経ます。</p>


デザインリサーチとは１

<p>最近色々出てきたノーコードツールですが、今回はデザインツールであるFigmaと連携でき、尚且つそのままのデザインをwebサイトに変換＆インターネット上に公開できるサービスを紹介したいと思います。</p>
<h3>「Figside」とは</h3>
<p>先ほども簡単に紹介させていただきましたが「Figside」とはデザインツールのFigmaで作成したデザインと連携することでレスポンシブにプレビューする事ができ、それらを数クリックでwebサイトに変換、公開まで可能となっているサービスです。</p>
<h3>使い方</h3>
<p>Figmaとの連携が必須のため、まず初めにFigmaの方でログインしておきます。<br />
今回はFigsideのテンプレートを使用しますのでテンプレートタブから選択します。<br />
選択したテンプレートをFigmaで開く為、右上部の「open in Figma」を押します。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8258" src="/uploads-archive/lc/2021/09/c72a46eb73077813c29b03b02be3722a.png" alt="" width="1524" height="651" srcset="/uploads-archive/lc/2021/09/c72a46eb73077813c29b03b02be3722a.png 1524w, /uploads-archive/lc/2021/09/c72a46eb73077813c29b03b02be3722a-300x128.png 300w, /uploads-archive/lc/2021/09/c72a46eb73077813c29b03b02be3722a-1024x437.png 1024w, /uploads-archive/lc/2021/09/c72a46eb73077813c29b03b02be3722a-768x328.png 768w, /uploads-archive/lc/2021/09/c72a46eb73077813c29b03b02be3722a-600x256.png 600w" sizes="(max-width: 1524px) 100vw, 1524px" /></p>
<p>&nbsp;</p>
<p>続いて「Duplicate」を押すと先ほど選択したデザインがFigmaで開かれます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8259" src="/uploads-archive/lc/2021/09/0c1b266b5d20f02c06cab04b79d1a123.png" alt="" width="984" height="636" srcset="/uploads-archive/lc/2021/09/0c1b266b5d20f02c06cab04b79d1a123.png 984w, /uploads-archive/lc/2021/09/0c1b266b5d20f02c06cab04b79d1a123-300x194.png 300w, /uploads-archive/lc/2021/09/0c1b266b5d20f02c06cab04b79d1a123-768x496.png 768w, /uploads-archive/lc/2021/09/0c1b266b5d20f02c06cab04b79d1a123-600x388.png 600w" sizes="(max-width: 984px) 100vw, 984px" /></p>
<p>&nbsp;</p>
<p>Figmaの使い方に関してはここでは省略させていただきます。</p>
<p>完成しましたらFigmaのページのURLをコビーしておきます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8260" src="/uploads-archive/lc/2021/09/f97624e8545c586cb31e719a0ff368c0.png" alt="" width="1604" height="659" srcset="/uploads-archive/lc/2021/09/f97624e8545c586cb31e719a0ff368c0.png 1604w, /uploads-archive/lc/2021/09/f97624e8545c586cb31e719a0ff368c0-300x123.png 300w, /uploads-archive/lc/2021/09/f97624e8545c586cb31e719a0ff368c0-1024x421.png 1024w, /uploads-archive/lc/2021/09/f97624e8545c586cb31e719a0ff368c0-768x316.png 768w, /uploads-archive/lc/2021/09/f97624e8545c586cb31e719a0ff368c0-600x247.png 600w, /uploads-archive/lc/2021/09/f97624e8545c586cb31e719a0ff368c0-1536x631.png 1536w" sizes="(max-width: 1604px) 100vw, 1604px" /></p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8261" src="/uploads-archive/lc/2021/09/bd909b572f58fbd50750e9ed9b64494f.png" alt="" width="975" height="170" srcset="/uploads-archive/lc/2021/09/bd909b572f58fbd50750e9ed9b64494f.png 975w, /uploads-archive/lc/2021/09/bd909b572f58fbd50750e9ed9b64494f-300x52.png 300w, /uploads-archive/lc/2021/09/bd909b572f58fbd50750e9ed9b64494f-768x134.png 768w, /uploads-archive/lc/2021/09/bd909b572f58fbd50750e9ed9b64494f-600x105.png 600w" sizes="(max-width: 975px) 100vw, 975px" /></p>
<p>&nbsp;</p>
<p>ここでFigsideの方に戻り、Dashboardに先ほどコピーしたURLを貼り付けます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8262" src="/uploads-archive/lc/2021/09/6e49cf4b7e00cbc0f69209344fb067e3.png" alt="" width="1040" height="663" srcset="/uploads-archive/lc/2021/09/6e49cf4b7e00cbc0f69209344fb067e3.png 1040w, /uploads-archive/lc/2021/09/6e49cf4b7e00cbc0f69209344fb067e3-300x191.png 300w, /uploads-archive/lc/2021/09/6e49cf4b7e00cbc0f69209344fb067e3-1024x653.png 1024w, /uploads-archive/lc/2021/09/6e49cf4b7e00cbc0f69209344fb067e3-768x490.png 768w, /uploads-archive/lc/2021/09/6e49cf4b7e00cbc0f69209344fb067e3-600x383.png 600w" sizes="(max-width: 1040px) 100vw, 1040px" /></p>
<p>&nbsp;</p>
<p>そうしますと先ほどFigmaで作成したデザインデータがダッシュボードに読み込まれます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8263" src="/uploads-archive/lc/2021/09/2aa3ebfc658979a01428037b53b71888.png" alt="" width="1045" height="517" srcset="/uploads-archive/lc/2021/09/2aa3ebfc658979a01428037b53b71888.png 1045w, /uploads-archive/lc/2021/09/2aa3ebfc658979a01428037b53b71888-300x148.png 300w, /uploads-archive/lc/2021/09/2aa3ebfc658979a01428037b53b71888-1024x507.png 1024w, /uploads-archive/lc/2021/09/2aa3ebfc658979a01428037b53b71888-768x380.png 768w, /uploads-archive/lc/2021/09/2aa3ebfc658979a01428037b53b71888-600x297.png 600w" sizes="(max-width: 1045px) 100vw, 1045px" /></p>
<p>読み込まれたデータを選択するとプレビュー画面になり、この場面でサイトの設定を変更したり、実際に公開するサイトのURLを決めたり、各デバイスの表示をプレビューしたりとする事ができます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8264" src="/uploads-archive/lc/2021/09/12d0d0acf0f7fd3c7516395d0be43d75.png" alt="" width="1573" height="568" srcset="/uploads-archive/lc/2021/09/12d0d0acf0f7fd3c7516395d0be43d75.png 1573w, /uploads-archive/lc/2021/09/12d0d0acf0f7fd3c7516395d0be43d75-300x108.png 300w, /uploads-archive/lc/2021/09/12d0d0acf0f7fd3c7516395d0be43d75-1024x370.png 1024w, /uploads-archive/lc/2021/09/12d0d0acf0f7fd3c7516395d0be43d75-768x277.png 768w, /uploads-archive/lc/2021/09/12d0d0acf0f7fd3c7516395d0be43d75-600x217.png 600w, /uploads-archive/lc/2021/09/12d0d0acf0f7fd3c7516395d0be43d75-1536x555.png 1536w" sizes="(max-width: 1573px) 100vw, 1573px" /></p>
<p>&nbsp;</p>
<p>公開には「Publish」ボタンを押す事で完了し、大体1分経たないぐらいで実際にネット上にて公開されます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8265" src="/uploads-archive/lc/2021/09/329ff916058e4b9a4fc5d4c85d987b74-1.png" alt="" width="1319" height="960" srcset="/uploads-archive/lc/2021/09/329ff916058e4b9a4fc5d4c85d987b74-1.png 1319w, /uploads-archive/lc/2021/09/329ff916058e4b9a4fc5d4c85d987b74-1-300x218.png 300w, /uploads-archive/lc/2021/09/329ff916058e4b9a4fc5d4c85d987b74-1-1024x745.png 1024w, /uploads-archive/lc/2021/09/329ff916058e4b9a4fc5d4c85d987b74-1-768x559.png 768w, /uploads-archive/lc/2021/09/329ff916058e4b9a4fc5d4c85d987b74-1-600x437.png 600w" sizes="(max-width: 1319px) 100vw, 1319px" /></p>
<p>&nbsp;</p>
<p>公開後、修正したい場合であってもFigmaから修正が可能で終わり次第Figsideの方で再度読み込みし直し、Publishボタンを押すと修正したものが反映されます。</p>
<h3>まとめ</h3>
<p>Figmaで作成したデザインをそのままwebサイトに変換する事でデザインの再現性はかなり高いものとなると思っておりますが、一方動作的な観点からはどこまで細かい動きを再現する事ができるのかなどの疑問点があります。<br />
変換したサイトのソースをダウンロードすることは一部有料ですが出来そうなので簡易的はポートフォリオの様なサイトはそのまま公開しても良いと感じましたが階層が深い企業サイトの様なものはダウンロードしたソースを細かく調整したりする必要がありそうだと感じました。</p>
<p>figside　<a href="https://figside.com/">https://figside.com/</a><br />
FigmaのデザインをそのままWebサイトに変換＆公開できる「Figside」を使ってみた！　<a href="https://paiza.hatenablog.com/entry/2021/08/25/130000">https://paiza.hatenablog.com/entry/2021/08/25/130000</a></p>


「Figside」Figmaで作成したデザインをwebサイトに変換できるサービス

<p>今回はCSS Units（単位）について紹介していきたいと思います。</p>
<h2>はじめに</h2>
<p class="md-end-block md-p"><span class="md-plain">はじめる前に、css文法を少し整理するとselector、 property、valuesで構成されています。</span></p>
<p><img loading="lazy" class="alignnone size-full wp-image-8250" src="/uploads-archive/lc/2021/09/css.png" alt="" width="330" height="156" srcset="/uploads-archive/lc/2021/09/css.png 330w, /uploads-archive/lc/2021/09/css-300x142.png 300w" sizes="(max-width: 330px) 100vw, 330px" /></p>
<p class="md-end-block md-p md-focus"><span class="md-plain">そして今日は、valuesの中でも、要素の大きさやサイズの長さなどを決める単位についてまとめてみました。サイズを決める単位は大きく2つのカテゴリーに分けられますが、絶対的な長さの単位absoluteと相対的な長さの単位relativeの2つに分けられます。</span></p>
<h3>まず、絶対的な長さの単位（absolute）</h3>
<p><img loading="lazy" class="alignnone size-full wp-image-8242" src="/uploads-archive/lc/2021/09/absolute.png" alt="" width="1008" height="432" srcset="/uploads-archive/lc/2021/09/absolute.png 1008w, /uploads-archive/lc/2021/09/absolute-300x129.png 300w, /uploads-archive/lc/2021/09/absolute-768x329.png 768w, /uploads-archive/lc/2021/09/absolute-600x257.png 600w" sizes="(max-width: 1008px) 100vw, 1008px" /></p>
<p>数多くの単位がありますが、ピクセル(px)を除いた他の単位は、実は物理的な世界にだけ意味があるので、あまり使われてません。 CSSの主な用途もスクリーンやモニターの上でウェブサイトを装飾することですので、ほとんどピクセルを利用しています。</p>
<p>ここに出ているほとんどの単位は、皆さんがよく知っていたり、一度ぐらいは聞いたことがあると思います。 中でもポイント(pt)はGoogle Docs、テキストエディタやデザインツールで、ユーザーがフォントのサイズを調整する時、ピクセルよりはポイント単位で調整する場合が多いです。だから、おそらく皆さんもポイント単位でフォントサイズを指定するのが慣れていると思います。でも、実はブラウザではピクセルに変換されてスクリーンに表記されます。</p>
<p><img loading="lazy" class="alignnone size-large wp-image-8243" src="/uploads-archive/lc/2021/09/docs-1024x477.png" alt="" width="1024" height="477" srcset="/uploads-archive/lc/2021/09/docs-1024x477.png 1024w, /uploads-archive/lc/2021/09/docs-300x140.png 300w, /uploads-archive/lc/2021/09/docs-768x358.png 768w, /uploads-archive/lc/2021/09/docs-600x279.png 600w, /uploads-archive/lc/2021/09/docs-1536x715.png 1536w, /uploads-archive/lc/2021/09/docs.png 1594w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p class="md-end-block md-p md-focus"><span class="md-plain md-expand"><a href="https://ja.wikipedia.org/wiki/%E3%83%94%E3%82%AF%E3%82%BB%E3%83%AB">ピクセル</a>とは？</span></p>
<p class="md-end-block md-p"><span class="md-plain">すでにご存知だと思いますが、モニターの上で画面に表せる一番小さい単位を指します。</span></p>
<p>&nbsp;</p>
<p class="md-end-block md-p"><span class="md-plain md-expand">ピクセルを使ったら生じる問題点は？</span></p>
<p class="md-end-block md-p"><span class="md-plain">1.コンテナのサイズが変更されてもコンテンツがそのまま固定された値で維持される。</span></p>
<p class="md-end-block md-p md-focus"><span class="md-plain">2.ブラウザでフォントサイズ設定を変えても全然反応しない。</span></p>
<p>&nbsp;</p>
<p>なので、コンテンツを流動的に作るためには相対的な長さの単位（relative）が必要です。</p>
<h3>相対的な長さの単位（relative）</h3>
<p><img loading="lazy" class="alignnone size-full wp-image-8244" src="/uploads-archive/lc/2021/09/relative.png" alt="" width="1006" height="536" srcset="/uploads-archive/lc/2021/09/relative.png 1006w, /uploads-archive/lc/2021/09/relative-300x160.png 300w, /uploads-archive/lc/2021/09/relative-768x409.png 768w, /uploads-archive/lc/2021/09/relative-600x320.png 600w" sizes="(max-width: 1006px) 100vw, 1006px" /></p>
<h4 class="md-end-block md-p md-focus"><span class="md-plain md-expand">em (relative to parent element)</span></h4>
<p class="md-end-block md-p"><span class="md-plain">タイポグラフィで現在指定されたサイズを表す単位です。 今のフォントサイズを表す単位だと理解すると良いと思います。つまり同じフォントサイズ16pxでも、どんなフォントファミリーを使うかによって、ユーザーに表示されるテキストの大きさは変わる可能性があります。指定されたフォントファミリーに関係なく、常に固定されたフォントサイズを持っています。</span></p>
<p>ブラウザでhtmlに割り当てられるフォンドサイズは、特にフォントサイズを指定しない限り16pxとなります。</p>
<p>emは親要素のフォントサイズをかけた値に計算されます。</p>
<p><img loading="lazy" class="alignnone size-full wp-image-8245" src="/uploads-archive/lc/2021/09/em.png" alt="" width="369" height="119" srcset="/uploads-archive/lc/2021/09/em.png 369w, /uploads-archive/lc/2021/09/em-300x97.png 300w" sizes="(max-width: 369px) 100vw, 369px" /></p>
<h4>rem (relative to root element)</h4>
<p>最初文字のrはルートを表すrです。emと似ていますが、親要素によってサイズが計算されるのではなく、ルートに指定されたフォントサイズによってサイズが決まります。</p>
<p><img loading="lazy" class="alignnone size-full wp-image-8246" src="/uploads-archive/lc/2021/09/rem.png" alt="" width="370" height="116" srcset="/uploads-archive/lc/2021/09/rem.png 370w, /uploads-archive/lc/2021/09/rem-300x94.png 300w" sizes="(max-width: 370px) 100vw, 370px" /></p>
<h4>vw (viewport width)</h4>
<p>100vw → ビューポート幅の100％を使用</p>
<h4>vh (viewport height)</h4>
<p>100vh → ビューポートの高さの100％を使用</p>
<h4>%</h4>
<p>親要素の相対的に大きさが計算されます。 emの代わりに%を使うことができます。</p>
<p><img loading="lazy" class="alignnone size-full wp-image-8247" src="/uploads-archive/lc/2021/09/unnamed-file.png" alt="" width="474" height="124" srcset="/uploads-archive/lc/2021/09/unnamed-file.png 474w, /uploads-archive/lc/2021/09/unnamed-file-300x78.png 300w" sizes="(max-width: 474px) 100vw, 474px" /></p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p class="md-end-block md-p"><span class="md-plain">親要素はpxに、子要素を%にした場合　→　親要素によって相対的に幅が変わります。</span></p>
<p><img loading="lazy" class="alignnone size-full wp-image-8248" src="/uploads-archive/lc/2021/09/unnamed-file.gif" alt="" width="640" height="400" /></p>
<p class="md-end-block md-p md-focus"><span class="md-plain">親要素はpxに、子要素をv*にした場合　→　親要素に関係なく、プラウザービューポートの幅や高さによって変わります。</span></p>
<p><img loading="lazy" class="alignnone size-full wp-image-8249" src="/uploads-archive/lc/2021/09/vw.gif" alt="" width="640" height="400" /></p>
<p>このような違いをしっかり理解して使うことが大切だと思います。</p>
<p>使う時の基準を以下にまとめました。ぜひ参考にしてみてください。</p>
<p class="md-end-block md-p"><span class="md-plain"><strong>〜によって変更されるべき</strong>　　　　<strong>単位</strong></span></p>
<p class="md-end-block md-p"><span class="md-plain md-expand">親の要素サイズ　　　　　　　　　%、em</span></p>
<p class="md-end-block md-p"><span class="md-plain">ブラウザサイズ　　　　　　　　　v*、rem</span></p>
<p class="md-end-block md-p"><span class="md-plain">要素の高さ、幅　　　　　　　　　%、v*</span></p>
<p class="md-end-block md-p md-focus"><span class="md-plain">フォントサイズ　　　　　　　　　em、rem</span></p>
<p>&nbsp;</p>
<h3>参考サイト</h3>
<p>w3schools :</p>
<p><a href="https://www.w3schools.com/css/css_units.asp">https://www.w3schools.com/css/css_units.asp</a></p>
<p>MDN :</p>
<p><a href="https://developer.mozilla.org/ja/docs/Learn/CSS/Building_blocks/Values_and_units">https://developer.mozilla.org/ja/docs/Learn/CSS/Building_blocks/Values_and_units</a></p>


CSSの単位一覧

<h3><strong><span style="font-size: 18pt">WebAPIとは</span></strong></h3>
<p style="text-align: left">Web APIとは、コンピュータプログラムの提供する機能を外部の別のプログラムから</p>
<p style="text-align: left">呼び出して利用するための手順・規約（API：Application Programming Interface）</p>
<p style="text-align: left">の類型の一つで、HTTPなどWebの技術を用いて構築されたもの。ざっくり簡単に言うとオ</p>
<p style="text-align: left">ンライン上でアプリケーションを利用する、というものでデータが欲しい！！等のリクエスト</p>
<p style="text-align: left">を送ったりするとデータがjsonやxml形式で返ってきます。これをAPIを叩くと言います。</p>
<p>&nbsp;</p>
<h3>気象庁公式の天気予報API</h3>
<p>以下のURLにブラウザで直接アクセスすれば、JSONデータを確認できます。</p>
<p>・東京都の天気予報の概要を取得する<br />
<a href="https://www.jma.go.jp/bosai/forecast/data/overview_forecast/130000.json">https://www.jma.go.jp/bosai/forecast/data/overview_forecast/130000.json</a></p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17121" src="/uploads-archive/2021/09/スクリーンショット-2021-09-03-5.36.38.png" alt="" width="1194" height="564" srcset="/uploads-archive/2021/09/スクリーンショット-2021-09-03-5.36.38.png 1194w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-5.36.38-300x142.png 300w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-5.36.38-768x363.png 768w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-5.36.38-1024x484.png 1024w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-5.36.38-228x108.png 228w" sizes="(max-width: 1194px) 100vw, 1194px" /></p>
<p>JSONなので人間には少し読みにくいですが、読みやすくする方法はあります。</p>
<p>デコードしたjsonのデータにprint_r()を使えば分かりやすく表示してくれます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17123" src="/uploads-archive/2021/09/スクリーンショット-2021-09-03-4.54.00.png" alt="" width="536" height="764" srcset="/uploads-archive/2021/09/スクリーンショット-2021-09-03-4.54.00.png 536w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-4.54.00-210x300.png 210w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-4.54.00-228x325.png 228w" sizes="(max-width: 536px) 100vw, 536px" /></p>
<p>以下が実際もソースコード です。</p>

		<div id="crayon-64954036ed578600716298" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;?php
$url = "https://www.jma.go.jp/bosai/forecast/data/forecast/130000.json";

$json = file_get_contents($url);
$data = json_decode($json,true);

$publisher = $data[0]['publishingOffice'];
$publish_time = $data[0]['reportDatetime'];
$area = $data[0]['timeSeries'][0]['areas'][0]['area']['name'];
$today = $data[0]['timeSeries'][0]['areas'][0]['weathers'][0];
$tomorrow = $data[0]['timeSeries'][0]['areas'][0]['weathers'][1];
$dayAfterTomorrow = $data[0]['timeSeries'][0]['areas'][0]['weathers'][2];

echo '発表者　：　'.$publisher.'&lt;/br&gt;';
echo '報告日時　：　'.$publish_time.'&lt;/br&gt;';
echo '対象地域　：　'.$area.'&lt;/br&gt;';
echo '今日の天気　：　'.$today.'&lt;/br&gt;';
echo '明日の天気　：　'.$tomorrow.'&lt;/br&gt;';
echo '明後日の天気　：　'.$dayAfterTomorrow.'&lt;/br&gt;';
?&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64954036ed578600716298-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-2">2</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-4">4</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-6">6</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-8">8</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-10">10</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-12">12</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-14">14</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-16">16</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-18">18</div><div class="crayon-num" data-line="crayon-64954036ed578600716298-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954036ed578600716298-20">20</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64954036ed578600716298-1">&lt;?php</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-2">$url = "https://www.jma.go.jp/bosai/forecast/data/forecast/130000.json";</div><div class="crayon-line" id="crayon-64954036ed578600716298-3">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-4">$json = file_get_contents($url);</div><div class="crayon-line" id="crayon-64954036ed578600716298-5">$data = json_decode($json,true);</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-6">&nbsp;</div><div class="crayon-line" id="crayon-64954036ed578600716298-7">$publisher = $data[0]['publishingOffice'];</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-8">$publish_time = $data[0]['reportDatetime'];</div><div class="crayon-line" id="crayon-64954036ed578600716298-9">$area = $data[0]['timeSeries'][0]['areas'][0]['area']['name'];</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-10">$today = $data[0]['timeSeries'][0]['areas'][0]['weathers'][0];</div><div class="crayon-line" id="crayon-64954036ed578600716298-11">$tomorrow = $data[0]['timeSeries'][0]['areas'][0]['weathers'][1];</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-12">$dayAfterTomorrow = $data[0]['timeSeries'][0]['areas'][0]['weathers'][2];</div><div class="crayon-line" id="crayon-64954036ed578600716298-13">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-14">echo '発表者　：　'.$publisher.'&lt;/br&gt;';</div><div class="crayon-line" id="crayon-64954036ed578600716298-15">echo '報告日時　：　'.$publish_time.'&lt;/br&gt;';</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-16">echo '対象地域　：　'.$area.'&lt;/br&gt;';</div><div class="crayon-line" id="crayon-64954036ed578600716298-17">echo '今日の天気　：　'.$today.'&lt;/br&gt;';</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-18">echo '明日の天気　：　'.$tomorrow.'&lt;/br&gt;';</div><div class="crayon-line" id="crayon-64954036ed578600716298-19">echo '明後日の天気　：　'.$dayAfterTomorrow.'&lt;/br&gt;';</div><div class="crayon-line crayon-striped-line" id="crayon-64954036ed578600716298-20">?&gt;</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p><img decoding="async" loading="lazy" class="size-full wp-image-17129 aligncenter" src="/uploads-archive/2021/09/スクリーンショット-2021-09-03-4.56.20.png" alt="" width="390" height="196" srcset="/uploads-archive/2021/09/スクリーンショット-2021-09-03-4.56.20.png 390w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-4.56.20-300x151.png 300w, /uploads-archive/2021/09/スクリーンショット-2021-09-03-4.56.20-228x115.png 228w" sizes="(max-width: 390px) 100vw, 390px" /></p>
<p>このAPIに使い方がすごく簡単なので、よかったら試してみてください。</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2021/10/21

2021/10/16

2021/10/12

2021/10/12

2021/10/06

2021/10/06

2021/10/01

2021/09/30

2021/09/24

2021/09/24

2021/09/11

2021/09/09

2021/09/09

2021/09/04

2021/09/04

2021/09/03

2021/09/03

2021/09/03