<p>2021年12月16日、株式会社エスプール様、Shipee Taiwan Inc様と共に、台湾向け食品越境ECセミナーを開催しました。今回は、そのダイジェスト版を実際にセミナーで用いられたスライド（一部抜粋）を使ってご説明いたします。</p>
<ul>
目次</p>
<li>オンラインとオフラインを掛け合わせたマーケティング戦略とは</li>
<li>オフラインで獲得したファンを逃さない、台湾越境ECサイト構築＆運用の方法</li>
<li>海外物流で気を付けたいポイント</li>
</ul>
<h2>１．オンラインとオフラインを掛け合わせたマーケティング戦略とは</h2>
<p>まず初めに、Shipee Taiwanの高橋様より、食品の台湾向けマーケティング戦略についてお話しいただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/12/22d52175208f061d2290ccf235b21b72.png" alt="" width="1606" height="1209" class="aligncenter size-full wp-image-9111" srcset="/uploads-archive/lc/2021/12/22d52175208f061d2290ccf235b21b72.png 1606w, /uploads-archive/lc/2021/12/22d52175208f061d2290ccf235b21b72-300x226.png 300w, /uploads-archive/lc/2021/12/22d52175208f061d2290ccf235b21b72-1024x771.png 1024w, /uploads-archive/lc/2021/12/22d52175208f061d2290ccf235b21b72-768x578.png 768w, /uploads-archive/lc/2021/12/22d52175208f061d2290ccf235b21b72-600x452.png 600w, /uploads-archive/lc/2021/12/22d52175208f061d2290ccf235b21b72-1536x1156.png 1536w" sizes="(max-width: 1606px) 100vw, 1606px" /></p>
<p>今回の食品のマーケティングポイントとして、最も大切なことは、オフライン＝店舗にて試食や試飲をしていただいたお客様に、まずその場でご購入いただく、ということです。</p>
<p>越境ECで一般的な、化粧品や健康食品とは違い、広告で商品の良さを語るより、直接食べてもらって「美味しい！」と思っていただく方が、マーケティング手法として効果的です。</p>
<p>そして、商品の魅力を知っていただいた方を、ECサイトやLINE公式アカウントに誘導して、オンラインでのリピート購入を促す施策を行われているとのことでした。</p>
<p>Shipee社では、台湾の百貨店に期間限定のポップアップストアを設置して、台湾進出の初動の段階での認知向上をサポートいただけます。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/12/4ab0f77fdb54e6f96e92c90e0ad0fe2a.png" alt="" width="1608" height="1207" class="aligncenter size-full wp-image-9108" srcset="/uploads-archive/lc/2021/12/4ab0f77fdb54e6f96e92c90e0ad0fe2a.png 1608w, /uploads-archive/lc/2021/12/4ab0f77fdb54e6f96e92c90e0ad0fe2a-300x225.png 300w, /uploads-archive/lc/2021/12/4ab0f77fdb54e6f96e92c90e0ad0fe2a-1024x769.png 1024w, /uploads-archive/lc/2021/12/4ab0f77fdb54e6f96e92c90e0ad0fe2a-768x576.png 768w, /uploads-archive/lc/2021/12/4ab0f77fdb54e6f96e92c90e0ad0fe2a-600x450.png 600w, /uploads-archive/lc/2021/12/4ab0f77fdb54e6f96e92c90e0ad0fe2a-1536x1153.png 1536w" sizes="(max-width: 1608px) 100vw, 1608px" /></p>
<p>百貨店での施策以外にも、食品に特化したオフライン・オンラインの台湾進出支援をサポートされています。この他にも、オフラインからオンラインに誘導する際の、特典の付け方や、台湾販売における、適切な価格帯についてもお話しいただきました。</p>
<h2>２．オフラインで獲得したファンを逃さない、台湾越境ECサイト構築＆運用の方法</h2>
<p><img loading="lazy" src="/uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede.png" alt="" width="960" height="540" class="aligncenter size-full wp-image-9105" srcset="/uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede.png 960w, /uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede-300x169.png 300w, /uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede-768x432.png 768w, /uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede-600x338.png 600w" sizes="(max-width: 960px) 100vw, 960px" /></p>
<p>そして第2部では、弊社の綛谷より、オンラインでの施策（特に自社ECサイトの運営）についてお話させていただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/12/d28bea9eaa490bc724d8198215bd814f.png" alt="" width="960" height="540" class="aligncenter size-full wp-image-9106" srcset="/uploads-archive/lc/2021/12/d28bea9eaa490bc724d8198215bd814f.png 960w, /uploads-archive/lc/2021/12/d28bea9eaa490bc724d8198215bd814f-300x169.png 300w, /uploads-archive/lc/2021/12/d28bea9eaa490bc724d8198215bd814f-768x432.png 768w, /uploads-archive/lc/2021/12/d28bea9eaa490bc724d8198215bd814f-600x338.png 600w" sizes="(max-width: 960px) 100vw, 960px" /></p>
<p>まず最初に、自社ECサイトが必要な理由として、台湾のネット利用事情のデータを元に述べさせていただきました。</p>
<p>台湾では、日本以上にネットの利用時間や、検索する人の割合が高く、気になることは何でも検索するような方が多い社会です。そのため、オンライン上で情報提供の場がないと、「人気の商品なのだろうか」といった不安感に繋がる可能性がございます。</p>
<p>一方、商品や企業の「顔」となるようなサイトを設置しておくと、商品を知っていただいた方に、更なる情報提供をすることが可能になります。<br />
例えば、ブランドのコンセプトや、歴史、商品へのこだわりについて記載したページがあると、ブランドが大切にしていることに共感してもらえるお客様が増えたり、或いは美味しい食べ方や、アレンジ調理法等をブログ記事のように掲載しておくと、コンテンツマーケティングの施策として、サイトが役に立ちます。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede.jpg" alt="" width="960" height="540" class="aligncenter size-full wp-image-9107" srcset="/uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede.jpg 960w, /uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede-300x169.jpg 300w, /uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede-768x432.jpg 768w, /uploads-archive/lc/2021/12/dd9def7ee432d373011b940ce2a41ede-600x338.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" /></p>
<p>また、台湾は日本や他の国々に比べても、ECで食品を購入される方が非常に多い傾向にあります。</p>
<p>一度百貨店で購入し、再度購入したいという方向けにも、オンラインでの売り場があると便利でしょう。</p>
<p>また、まとめていくつかご購入いただいたり、リピート購入を促したり等、オフラインより得意な施策を行うことで、オフライン・オンラインの良いとこ取りをするような戦略を立てることができます。</p>
<h2>３．海外物流で気を付けたいポイント</h2>
<p>最後、第3部ではエスプール株式会社の桂本様より、海外物流のいろはについてお話しいただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/12/2d89f536607338aaa7b121355ee73b9e.png" alt="" width="1604" height="1207" class="aligncenter size-full wp-image-9109" srcset="/uploads-archive/lc/2021/12/2d89f536607338aaa7b121355ee73b9e.png 1604w, /uploads-archive/lc/2021/12/2d89f536607338aaa7b121355ee73b9e-300x226.png 300w, /uploads-archive/lc/2021/12/2d89f536607338aaa7b121355ee73b9e-1024x771.png 1024w, /uploads-archive/lc/2021/12/2d89f536607338aaa7b121355ee73b9e-768x578.png 768w, /uploads-archive/lc/2021/12/2d89f536607338aaa7b121355ee73b9e-600x451.png 600w, /uploads-archive/lc/2021/12/2d89f536607338aaa7b121355ee73b9e-1536x1156.png 1536w" sizes="(max-width: 1604px) 100vw, 1604px" /></p>
<p>まずは、日本に在庫を置いた越境ECのモデルと、台湾現地に在庫を置いた正式通関（現地EC）のモデルの違いについてお話しいただきました。</p>
<p>メリット・デメリットが大きく異なるので、どのような戦略で販売を行うか、事前に検討する必要があります。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/12/682fe66add6929a3cbd920f1a1cb307b.png" alt="" width="1603" height="1207" class="aligncenter size-full wp-image-9110" srcset="/uploads-archive/lc/2021/12/682fe66add6929a3cbd920f1a1cb307b.png 1603w, /uploads-archive/lc/2021/12/682fe66add6929a3cbd920f1a1cb307b-300x226.png 300w, /uploads-archive/lc/2021/12/682fe66add6929a3cbd920f1a1cb307b-1024x771.png 1024w, /uploads-archive/lc/2021/12/682fe66add6929a3cbd920f1a1cb307b-768x578.png 768w, /uploads-archive/lc/2021/12/682fe66add6929a3cbd920f1a1cb307b-600x452.png 600w, /uploads-archive/lc/2021/12/682fe66add6929a3cbd920f1a1cb307b-1536x1157.png 1536w" sizes="(max-width: 1603px) 100vw, 1603px" /></p>
<p>また、越境ECでよく利用されている、日本郵便のEMSでの発送方法についてもご説明いただきました。</p>
<p>EMS用の伝票の作り方や、梱包の注意点などもご説明いただきました。初めて海外向けに荷物を発送される方にとっては、国内向けとは異なる慣れないこともありますが、こういった情報を活用しながら、越境ECにチャレンジしていただければと思います。</p>
<h2>まとめ</h2>
<p>セミナー中に、高橋様より台湾の「電鍋」文化についてもシェアしていただき、改めて「日本の良いもの」を販売するにしても、「現地の文化になじむように」ローカライズする大切さに、登壇者も気が付くことのできるセミナーでした。</p>
<p>今回のセミナー内容や、各社サービスに関してご質問がございましたら、各社にお問い合わせください。</p>


食品系EC事業者必見！ “アジアでバズる” マーケティング戦略って？ 〜 オフライン×オンライン マーケティングを駆使した台湾市場攻略法 〜セミナーレポート

<h1>クラウドとは</h1>
<p>クラウドコンピューティングとは一般的にインターネット経由で提供されるコンピュータ資源を利用することと定義されていて、要するにユーザーがインフラやソフトウェアを持っていなくても、インターネットを通じて、サービスを必要な時に必要な分だけ利用できる概念です。</p>
<p>クラウドは<strong>SaaS</strong> 、<strong>PaaS</strong>、<strong>IaaS</strong>の3種類に分類されます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17416" src="/uploads-archive/2021/12/cloud-300x300.png" alt="" width="300" height="300" srcset="/uploads-archive/2021/12/cloud-300x300.png 300w, /uploads-archive/2021/12/cloud-150x150.png 150w, /uploads-archive/2021/12/cloud-768x765.png 768w, /uploads-archive/2021/12/cloud-228x227.png 228w, /uploads-archive/2021/12/cloud-120x120.png 120w, /uploads-archive/2021/12/cloud.png 812w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h2>SaaS[サース]（Software as a Service）</h2>
<p>SaaSとはSoftware as a Serviceの略で、日本語では「<strong>サービスとしてのソフトウェア</strong>」と訳されます。ソフトウェアをユーザーがインターネット経由で使えるサービスのことです。</p>
<p>主な例ではGoogleのGmailなどです。</p>
<p>パソコンにソフトウェアをインストールしていなくても、クラウドサービスのアカウントさえ持っていれば、Google Chromeなどのブラウザを通してメールを利用することができます。</p>
<h2>PaaS[パース]（Platform as a Service）</h2>
<p>PaaSは<strong>アプリケーション開発実行環境</strong>を提供するクラウドサービスのことです。</p>
<p>例としてはMicrosoft Azureなどがあげられます。</p>
<p>PaaSがクラウドを通じて提供するのはサーバーやOSなど、システムを構築するためのプラットフォームです。</p>
<p>そのプラットフォームを使って、利用者は自分たちが必要なソフトウェアの開発などを行います。</p>
<p>開発するための場所（プラットフォーム）だけ借りて、後の開発はユーザー自身が行うため、SaaSよりも自由度の高いシステムを構築することが可能です。</p>
<h2>IaaS[イアース]（Infrastructure as a Service）</h2>
<p><strong>サーバ（インフラ）</strong>を提供するクラウドサービスのことです。</p>
<p>物理的なハードウェアを持っていなくてもインターネット上でインフラとなる仮想のネットワーク機器やサーバを提供してくれるサービスです。</p>
<p>例としてはAWSなどがあげられます。</p>
<h3>書籍　インフラエンジニアの教科書</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17417" src="/uploads-archive/2021/12/infra-231x300.png" alt="" width="231" height="300" srcset="/uploads-archive/2021/12/infra-231x300.png 231w, /uploads-archive/2021/12/infra-228x296.png 228w, /uploads-archive/2021/12/infra.png 500w" sizes="(max-width: 231px) 100vw, 231px" /></p>
<p><a href="https://www.amazon.co.jp/%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E4%BD%90%E9%87%8E-%E8%A3%95/dp/4863541333/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3KX833QMJU9HO&amp;keywords=%E3%82%A4%E3%83%B3%E3%83%95%E3%83%A9%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8&amp;qid=1639460735&amp;sprefix=%E3%81%84%E3%82%93%E3%81%B5%E3%82%89%2Caps%2C295&amp;sr=8-1">インフラエンジニアの教科書</a></p>
<p>インフラに関する知識について幅広く網羅されて紹介されていて、今回はその中のクラウドについてピックアップしました。</p>
<p>こちらの書籍ではクラウドの3つの中のIaaSについて紹介されています。</p>
<h2>IaaS[イアース]について</h2>
<h3>IaaSの特徴</h3>
<p>・自社で物理サーバを持たずに使えるため物理サーバーを管理するエンジニアが不要</p>
<p>・利用申請後、短期間でOSがインストールされた状態ですぐ使える</p>
<p>・自社で物理サーバを持たないため、物理制約を意識せず利用したい分だけサーバ増強が可能</p>
<p>・安価、かつ使った分だけ費用が発生する従量課金に対応している</p>
<p>・インフラの運用はクラウド事業者に任せられる</p>
<h4>IaaSのデメリット</h4>
<p>・開発自由度の高さを活かせるだけの専門知識が必要になる</p>
<p>・他社のサーバに機密情報を置かれることやデータの送受信の際にインターネット経由でデータが流れることから情報流出のリスクがあり、またセキュリティ面の責任範囲に注意が必要</p>
<h2><span id="IaaSVPS">IaaS（クラウド）とVPS（仮想サーバ）の違い</span></h2>
<h4>VPSとは</h4>
<p>VPSとは、「Virtual Private Server」の略で、物理的に存在するサーバーにインストールされているホストOSの上に、ユーザーそれぞれに仮想サーバーが割り当てられていて、ユーザーはその仮想サーバーを自分だけのサーバーとして使用できます。<br />
ユーザーは仮想サーバーのオーナーなので、管理者権限を持つことができ、自分好みのアプリケーションをインストールできるのはもちろんのこと、インストールするOSも選ぶことができます。</p>
<h4><span id="IaaS-5">IaaSのほうが柔軟性がある</span></h4>
<p>IaaSは従量課金制であり、使用するリソースによって利用料金が変更される仕組みとなっており、リソースの変更が容易です。<br />
一方で、<strong class="red">VPSは月極制となっているため、契約内の範囲でリソースをいくら使おうが料金は変わりませんが、リソースの変更の際には契約自体を変更しなければならないため、IaaSより柔軟性は低いと言えます。</strong></p>
<h3>本を読んで</h3>
<p>クラウドシステムにはSaaS、PaaS 、IaaSがあり、それぞれにメリット、デメリットや特徴があるように、インフラの知識は本当に幅広く、しっかり技術として身につけば、状況によってサーバやクラウドなどのどの技術を使うのが一番最適なのかの選定が可能になるんだなと思いました。</p>
<p>かなり奥が深いので業務にいかせるまでにはまだまだ勉強が必要ですが、しっかりと状況を見極めて、最適な技術選定ができるようにしたいです。</p>
<h3></h3>
<p>&nbsp;</p>


cloud-768x765.png

クラウドについて

nodejs-1200x630-1-960x504-1.png

Node.jsをインストールしてみた

<h2>Alibaba cloudとは</h2>
<p>アリババクラウド（Alibaba Cloud）は中国最大なECサイト「淘宝（Taobao）」や電子決済ツール「Alipay」など、日本でも知られるサービスをサポートしている、アリババグループが提供するパブリッククラウドサービスです。毎年の11月11日（独身の日）に行われる中国最大のネットセール祭り（2019年は4兆円も突破）でも、その膨大なアクセスを制御し、サービスの根幹を朝得るアリババクラウド。中国国内シェアは第１位、世界でもAWSとAzureの次に第３位となるクラウドプロバイダーです。</p>
<p>世界21ヵ国、63ヶ所のアベイラビリティゾーンを運営し、大企業、中小企業、個人のディベロッパー、200 以上の国や地域の公共部門にクラウドコンピューティングサービスを提供しています。特に、アジアリージョンにおいては、世界中の他のクラウドプロバイダーに引けを取らないほど、数多くの国で拠点を設置しています。</p>
<h2>今回紹介する本は『AlibabaCloud構築・運用完全マニュアル 』</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17376" src="/uploads-archive/2021/12/41F3M3hosRL._SX260_-2-232x300.jpg" alt="" width="232" height="300" srcset="/uploads-archive/2021/12/41F3M3hosRL._SX260_-2-232x300.jpg 232w, /uploads-archive/2021/12/41F3M3hosRL._SX260_-2-228x295.jpg 228w, /uploads-archive/2021/12/41F3M3hosRL._SX260_-2.jpg 260w" sizes="(max-width: 232px) 100vw, 232px" /></p>
<p>目次<br />
Chapter 1 Alibaba Cloud 入門<br />
Chapter 2 Alibaba Cloud を始めよう<br />
Chapter 3 仮想サーバサービス<br />
Chapter 4 ネットワークサービス<br />
Chapter 5 データベース<br />
Chapter 6 ストレージとCDN<br />
Chapter 7 ビッグデータ分析<br />
Chapter 8 アプリケーションサービス<br />
Chapter 9 メディアサービス<br />
Chapter 10 セキュリティ<br />
Chapter 11 IoT</p>
<p>アリババクラウドの、初めての日本語解説書。世界最大・最速規模のクラウドを支える技術・豊富なサービスをわかりやすく解説する本であります。</p>
<h2>なぜこの本に興味を持ったか？</h2>
<p>来年のから新しいサービスの開発が始まります。今までは仮想環境で開発してきましたが、今回新しいサービスの開発環境はアリババクラウドに決まりました。自分はクラウド環境での開発の経験や知識がないので、新しいサービスの開発に向けて、この本を購入しました。</p>
<h2>Elastic Compute Service (ECS)</h2>
<p>Elastic Compute Cloudはアリババクラウドで利用できるシステムのひとつです。<br />
アリババクラウド上に仮想サーバーを構築して自由に利用できるのが特徴で、クラウド環境において大きな役割を果たしてます。</p>
<p>Web上からマウスでクリックするだけでで仮想サーバーを構築することができます。</p>
<p>伸縮性や弾力性を意味するElasticという言葉通り、ユーザーの必要に応じてスペックや標準的なOSを変更できるのがECSの魅力です。<br />
継続利用時に起こりがちなスペック不足やディスク容量問題への解決が簡単です。</p>
<p>ECSでは仮想サーバの事を「インスタンス」という単位で扱います。<br />
インスタンスには様々な種類や性能のものがあるため、ユーザーの求める形で利用が可能です。<br />
インスタンスによって柔軟にWeb上のインフラ環境を構築することができるため、サーバーの増強が必要になった場合や、さらなる効率化を求めて改善が行われる際にも、対応がしやすくなります。<br />
さらにインスタンスはコピーも削除も簡単に行えるので、スピーディな業務レベルを維持可能です。<br />
新規でサービスを開発する場合などは、このインスタンスの特性を利用することで開発から公開までをスムーズに進めることができます。</p>
<h2>アリババクラウド上に仮想サーバーを構築する手順</h2>
<h3>仮想環境のスペックを選ぶ</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17380 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2.png" alt="" width="1918" height="773" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2.png 1918w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-300x121.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-1024x413.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-768x310.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-1536x619.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.16-2-228x92.png 228w" sizes="(max-width: 1918px) 100vw, 1918px" /></p>
<h3>OSやストレージ</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17381 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32.png" alt="" width="1914" height="728" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32.png 1914w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-300x114.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-1024x389.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-768x292.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-1536x584.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.32-228x87.png 228w" sizes="(max-width: 1914px) 100vw, 1914px" /></p>
<h3>作られたインスタンスの一覧</h3>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17382 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49.png" alt="" width="1917" height="584" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49.png 1917w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-300x91.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-1024x312.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-768x234.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-1536x468.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.00.49-228x69.png 228w" sizes="(max-width: 1917px) 100vw, 1917px" /></p>
<p>VNC（Virtual Network Computing）機能もあって、ブラウザから直接仮想環境への操作</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-17383 size-full" src="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08.png" alt="" width="1915" height="970" srcset="/uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08.png 1915w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-300x152.png 300w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-1024x519.png 1024w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-768x389.png 768w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-1536x778.png 1536w, /uploads-archive/2021/12/スクリーンショット-2021-12-03-13.05.08-228x115.png 228w" sizes="(max-width: 1915px) 100vw, 1915px" /></p>
<p>&nbsp;</p>
<h2>業務で活かせることができる点</h2>
<p>Launch Cartの今の開発環境からクラウド環境へ移行する作業は私が担当を任せられたので、この本も読んでクラウドやインフラの知識を身に付けたいと思います。</p>


41F3M3hosRL._SX260_-2.jpg

AWS/Azureに迫るAlibaba cloud　ーElastic Compute Service (ECS)

コードを綺麗にするために気をつけること

<h1>要件定義とは</h1>
<p>作って欲しい人と作る人の間で「これを実現しましょう」という合意を定めることです。</p>
<p>要件を日常的な単語に置き換えると「注文（オーダー）」が妥当なものになり、</p>
<p><strong>作ってほしい人が　作る人に出す　依頼事項（リクエスト）</strong></p>
<p>ということになります。</p>
<h2>書籍　はじめよう！要件定義　〜ビギナーからベテランまで〜</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17310" src="/uploads-archive/2021/11/youken-207x300.jpg" alt="はじめよう！要件定義" width="207" height="300" srcset="/uploads-archive/2021/11/youken-207x300.jpg 207w, /uploads-archive/2021/11/youken-708x1024.jpg 708w, /uploads-archive/2021/11/youken-768x1111.jpg 768w, /uploads-archive/2021/11/youken-1062x1536.jpg 1062w, /uploads-archive/2021/11/youken-228x330.jpg 228w, /uploads-archive/2021/11/youken.jpg 1092w" sizes="(max-width: 207px) 100vw, 207px" /><br />
<a href="https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%82%88%E3%81%86-%E8%A6%81%E4%BB%B6%E5%AE%9A%E7%BE%A9-%E3%83%93%E3%82%AE%E3%83%8A%E3%83%BC%E3%81%8B%E3%82%89%E3%83%99%E3%83%86%E3%83%A9%E3%83%B3%E3%81%BE%E3%81%A7-%E7%BE%BD%E7%94%9F-%E7%AB%A0%E6%B4%8B/dp/4774172286/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=2LBORBVITPUQU&amp;keywords=%E3%81%AF%E3%81%98%E3%82%81%E3%82%88%E3%81%86%E8%A6%81%E4%BB%B6%E5%AE%9A%E7%BE%A9&amp;qid=1636621831&amp;s=books&amp;sprefix=%E3%81%AF%E3%81%98%E3%82%81%E3%82%88%E3%81%86%2Cstripbooks%2C291&amp;sr=1-1" target="_blank" rel="noopener">はじめよう！要件定義</a></p>
<h2>この本を読もうと思ったのか</h2>
<p>エンジニアとしてコードをかいたり、技術的なところを磨くことは大事だが、お客様が満足できるサービスを提供するいい仕事や効率のよい仕事をしようと思ったときに、最初の要件定義のところをおざなりにするとお客様にも喜んでいただく仕事ができない、最初の要件があいまいだったばっかりにせっかくつくった機能をもう一度やり直し、自分に時間的な負担もかかり、お客様に迷惑がかかるなど誰にとってもいいことがない状況になり得るので、お互いのためにいい仕事ができるようにしっかりと要件定義をできるようにしたいと思ったので読みました。</p>
<h2>なぜ要件定義をするのか？</h2>
<p>世の中には「お任せ」というオーダーやリクエストもよく見かけます。ではなぜ要件が必要なのか。</p>
<p>たとえば「美味しいものを作って」と依頼したとします。その依頼に基づいてコックさんがコックさんなりに考えた結果、ニンジングラッセを作ったとします。でもリクエストした人がニンジンが苦手だった場合、そのニンジングラッセが本当においしかったとしても決して受け入れることができないでしょう。</p>
<p>もしあなたがコックさん側だとしたら「だったら先にニンジンはNGって言っといてよ」という気持ちになると思います。そうならないように、納めるために必要な条件を後出しにするのではなく、先に提示して合意した上でその仕事を行うことが大切で</p>
<p>言わなくても伝わる「はず」という仮説のもとにお互いに仕事を依頼したりされたりし、その結果生じる困り事を事前に回避するための知恵それが要件定義です。</p>
<h3>定義すべき要件の内訳</h3>
<p><strong>・UI</strong></p>
<p><strong>・機能</strong></p>
<p><strong>・データ</strong></p>
<h4>UI</h4>
<p>UIとはUser Interface(ユーザーインターフェイス)の略です。「ユーザーに接するもの」</p>
<p>代表例は画面（スクリーン）です。PCのみならずスマートデバイスの急速な普及によってUIといえば画面の話になることが大半です。UIとは基本的に画面系である前提に話を進めます。</p>
<h4>機能</h4>
<p>機能とは「ソフトウェアにやらせる仕事」の総称です。</p>
<p>たとえば、「消費税を計算する」などが機能になります。</p>
<h4>データ</h4>
<p>3つ目がデータです。先程の「消費税を計算する」という機能の場合計算結果の消費税はデータです。また計算の基となる「売上金額」もデータです。</p>
<p>&nbsp;</p>
<p>この3つの要素「UI」「機能」「データ」が明確に定まってそこで初めてプログラマーはソフトウェアを作ることができます。つまりこの3つの要素がソフトウェア開発における要件として必要な情報になります。</p>
<h3>ゴール＝完成したソフトウェアの状態とは</h3>
<p>「完成したソフトウェア」というゴールを達成するには</p>
<p><strong>そもそも何をもって完成したと納得できるのか</strong></p>
<p>ということを考える必要があります。作り手が側がいくら「ちゃんとできました」と言っても依頼主が</p>
<p>納得しない限りは完成したとは言えません。</p>
<p>依頼主はいったい何をどうすることで完成しているかどうかを確認することができるのか、それは、</p>
<p><strong>UIを通じてソフトウェアを操作すること</strong>によってです。</p>
<p>その上で<strong>操作に対してきちんと機能が動作すること</strong></p>
<p>さらに必要なデータが保持されていることつまり、<strong>機能が必要とするデータがきちんと揃っていること</strong></p>
<p>が大事になります。</p>
<h3>この本の内容をまとめると</h3>
<p>画面遷移図を描こうになります。それ以外は要件定義そのものではなくその前後の工程で行うべき作業だということです。つまり、要件定義は上流工程ではなく中流工程であると言えます。企画と実装の間のブリッジそれが要件定義です。他の工程と混ざっているところを丁寧に削ぎ取った結果、</p>
<p>（UI、機能、データ）になり、それらを図示化したものが画面遷移図になります。</p>
<p>(例）</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-17332" src="/uploads-archive/2021/11/スクリーンショット-2021-11-13-21.46.55-300x144.png" alt="" width="300" height="144" srcset="/uploads-archive/2021/11/スクリーンショット-2021-11-13-21.46.55-300x144.png 300w, /uploads-archive/2021/11/スクリーンショット-2021-11-13-21.46.55-1024x493.png 1024w, /uploads-archive/2021/11/スクリーンショット-2021-11-13-21.46.55-768x370.png 768w, /uploads-archive/2021/11/スクリーンショット-2021-11-13-21.46.55-228x110.png 228w, /uploads-archive/2021/11/スクリーンショット-2021-11-13-21.46.55.png 1520w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h3>業務で活かせることができる点</h3>
<p>自分自身も入社前に自らのポートフォリオ作成を設計から経験し、アプリケーション詳細設計書、画面遷移図、テーブル定義書、ER図、ワイヤーフレームなど制作しましたが、</p>
<p>画面遷移図に関してはこのページにこのボタンがあって、押すとデータが作成され、別の画面に遷移する。作成が失敗すると元の画面でバリデーションメッセージを表示させるなど、遷移図を描こうとしたら一つ一つの機能をしっかりイメージでき、把握していないとできないと思いました。</p>
<p>画面遷移図はアプリケーション開発の実装中に、ここはどうだったかな？どれくらいの機能をつくる必要があるのか、期間はこれくらいかかるかななど、その都度自分が迷わないための道標的な役割を果たし、依頼者にご満足いただけるものを提供することにもつながるのかなと思いましたので、業務でも実践していきたいです。</p>


youken-768x1111.jpg

要件定義とは？を解決する。


<p>2021年11月09日、信金中央金庫様主催の「Shopee」出品サポートに係る越境EC活用セミナーに登壇させていただきました。</p>



<p>弊社は、Shopee出品施策を活用したのち、プラスアルファでできる施策として、自社サイト越境ECと補助金・助成金を活用したご提案をさせていただきました。</p>



<p>日本の中小企業様が、海外展開や越境ECに挑戦をするためのヒントになりましたら幸いです。</p>


【信金中央金庫様主催】越境EC活用セミナーに登壇させていただきました。

<p>2021年10月28日、Lazada Japan様（以下、Lazada）、アジアンブリッジ株式会社様（以下、アジアンブリッジ）をお招きして、東南アジア越境ECセミナーを開催しました。今回は、そのダイジェスト版を実際にセミナーで用いられたスライド（一部抜粋）を使ってご説明いたします。</p>
<ol>目次</p>
<li>東南アジアを縦横無尽 &#8211; Lazadaがお手伝いします。</li>
<li>ブランドの「顔」となるECサイトを作ろう！自社で行うアジア越境ECの戦略と注意点</li>
<li>越境ECを開始する際の進出形態とその注意点</li>
<li>事業黒字化は戦略次第！海外販売計画の作り方</li>
</ol>
<h2>１．東南アジアを縦横無尽 &#8211; Lazadaがお手伝いします。</h2>
<p>第１部では、Lazadaのアナン様より、東南アジアの市場について、そして東南アジアで1億人が利用しているLazadaのサービスについてお話しいただきました。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8814" src="/uploads-archive/lc/2021/11/adbad41f5422a3f8a841b1238388ceb9.png" alt="" width="1560" height="875" srcset="/uploads-archive/lc/2021/11/adbad41f5422a3f8a841b1238388ceb9.png 1560w, /uploads-archive/lc/2021/11/adbad41f5422a3f8a841b1238388ceb9-300x168.png 300w, /uploads-archive/lc/2021/11/adbad41f5422a3f8a841b1238388ceb9-1024x574.png 1024w, /uploads-archive/lc/2021/11/adbad41f5422a3f8a841b1238388ceb9-768x431.png 768w, /uploads-archive/lc/2021/11/adbad41f5422a3f8a841b1238388ceb9-600x337.png 600w, /uploads-archive/lc/2021/11/adbad41f5422a3f8a841b1238388ceb9-1536x862.png 1536w" sizes="(max-width: 1560px) 100vw, 1560px" /></p>
<p>Lazadaは、アリババグループ傘下の東南アジア各国で展開をされているECマーケットプレイスです。アリババグループのノウハウを駆使して、購入者にとってもセラーにとっても使いやすいサービスを提供されています。</p>
<p>例えば、購入者1人1人に合わせたおすすめ商品が表示されたり、ECの買い物以外にも航空券の予約や、タクシーの配車等もLazadaアプリ上で行うことができます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8815" src="/uploads-archive/lc/2021/11/669bb5fc77a7e7803c8cc994534994c0.png" alt="" width="1565" height="881" srcset="/uploads-archive/lc/2021/11/669bb5fc77a7e7803c8cc994534994c0.png 1565w, /uploads-archive/lc/2021/11/669bb5fc77a7e7803c8cc994534994c0-300x169.png 300w, /uploads-archive/lc/2021/11/669bb5fc77a7e7803c8cc994534994c0-1024x576.png 1024w, /uploads-archive/lc/2021/11/669bb5fc77a7e7803c8cc994534994c0-768x432.png 768w, /uploads-archive/lc/2021/11/669bb5fc77a7e7803c8cc994534994c0-600x338.png 600w, /uploads-archive/lc/2021/11/669bb5fc77a7e7803c8cc994534994c0-1536x865.png 1536w" sizes="(max-width: 1565px) 100vw, 1565px" /></p>
<p>また、Lazadaは初めて越境ECを行うセラー様にとっても使いやすいサービスです。日本の倉庫から東南アジアの各購入者へ輸送することのできる、自社物流を展開しています。東南アジアでメジャーな代引決済にも対応可能です。</p>
<h2>２．ブランドの「顔」となるECサイトを作ろう！自社で行うアジア越境ECの戦略と注意点</h2>
<p>第2部では、弊社の綛谷より、越境ECをECモールと自社サイトで併用するメリットや、初期コストを抑える補助金のご提案などをさせていただきました。</p>
<p>今回のセミナーのタイトルにもありますが、「ECモール」 or 「自社サイト」ではなく、どちらも併用して、複数チャネルを活用することで、中長期的な越境EC事業の成功を見込みましょうというご提案をさせていただきました。ECモールと自社サイトは強み、弱みが大きく異なり、それぞれの強みを生かすという意味でも、併用することはメリットがあります。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8820" src="/uploads-archive/lc/2021/11/a9783d6aa22c29b60f0dd4ecbb60f1c6.jpg" alt="" width="960" height="540" srcset="/uploads-archive/lc/2021/11/a9783d6aa22c29b60f0dd4ecbb60f1c6.jpg 960w, /uploads-archive/lc/2021/11/a9783d6aa22c29b60f0dd4ecbb60f1c6-300x169.jpg 300w, /uploads-archive/lc/2021/11/a9783d6aa22c29b60f0dd4ecbb60f1c6-768x432.jpg 768w, /uploads-archive/lc/2021/11/a9783d6aa22c29b60f0dd4ecbb60f1c6-600x338.jpg 600w" sizes="(max-width: 960px) 100vw, 960px" /></p>
<p>また、ECモールに比べ、自社サイトの構築は初期投資が大きいですが、補助金や助成金を活用することで、負担を減らすことが可能です。上記、実際に2021年度にIT導入補助金を活用して、越境ECサイトを制作した事例です。</p>
<h2>３．越境ECを開始する際の進出形態とその注意点</h2>
<p>第3部では、アジアンブリッジの嶋様より、海外進出の形態と、越境ECの注意点についてお話しいただきました。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8816" src="/uploads-archive/lc/2021/11/3516ccb853c3cd0634cbb2b71208c48b.jpg" alt="" width="1320" height="909" srcset="/uploads-archive/lc/2021/11/3516ccb853c3cd0634cbb2b71208c48b.jpg 1320w, /uploads-archive/lc/2021/11/3516ccb853c3cd0634cbb2b71208c48b-300x207.jpg 300w, /uploads-archive/lc/2021/11/3516ccb853c3cd0634cbb2b71208c48b-1024x705.jpg 1024w, /uploads-archive/lc/2021/11/3516ccb853c3cd0634cbb2b71208c48b-768x529.jpg 768w, /uploads-archive/lc/2021/11/3516ccb853c3cd0634cbb2b71208c48b-600x413.jpg 600w" sizes="(max-width: 1320px) 100vw, 1320px" /></p>
<p>まず初めに、嶋様がタイ在住ということで、現地事情について簡単に教えていただきました。タイなど、東南アジア各国では、主要なショッピングモールにて日本の製品が多数販売されています。また、バンコクに新しくできたスシローは3時間待ちの列ができるなど、その人気の高さも伺えます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8817" src="/uploads-archive/lc/2021/11/165ca88fd550dbf2a23db61d457fb69d.png" alt="" width="1318" height="911" srcset="/uploads-archive/lc/2021/11/165ca88fd550dbf2a23db61d457fb69d.png 1318w, /uploads-archive/lc/2021/11/165ca88fd550dbf2a23db61d457fb69d-300x207.png 300w, /uploads-archive/lc/2021/11/165ca88fd550dbf2a23db61d457fb69d-1024x708.png 1024w, /uploads-archive/lc/2021/11/165ca88fd550dbf2a23db61d457fb69d-768x531.png 768w, /uploads-archive/lc/2021/11/165ca88fd550dbf2a23db61d457fb69d-600x415.png 600w" sizes="(max-width: 1318px) 100vw, 1318px" /></p>
<p>そして、越境ECスタート前に事前調査・検討するべき事項についても、お話しいただきました。現地事情を把握した上で、どのような戦略を立てることができそうなのか、検討する必要があります。</p>
<h2>４．事業黒字化は戦略次第！海外販売計画の作り方</h2>
<p>最後には、アジアンブリッジの濱崎様より、越境ECの成功するポイント、販売計画の立て方や、実際の事例についてご紹介いただきました。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8818" src="/uploads-archive/lc/2021/11/13a589d29b483f991ebe29379f9993c0.png" alt="" width="1319" height="914" srcset="/uploads-archive/lc/2021/11/13a589d29b483f991ebe29379f9993c0.png 1319w, /uploads-archive/lc/2021/11/13a589d29b483f991ebe29379f9993c0-300x208.png 300w, /uploads-archive/lc/2021/11/13a589d29b483f991ebe29379f9993c0-1024x710.png 1024w, /uploads-archive/lc/2021/11/13a589d29b483f991ebe29379f9993c0-768x532.png 768w, /uploads-archive/lc/2021/11/13a589d29b483f991ebe29379f9993c0-600x416.png 600w" sizes="(max-width: 1319px) 100vw, 1319px" /></p>
<p>まず初めに、海外販売が成功されている企業様の特徴として、いくつかのポイントをご紹介いただきました。中長期的な目標の中で、現場の意思決定がはやい企業様の方が、成功されているそうです。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8819" src="/uploads-archive/lc/2021/11/570a40321057c6594c9703b5f315ba42.png" alt="" width="1318" height="913" srcset="/uploads-archive/lc/2021/11/570a40321057c6594c9703b5f315ba42.png 1318w, /uploads-archive/lc/2021/11/570a40321057c6594c9703b5f315ba42-300x208.png 300w, /uploads-archive/lc/2021/11/570a40321057c6594c9703b5f315ba42-1024x709.png 1024w, /uploads-archive/lc/2021/11/570a40321057c6594c9703b5f315ba42-768x532.png 768w, /uploads-archive/lc/2021/11/570a40321057c6594c9703b5f315ba42-600x416.png 600w" sizes="(max-width: 1318px) 100vw, 1318px" /></p>
<p>また、ECモールと自社サイトを併用したケースでの事例をお話しいただきました。自社ECへの誘導広告への露出を増やすと、自社ECでもECモールでも売上が上がる相関関係があることが分かります。このような複数チャネルでの販売施策を、越境ECを検討する段階で、検討事項に入れておいても良いでしょう。</p>
<h2>最後に</h2>
<p>終了時刻が過ぎても、たくさんの方が質問をお寄せくださり、大変盛り上がるセミナーとなりました。少しでも、東南アジア越境ECをご検討中の企業様のお役に立つ情報が提供できましたら幸いです。</p>
<p>今回のセミナー内容や、各社サービスに関してご質問がございましたら、各社にお問い合わせください。</p>


越境EC in 東南アジア！複数の販路を活用し、効果的に売り上げを伸ばす戦略＆費用大公開！セミナーレポート

51MgH8Jmr3L-3.jpg

わかりやすいコードを書くシンプルなテクニック

cssのみで実装できる！モーフィングアニメーション

<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>


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

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

<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の人気商材・最新トレンド・攻略法徹底解説セミナーレポート

<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サイトに変換できるサービス

<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>

スクリーンショット-2021-09-03-5.36.38-1024x484.png

気象庁公式の天気予報APIを使ってみた

<p>2021年8月12日（木）、ジェイフロンティア株式会社主催の、「単品・リピート通販事業の売上・LTV最大化ウェビナー～年商100億円を突破するための成功事例・トレンド共有会～」に登壇させていただきました。今回は、そのダイジェスト版を実際にセミナーで用いられたスライド（一部抜粋）を使ってご説明いたします。</p>
<ol>
目次</p>
<li>単品通販で年商100億円を目指す事業主側の戦略</li>
<li>新規顧客獲得の為のLINE公式アカウントの活用 </li>
<li>越境ECでアジアへ販路を拡大しよう！アジア向け越境ECの成功のカギを徹底解説</li>
<li>2021年8月薬機法改正！課徴金登場でいよいよ厳しくなる通販広告 NG広告・OK広告の最新情報！</li>
</ol>
<h2>１．単品通販で年商100億円を目指す事業主側の戦略</h2>
<p>第1部では、ジェイフロンティア株式会社の吉田様より、自社通販で培われたノウハウを元に、単品通販での成功するための戦略についてお話しいただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b.png" alt="" width="2160" height="1217" class="aligncenter size-full wp-image-8110" srcset="/uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b.png 2160w, /uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b-300x169.png 300w, /uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b-1024x577.png 1024w, /uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b-768x433.png 768w, /uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b-600x338.png 600w, /uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b-1536x865.png 1536w, /uploads-archive/lc/2021/08/5fc8fe78c79705ab572c3698e04a405b-2048x1154.png 2048w" sizes="(max-width: 2160px) 100vw, 2160px" /></p>
<p>まず初めに、販路別に売れる条件や、商材の種類、広告展開の方法等についてです。既に自社内で実践されているお話を元に、具体例などを用いながら、販路別の最適な販売方法について教えていただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/08/slide_no.37-300x171.png" alt="" width="2160" height="1217" class="aligncenter size-full wp-image-8111" /></p>
<p>また、販売方法だけでなく、商品開発におけるマインドも非常に大切です。ヒット商品を生むためには、消費者に対し、分かりやすく独自性がある、コンセプトやプロモーション、そして1度のリリースに頼らず、継続的なリニューアルが必要です。</p>
<h2>２．新規顧客獲得の為のLINE公式アカウントの活用 </h2>
<p>第2部では、株式会社アイトリガーの奥川様より、企業によるLINE公式アカウントの使い方についてお話しいただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/08/395c6bf02c8ab0455e0410175e3ca40f-300x164.png" alt="" width="2160" height="1217" class="aligncenter size-full wp-image-8112" /></p>
<p>LINEは日本人の多くが日常的に使っているコミュニケーションツール。ですが、公式アカウントを活用しているのは、若い世代だけではないのか？と思われている方も多いそうです。しかし若い世代だけでなく中高年層をターゲットとしても、十分に効果を出されている企業様もいらっしゃるそうです。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/08/0364bac1d6672796afc2553b5da53cd8-300x170.png" alt="" width="2160" height="1217" class="aligncenter size-full wp-image-8113" srcset="/uploads-archive/lc/2021/08/0364bac1d6672796afc2553b5da53cd8-300x170.png 300w, /uploads-archive/lc/2021/08/0364bac1d6672796afc2553b5da53cd8-768x434.png 768w, /uploads-archive/lc/2021/08/0364bac1d6672796afc2553b5da53cd8-600x339.png 600w" sizes="(max-width: 2160px) 100vw, 2160px" /></p>
<p>単純にLINEを使ってプロモーションを始めてみようといっても、LINEには様々なプロモーション施策があります。どのようなターゲットに、どのような情報を届けたいのかによって、取るべき施策は異なります。事前によくリサーチしてから始める必要があります。</p>
<h2>３．越境ECでアジアへ販路を拡大しよう！アジア向け越境ECの成功のカギを徹底解説</h2>
<p>第3部では、弊社の綛谷より、単品通販企業様のアジア向けの越境EC戦略についてお話させていただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/08/dcdd765a41964ea3e9daeea23475157b-300x169.jpg" alt="" width="2160" height="1217" class="aligncenter size-full wp-image-8109" srcset="/uploads-archive/lc/2021/08/dcdd765a41964ea3e9daeea23475157b-300x169.jpg 300w, /uploads-archive/lc/2021/08/dcdd765a41964ea3e9daeea23475157b-768x432.jpg 768w, /uploads-archive/lc/2021/08/dcdd765a41964ea3e9daeea23475157b-600x338.jpg 600w, /uploads-archive/lc/2021/08/dcdd765a41964ea3e9daeea23475157b.jpg 960w" sizes="(max-width: 2160px) 100vw, 2160px" /></p>
<p>アジア越境ECでは、圧倒的に化粧品や健康食品を扱われる事業者様が非常に多くいらっしゃいます。いくつか理由がありますが、日本製は安全で効果があるというイメージが強く、ニーズが非常に高いということ。そしてリピート系の商材であることが挙げられます。</p>
<p>既に、国内で単品通販事業を行われている企業様にとっては、アジア越境ECは非常に始めやすい土壌なのではないかと思います。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/08/33ae5be53bb679a85bd626d85906ec32-300x169.jpg" alt="" width="2160" height="1217" class="aligncenter size-full wp-image-8108" srcset="/uploads-archive/lc/2021/08/33ae5be53bb679a85bd626d85906ec32-300x169.jpg 300w, /uploads-archive/lc/2021/08/33ae5be53bb679a85bd626d85906ec32-768x432.jpg 768w, /uploads-archive/lc/2021/08/33ae5be53bb679a85bd626d85906ec32-600x338.jpg 600w, /uploads-archive/lc/2021/08/33ae5be53bb679a85bd626d85906ec32.jpg 960w" sizes="(max-width: 2160px) 100vw, 2160px" /></p>
<p>どんなに始めやすいと言っても、越境ECを始めるには、受注から配送お客様対応まで、海外対応する必要があります。LaunchCartは、越境ECに対応したカートシステムなため、全ての機能が既に海外対応済みです。越境ECを始める際には、ぜひ一度お声がけください。</p>
<h2>４．2021年8月薬機法改正！課徴金登場でいよいよ厳しくなる通販広告 NG広告・OK広告の最新情報！</h2>
<p>第4部では、株式会社RCTジャパンの持田様より、2021年8月より改正された薬機法について解説いただきました。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2021/08/127fce10da00a0193addd22e49eaf394-300x194.png" alt="" width="2160" height="1217" class="aligncenter size-full wp-image-8114" /></p>
<p>今回の薬機法改正のポイントはズバリ、「課徴金」と「措置命令」です。以前までなかった課徴金や措置命令が課されるようになることで、かなり状況を注視されている企業様も多いのではないのでしょうか。しかし、守りの姿勢では、商品の売れ行きは上がらないということで、持田様には具体的にどのような対応をするべきかもお話しいただきました。</p>
<h2>最後に</h2>
<p>非常に多くの方にご参加いただき、2時間半のセミナーがあっという間に過ぎてしまいました。少しでも通販事業者様のお役に立つ情報が提供できましたら幸いです。</p>
<p>今回のセミナー内容や、各社サービスに関してご質問がございましたら、各社にお問い合わせください。</p>


単品・リピート通販事業の売上・LTV最大化ウェビナー～年商100億円を突破するための成功事例・トレンド共有会～ セミナーレポート

<p><strong>単体テストとは</strong></p>
<p>単体テスト（たんたいテスト）あるいはユニットテスト（英語: <span lang="en">unit test</span>）とは、ソースコードの個々のユニット、すなわち、1つ以上のコンピュータプログラムモジュールが使用に適しているかどうかを決定するために、関連する制御データ、使用手順、操作手順とともにテストする手法です。</p>
<p><strong>Junitとは</strong></p>
<p><b>JUnit</b>とはJavaで開発されたプログラムにおいてユニットテスト（単体テスト）の自動化を行うためのフレームワークです。</p>
<p><strong>単体テストの書き方</strong></p>
<p>１．まずpom.xmlフアィルに追加</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17063" src="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.16.27.png" alt="" width="344" height="129" srcset="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.16.27.png 344w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.16.27-300x113.png 300w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.16.27-228x86.png 228w" sizes="(max-width: 344px) 100vw, 344px" /></p>
<div class="hljs-ln-code">
<p>２．例</p>
<p>Junitの入門例として、subarray足し算で最も大きな結果を計算する。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17064" src="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.18.53.png" alt="" width="442" height="496" srcset="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.18.53.png 442w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.18.53-267x300.png 267w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.18.53-228x256.png 228w" sizes="(max-width: 442px) 100vw, 442px" /></p>
<p>３．テストコードを追加</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17065" src="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.24.58.png" alt="" width="537" height="764" srcset="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.24.58.png 537w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.24.58-211x300.png 211w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.24.58-228x324.png 228w" sizes="(max-width: 537px) 100vw, 537px" /></p>
<p>３．テストをrunする</p>
</div>
<p>関数右のアイコンをクッリクし、runまたはdebug testを選択できます。</p>
<div class="hljs-ln-code">
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-17066" src="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.26.26.png" alt="" width="1034" height="684" srcset="/uploads-archive/2021/08/スクリーンショット-2021-08-06-16.26.26.png 1034w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.26.26-300x198.png 300w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.26.26-768x508.png 768w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.26.26-1024x677.png 1024w, /uploads-archive/2021/08/スクリーンショット-2021-08-06-16.26.26-228x151.png 228w" sizes="(max-width: 1034px) 100vw, 1034px" /></p>
<p>テストの結果はいくつのパータンがあります。</p>
<p>Errors:0,Failure:0、テストが成功しました。</p>
<p>フィリアがあった場合、コードの結果は自分のニーズを満たさないです。</p>
<p>エラーがあった場合、システもの配置は問題があります。</p>
<p><strong>終わりに</strong></p>
<p>やり方を覚えてしまえば簡単にテストできると思います。</p>
<p>実際の仕事中でも非常に使いやすいです。</p>
<p>&nbsp;</p>
</div>


単体テスト例

<p>Googleより新しいデザインフレームワーク「Material You」が発表されました。<br />
2014年にマテリアルデザインが導入され、それらのフレームワークはよりシンプルにそして実用的で機能的です。<br />
今回発表された「Material You」ではそんな実用的で機能的なだけではなく、感情を呼び起こす体験を求めているというものでした。</p>
<h3>感情を呼び起こす体験とは</h3>
<p>「フォームが機能だけでなく、感覚にも従うとしたら」<br />
これまでの様にあらかじめ指定されていたカラーパレットから色を選ぶのではなく、一人一人のパーソナルカラーを基に生成されるカラーパレットによってあらゆるスタイル、あらゆるニーズに対応できるというものです。<br />
よって今まで以上にデザインと個人の感覚が密接した関係になってきているということが感じられました。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8046" src="/uploads-archive/lc/2021/08/1946b3f0e10df3e717c2f9a4eb6bfb0f.png" alt="" width="751" height="419" srcset="/uploads-archive/lc/2021/08/1946b3f0e10df3e717c2f9a4eb6bfb0f.png 751w, /uploads-archive/lc/2021/08/1946b3f0e10df3e717c2f9a4eb6bfb0f-300x167.png 300w, /uploads-archive/lc/2021/08/1946b3f0e10df3e717c2f9a4eb6bfb0f-600x335.png 600w" sizes="(max-width: 751px) 100vw, 751px" /></p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8047" src="/uploads-archive/lc/2021/08/b407b6a8f91e369c727e6fc7f7b4a158.png" alt="" width="754" height="423" srcset="/uploads-archive/lc/2021/08/b407b6a8f91e369c727e6fc7f7b4a158.png 754w, /uploads-archive/lc/2021/08/b407b6a8f91e369c727e6fc7f7b4a158-300x168.png 300w, /uploads-archive/lc/2021/08/b407b6a8f91e369c727e6fc7f7b4a158-600x337.png 600w" sizes="(max-width: 754px) 100vw, 754px" /></p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8048" src="/uploads-archive/lc/2021/08/d7eae5f903398c4d3d3f690db58aca07.png" alt="" width="753" height="425" srcset="/uploads-archive/lc/2021/08/d7eae5f903398c4d3d3f690db58aca07.png 753w, /uploads-archive/lc/2021/08/d7eae5f903398c4d3d3f690db58aca07-300x169.png 300w, /uploads-archive/lc/2021/08/d7eae5f903398c4d3d3f690db58aca07-600x339.png 600w" sizes="(max-width: 753px) 100vw, 753px" /></p>
<h3>あらゆるスタイルに対応</h3>
<p>現在Android端末に適応されているのですが、個人の設定している壁紙からマテリアルパレットを生成しています。<br />
生活の様々な側面に移行するにつれて、新しい画面サイズ、デバイスタイプ、入力モダリティ、及びコンテキストに適応するだけではなく、モーションを使用して一貫性がありながらも人間的な方法で反応します。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8049" src="/uploads-archive/lc/2021/08/55cf6af3088b785b1003237c0bd905f2.png" alt="" width="753" height="424" srcset="/uploads-archive/lc/2021/08/55cf6af3088b785b1003237c0bd905f2.png 753w, /uploads-archive/lc/2021/08/55cf6af3088b785b1003237c0bd905f2-300x169.png 300w, /uploads-archive/lc/2021/08/55cf6af3088b785b1003237c0bd905f2-600x338.png 600w" sizes="(max-width: 753px) 100vw, 753px" /></p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8050" src="/uploads-archive/lc/2021/08/c0c847226da927a8941b69187bf84f15.png" alt="" width="755" height="424" srcset="/uploads-archive/lc/2021/08/c0c847226da927a8941b69187bf84f15.png 755w, /uploads-archive/lc/2021/08/c0c847226da927a8941b69187bf84f15-300x168.png 300w, /uploads-archive/lc/2021/08/c0c847226da927a8941b69187bf84f15-600x337.png 600w" sizes="(max-width: 755px) 100vw, 755px" /></p>
<h3>あらゆるニーズにアクセス可能</h3>
<p>コントラスト、サイズ等の制御を以前よりも多くの方法でUIをカスタマイズできるコンテキスト認識システムと共有することで、すべてのユーザーに合わせてUIを調整できます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8051" src="/uploads-archive/lc/2021/08/f8feb8cbae149db192f1a1630f479f0c.png" alt="" width="757" height="425" srcset="/uploads-archive/lc/2021/08/f8feb8cbae149db192f1a1630f479f0c.png 757w, /uploads-archive/lc/2021/08/f8feb8cbae149db192f1a1630f479f0c-300x168.png 300w, /uploads-archive/lc/2021/08/f8feb8cbae149db192f1a1630f479f0c-600x337.png 600w" sizes="(max-width: 757px) 100vw, 757px" /></p>
<p><img loading="lazy" class="aligncenter size-full wp-image-8052" src="/uploads-archive/lc/2021/08/5dcd74335f585819be442dd16025de25.png" alt="" width="756" height="424" srcset="/uploads-archive/lc/2021/08/5dcd74335f585819be442dd16025de25.png 756w, /uploads-archive/lc/2021/08/5dcd74335f585819be442dd16025de25-300x168.png 300w, /uploads-archive/lc/2021/08/5dcd74335f585819be442dd16025de25-600x337.png 600w" sizes="(max-width: 756px) 100vw, 756px" /></p>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/UHQPdP8qgrk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe></p>
<p>参照サイト（<a href="https://material.io/blog/announcing-material-you">https://material.io/blog/announcing-material-you</a>）</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2021/12/21

2021/12/17

2021/12/04

2021/12/03

2021/11/26

2021/11/18

2021/11/10

2021/11/08

2021/11/05

2021/10/30

2021/10/21

2021/10/01

2021/09/30

2021/09/03

2021/09/03

2021/08/25

2021/08/07

2021/08/07