<p>Node.jsでは有志たちによって非常に多くの便利な機能を提供してくれるモジュールを利用して様々なことができますが、<br>そういったサービスの中にはヘッドレスEコマースも存在していることを個人的に最近知ったので、そちらについて調べてみました。</p>



<p>今回は、以下のサイトで紹介されていたサービスの中から、Node.js ではじめられるものを2つピックアップして調べてみました。<br><a href="https://medevel.com/17-os-headless-ecommerce-solutions/" target="_blank" rel="noreferrer noopener">17 Best Open-source Headless eCommerce Solutions</a></p>



<p>ちなみにヘッドレスEコマースとは、ECのシステムにあたるバックエンドとECのサイトにあたるフロントを切り離し、バックエンド部分のみを提供し、APIを経由してフロントと連動するEC構築のサービスです。</p>



<p>ヘッドレスEコマースのメリットは、バックエンドがフロントエンドの出力を省略できるため、本来の役割に専念でき高いパフォーマンスを提供できることと、フロントエンドがバックエンドの制限を受けないため、幅広い方法でフロントエンドの開発を行えることです。</p>



<h2><a href="https://www.vendure.io/" target="_blank" rel="noreferrer noopener">vendure</a></h2>



<figure class="wp-block-image size-large"><a href="https://www.vendure.io/" target="_blank" rel="noopener"><img loading="lazy" width="1024" height="512" src="/uploads-archive/lc/2022/01/www.vendure.io_-1024x512.png" alt="" class="wp-image-9400" srcset="/uploads-archive/lc/2022/01/www.vendure.io_-1024x512.png 1024w, /uploads-archive/lc/2022/01/www.vendure.io_-300x150.png 300w, /uploads-archive/lc/2022/01/www.vendure.io_-768x384.png 768w, /uploads-archive/lc/2022/01/www.vendure.io_-600x300.png 600w, /uploads-archive/lc/2022/01/www.vendure.io_.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption><a rel="noreferrer noopener" href="https://www.vendure.io/" target="_blank">https://www.vendure.io/</a></figcaption></figure>



<p>インストールを以下のコマンド一発、5分で作れてしまうのが驚異的です。</p>





		<div id="crayon-64d1a7a2c67a1969614852" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !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: 18px !important; line-height: 18px !important;"></div>
			<div class="crayon-plain-wrap"><textarea wrap="soft" 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: 12px !important; line-height: 15px !important;">
npx @vendure/create my-shop</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: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="crayon-64d1a7a2c67a1969614852-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64d1a7a2c67a1969614852-1"><span class="crayon-i">npx</span><span class="crayon-h"> </span><span class="crayon-sy">@</span><span class="crayon-i">vendure</span>/<span class="crayon-e">create </span><span class="crayon-i">my</span>-<span class="crayon-i">shop</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>





<p>GraphQLで通信を行います。</p>



<p>商品管理、注文管理、多言語・多通貨・複数の税率設定などのグローバル対応、画像のCloudストレージ、様々な決済プロバイダーやフルフィルメントへの接続方法の提供などに対応しています。</p>



<p>インストール自体は簡単ですが、実際に決済や配送などできる状態にするには、利用する開発者がそれなりに構築作業をする必要があり、誰でも簡単に始められるという感じではなさそうですが、<br>0からECを構築するよりは便利で、拡張性もあるため、自由にECを作りたい、でもすべて開発は…という層に人気が出るかもしれません。</p>



<p></p>



<h2><a href="https://www.medusajs.com/" target="_blank" rel="noreferrer noopener">Medusa</a></h2>



<figure class="wp-block-image size-large"><a href="https://www.medusajs.com/" target="_blank" rel="noopener"><img loading="lazy" width="1024" height="592" src="/uploads-archive/lc/2022/01/www.medusajs.com_-1024x592.png" alt="" class="wp-image-9402" srcset="/uploads-archive/lc/2022/01/www.medusajs.com_-1024x592.png 1024w, /uploads-archive/lc/2022/01/www.medusajs.com_-300x173.png 300w, /uploads-archive/lc/2022/01/www.medusajs.com_-768x444.png 768w, /uploads-archive/lc/2022/01/www.medusajs.com_-600x347.png 600w, /uploads-archive/lc/2022/01/www.medusajs.com_.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption><a href="https://www.medusajs.com/" target="_blank" rel="noreferrer noopener">https://www.medusajs.com/</a></figcaption></figure>



<p>REST APIで通信を行います。</p>



<p>商品管理、顧客管理、決済プロバイダーやフルフィルメントへの接続方法の提供などに対応しています。<br>vendure と異なり、フロントエンドのためのスターターの提供や、プラグインでstripe、paypalなどの支払い方法を追加できるので、<br>導入のハードルはこちらの方が低くなりそうです。</p>



<p></p>



<h2>調べてみた感想</h2>



<p>いずれもインストールは簡単ですが、実際に動くECを作るためにはかなり専門的な開発の知識が必須と言えそうです。<br>専門知識がなくても越境ECを始めたい方には、様々な機能がはじめから内包されているLaunchCartをおすすめしたいと思います。</p>

Node.jsがベースのオープンソースのヘッドレスEコマースについて調べてみました

<h2>はじめに</h2>
<p>まだまだコロナが落ち着かない状況下、ほとんどの国で対面せずに買い物できるECの利用率は上がる一方です。ネットで買った商品を受け取る時も、非接触型のサービスが好まれているのか、宅配ロッカーの需要も高まっているよう。<br />今回はヨーロッパで勢力拡大中の北欧発宅配ロッカーサービスを2つご紹介します。</p>
<h2>スウェーデン発「Instabox」</h2>
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/CPFzcR3Jl4_/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
<div style="padding:16px;"> <a href="https://www.instagram.com/p/CPFzcR3Jl4_/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank" rel="noopener"> </p>
<div style=" display: flex; flex-direction: row; align-items: center;">
<div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div>
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;">
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div>
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div>
</div>
</div>
<div style="padding: 19% 0;"></div>
<div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div>
<div style="padding-top: 8px;">
<div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">この投稿をInstagramで見る</div>
</div>
<div style="padding: 12.5% 0;"></div>
<div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;">
<div>
<div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div>
<div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div>
<div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div>
</div>
<div style="margin-left: 8px;">
<div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div>
<div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div>
</div>
<div style="margin-left: auto;">
<div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div>
<div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div>
<div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div>
</div>
</div>
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;">
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div>
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div>
</div>
<p></a></p>
<p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/CPFzcR3Jl4_/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank" rel="noopener">Instabox(@instabox)がシェアした投稿</a></p>
</div>
</blockquote>
<p> <script async src="//www.instagram.com/embed.js"></script></p>
<p>1つ目はスウェーデン生まれの宅配サービス「Instabox」です。デンマーク、ノルウェー、オランダではすでに進出済み、2022年初めにはドイツでもサービス開始予定。初めはベルリンとデュッセルドルフからスタートし、2022年中にはドイツ全土をカバーしたいと考えているそうで、サービスに対する自信と勢いが感じられます。</p>
<p><img loading="lazy" src="/uploads-archive/lc/2022/01/instabox.jpg" alt="" width="1548" height="889" class="aligncenter size-full wp-image-9248" srcset="/uploads-archive/lc/2022/01/instabox.jpg 1548w, /uploads-archive/lc/2022/01/instabox-300x172.jpg 300w, /uploads-archive/lc/2022/01/instabox-1024x588.jpg 1024w, /uploads-archive/lc/2022/01/instabox-768x441.jpg 768w, /uploads-archive/lc/2022/01/instabox-600x345.jpg 600w, /uploads-archive/lc/2022/01/instabox-1536x882.jpg 1536w" sizes="(max-width: 1548px) 100vw, 1548px" />Instaboxがドイツ国民との相性の良さに自信を見せるのは、このサービスが「100％ fossil-free」を掲げているから。サステナビリティに対する意識もサービスの一貫であるという姿勢は、以前紹介したドイツの宅配ボックスなどにも通じます。</p>
<p>肝心の宅配ロッカーは、真っ赤でとても特徴的（<a href="https://instabox.io/se-en" rel="noopener" target="_blank">公式サイト</a>も赤くて可愛い）。商品購入時に、受け取りたいロッカーを選べはOKです。追跡サービスも当然ありますが、購入日に即日配送可ということも少なくないとのことで、朝注文した商品を仕事帰りに職場の近くのロッカーでピックアップする、なんてことも可能なようです。予定が変われば、ワンクリックで受取先のロッカーも変更可能なのも有難いですね。さらに、荷物をコードで管理をしているため、自分で取りに行けなくても、コードを家族や友人に託せばとってきてもらえます。<br />また、Amazon、IKEAなど多くの大手ECサイトと連携している点でも、非常に利便性が高いと言えるでしょう。</p>
<p>参考：<a href="https://instabox.io/se-en" rel="noopener" target="_blank">公式サイト</a></p>
<h2>デンマーク発「SwipBox」</h2>
<p><iframe loading="lazy" src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FSwipbox%2Fposts%2F4955317077814617&#038;width=500&#038;show_text=true&#038;height=557&#038;appId" width="500" height="557" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></p>
<p>次に紹介するのは、デンマークから47か国へサービスを拡大した「SwipBox」です。「SwipBox」は、物流の会社が提供するサービスの１つではなく、様々な企業と各国で連携している「宅配ロッカーの会社」。2021年にはロッカー数は10,000に達し、顧客数も倍増したとのことで、コロナ禍におけるEC需要にうまくマッチしたようです。顧客も購入者もアプリで荷物の管理ができる手軽さも、成長要因の１つでしょう。</p>
<p>また、2021年にはノルウェーポストと提携し、返品サービスへの対応を始めました。ネットショッピング率が高くなれば、その分返品サービスの需要も高まるのは当然です。現在利用できるのはデンマーク、スウェーデン、ノルウェー、ベルギーのみのようですが、他の国への展開も計画しています。そして当然のごとく、こちらの会社もSDGsの取り組みを大きく取り上げています。</p>
<p>参考：<a href="https://www.swipbox.com/" rel="noopener" target="_blank">公式サイト</a></p>
<h2>まとめ</h2>
<p>日本でも「置き配」や駅の「宅配ロッカー配達」など、コロナにより様々なサービスが生まれていますが、ヨーロッパ各国でも似たような傾向にあるようです。今後、アジアの他の国でもどんどんユニークなサービスが登場して、ECがより活発に、便利に、なって欲しい！と願っています。</p>

markus-spiske-BPxkU4uPq6Y-unsplash.jpg

北欧発宅配ロッカーサービス拡大中

<h2>はじめに</h2>
<p>まだ見ぬ海外のEC関連事業を少しずつ調べてご紹介しています。今回はアメリカ発の老舗ECカート「<a href="https://www.miva.com/" target="_blank" rel="noreferrer noopener">Miva</a>」を紹介します。</p>

<h2>「Miva」社について</h2>
<p>会社の概要情報はLinkedinの方が詳しく記載があったため、Linkedinからの引用をご紹介します。</p>
<p>Miva社は、1997年創業でアメリカのサンディエゴとタンパに拠点を置いており、従業員は200人弱の非上場企業です。1997年創業というとIT業界の中では相当な老舗に位置しており、同じ1997年創業の企業を調べてみると、楽天やサイボウズ、ドワンゴといった日本のIT業界の中心となっている企業がいます。</p>
<img loading="lazy" src="/uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-.png" alt="" width="1342" height="770" class="aligncenter size-full wp-image-8909" srcset="/uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-.png 1342w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc--300x172.png 300w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc--1024x588.png 1024w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc--768x441.png 768w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc--600x344.png 600w" sizes="(max-width: 1342px) 100vw, 1342px" />


<p>トップページでも21年の実績を謳っており、創業間もないベンチャー企業では真似ができない訴求をおこなっています。</p>

<h2>Mivaのポジショニング</h2>

<p><a href="https://www.softwarereviews.com/categories/b2b-ecommerce?fbclid=IwAR2dkCxabpLg8kd9hOAopAR0vP3P3ddGYX8O0xsHtRdk3E9Z9MzZN9bfWwA" target="_blank" rel="noopener">SoftwareReviews</a>の記事にこのような図がありました。「SERVICE STAR」の部分で特徴があるようです。</p>

<h2>Mivaのソリューション</h2>



<figure class="wp-block-image size-full"><img loading="lazy" width="873" height="257" class="wp-image-8913" src="/uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1.png" alt="" srcset="/uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1.png 873w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-300x88.png 300w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-768x226.png 768w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-600x177.png 600w" sizes="(max-width: 873px) 100vw, 873px" /></figure>

<ul>
<li>B2C/Retail</li>
<li>B2B/Wholesaler</li>
<li>DTC/Manufacturer</li>
</ul>



<p>となっており、B2Cを小売、DTCをメーカー向けと区分しているようです。</p>

<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="521" class="wp-image-8910" src="/uploads-archive/lc/2021/11/D2C-Ecommerce-Platform-1024x521.png" alt="" srcset="/uploads-archive/lc/2021/11/D2C-Ecommerce-Platform-1024x521.png 1024w, /uploads-archive/lc/2021/11/D2C-Ecommerce-Platform-300x153.png 300w, /uploads-archive/lc/2021/11/D2C-Ecommerce-Platform-768x391.png 768w, /uploads-archive/lc/2021/11/D2C-Ecommerce-Platform-600x305.png 600w, /uploads-archive/lc/2021/11/D2C-Ecommerce-Platform-1536x781.png 1536w, /uploads-archive/lc/2021/11/D2C-Ecommerce-Platform.png 1559w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<p>しかしながら、B2BとB2Cが同じサイトで行えるという記載がある通り、システム的には一つで機能の出しわけだけをおこなっているものと推測されます。</p>

<h2>Mivaのターゲティング</h2>
<figure class="wp-block-image size-full"><img loading="lazy" width="863" height="257" class="wp-image-8912" src="/uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-1.png" alt="" srcset="/uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-1.png 863w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-1-300x89.png 300w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-1-768x229.png 768w, /uploads-archive/lc/2021/11/Miva-Ecommerce-Platform-Miva-Inc-1-1-600x179.png 600w" sizes="(max-width: 863px) 100vw, 863px" /></figure>
<p>ご覧の通り、ミドルサイズとエンタープライズと銘打っており、スモールビジネスをターゲットとしていないことが分かります。</p>

<figure class="wp-block-image size-full"><img loading="lazy" width="927" height="853" class="wp-image-8914" src="/uploads-archive/lc/2021/11/Miva-Docs-How-To-Guides-MivaPay.png" alt="" srcset="/uploads-archive/lc/2021/11/Miva-Docs-How-To-Guides-MivaPay.png 927w, /uploads-archive/lc/2021/11/Miva-Docs-How-To-Guides-MivaPay-300x276.png 300w, /uploads-archive/lc/2021/11/Miva-Docs-How-To-Guides-MivaPay-768x707.png 768w, /uploads-archive/lc/2021/11/Miva-Docs-How-To-Guides-MivaPay-600x552.png 600w" sizes="(max-width: 927px) 100vw, 927px" /></figure>

<p>ドキュメントを見てもわかる通り、独自タグを用いたテンプレートの編集が前提となっており、プロ仕様であることが伺えます。</p>

<h2>Mivaの価格</h2>
<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="720" class="wp-image-8906" src="/uploads-archive/lc/2021/11/Get-Started-with-Miva-1024x720.png" alt="" srcset="/uploads-archive/lc/2021/11/Get-Started-with-Miva-1024x720.png 1024w, /uploads-archive/lc/2021/11/Get-Started-with-Miva-300x211.png 300w, /uploads-archive/lc/2021/11/Get-Started-with-Miva-768x540.png 768w, /uploads-archive/lc/2021/11/Get-Started-with-Miva-600x422.png 600w, /uploads-archive/lc/2021/11/Get-Started-with-Miva.png 1231w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p>価格は公表されておりません。前回、前々回とご紹介したカートも価格は公表していないので、むしろ、このようなBotB向けのサービスにおいては公表せずにお問い合わせベースでの営業するスタイルの方が主流なのかもしれません。</p>
<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="660" class="wp-image-8907" src="/uploads-archive/lc/2021/11/Miva-Agency-Partners-Digital-marketing-services-to-help-you-build-and-grow-your-ecommerce-business-1024x660.png" alt="" srcset="/uploads-archive/lc/2021/11/Miva-Agency-Partners-Digital-marketing-services-to-help-you-build-and-grow-your-ecommerce-business-1024x660.png 1024w, /uploads-archive/lc/2021/11/Miva-Agency-Partners-Digital-marketing-services-to-help-you-build-and-grow-your-ecommerce-business-300x193.png 300w, /uploads-archive/lc/2021/11/Miva-Agency-Partners-Digital-marketing-services-to-help-you-build-and-grow-your-ecommerce-business-768x495.png 768w, /uploads-archive/lc/2021/11/Miva-Agency-Partners-Digital-marketing-services-to-help-you-build-and-grow-your-ecommerce-business-600x387.png 600w, /uploads-archive/lc/2021/11/Miva-Agency-Partners-Digital-marketing-services-to-help-you-build-and-grow-your-ecommerce-business.png 1492w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<p>また、パートナーの紹介を重視している点も特徴として挙げられます。</p>
<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="539" class="wp-image-8908" src="/uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner-1024x539.png" alt="" srcset="/uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner-1024x539.png 1024w, /uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner-300x158.png 300w, /uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner-768x404.png 768w, /uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner-600x316.png 600w, /uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner-1536x809.png 1536w, /uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner-1200x630.png 1200w, /uploads-archive/lc/2021/11/Tayloe-Gray-Miva-Agency-Partner.png 1641w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<p>各パートナーの紹介ページがそれぞれあり製作したサイトまで掲載しています。</p>

<h2>Mivaのローカライズ</h2>

<figure class="wp-block-image size-large"><img loading="lazy" width="1024" height="633" class="wp-image-8911" src="/uploads-archive/lc/2021/11/Miva-Technology-Partners-1024x633.png" alt="" srcset="/uploads-archive/lc/2021/11/Miva-Technology-Partners-1024x633.png 1024w, /uploads-archive/lc/2021/11/Miva-Technology-Partners-300x185.png 300w, /uploads-archive/lc/2021/11/Miva-Technology-Partners-768x475.png 768w, /uploads-archive/lc/2021/11/Miva-Technology-Partners-600x371.png 600w, /uploads-archive/lc/2021/11/Miva-Technology-Partners.png 1476w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<p>基本的にはアメリカで利用されることを想定しているラインナップです。もちろん英語圏以外でも、言語や決済システム側の対応ができていれば利用可能と思われます。</p>

<h2>まとめ</h2>

<p>Mivaは老舗企業として戦い方、ポジショニングを築くEコマース企業でした。</p>

<small><br />《参考・画像出典》 </small><a href="https://fastspring.com/" target="_blank" rel="noreferrer noopener">Miva</a>, <small><a href="https://www.softwarereviews.com/categories/b2b-ecommerce?fbclid=IwAR2dkCxabpLg8kd9hOAopAR0vP3P3ddGYX8O0xsHtRdk3E9Z9MzZN9bfWwA" target="_blank" rel="noopener">SoftwareReviews</a><br /></small>

2fb7b0dd37a83fcd55e61482ee95d5d2.png

海外ECカート企業を独自解説！アメリカ発E CカートMiva

<p>皆さんにとってのトレンドカラーなどはありますか？</p>
<p>実は毎年PANTONE社というところが「パントン･カラー･オブ･ザ･イヤー」というものを12月頃発表しており、来年のトレンドカラーが選ばれます。</p>
<p>また、PANTONE社以外でもJAFCAという団体からトレンドカラーを発表していましたので両方とも紹介しようと思います。</p>
<h3>PANTONE社とは</h3>
<p>アメリカに本社がある色見本の企業で、アパレルをはじめ、美容、インテリア、工業デザイン等、あらゆる業界をサポートしており、PANTONEの色見本帳は、製品の色を決定する際のヒントとして、あらゆる業界で使われています。</p>
<h3>JAFCAとは</h3>
<p>カラーデザインの向上と、豊かな色彩生活を目指してアパレルファッション、プロダクツ&amp;インテリア、化粧品、学校等多業種の会員により構成されたカラーデザインに関する様々な活動をしている団体です。</p>
<h2>PANTONE社2022年トレンドカラー</h2>
<p><img loading="lazy" class="aligncenter size-full wp-image-9277" src="/uploads-archive/lc/2022/01/0bfedfd66f2098deae28351c6b303128.png" alt="" width="992" height="495" srcset="/uploads-archive/lc/2022/01/0bfedfd66f2098deae28351c6b303128.png 992w, /uploads-archive/lc/2022/01/0bfedfd66f2098deae28351c6b303128-300x150.png 300w, /uploads-archive/lc/2022/01/0bfedfd66f2098deae28351c6b303128-768x383.png 768w, /uploads-archive/lc/2022/01/0bfedfd66f2098deae28351c6b303128-600x299.png 600w" sizes="(max-width: 992px) 100vw, 992px" /></p>
<p><span style="color: #6667ab; font-weight: bold;">ベリー・ペリ（Very Peri）</span></p>
<p style="padding-left: 40px; font-weight: bold;">カラーコード：#6667AB<br />
RGB値：102,103,171<br />
HSV値：239,40,67<br />
CMYK：40,39,0,32</p>
<p>今回の為に発表された新色であり、「その勇気ある存在は、個人の発明や創造性を促す」という意味を込めた色となっております。<br />
ブルーの持つ誠実さと不変性、レッドの持つエネルギーと興奮を融合させた、この最も幸せで暖かいブルーの色合いは、元気を与える新しさの素を注入します。</p>
<p>ラベンダーのような配色はすぐに目に飛び込んでくる優しい暖かみを醸し出しており、幻想的なデジタルの世界であったり、物理的な素材の中であれ、グラフィックやマルチメディア・デザイン、パッケージングなどの多くの用途に理想的な色合いとなっております。<br />
またこれらの媒体以外にもアパレル・美容・インテリアデザインにも今後多く取り入れられていくかと思われます。</p>
<p><a href="https://www.pantone-store.jp/coy2022/palette.html">公式ホームページ</a>ではベリー・ペリを使ったカラーパレットを紹介しており、デザインをする上で参考になるかと思われます。</p>
<p><img loading="lazy" class="aligncenter size-full wp-image-9280" src="/uploads-archive/lc/2022/01/4464189190254b47a0b17df789878ab1.png" alt="" width="811" height="631" srcset="/uploads-archive/lc/2022/01/4464189190254b47a0b17df789878ab1.png 811w, /uploads-archive/lc/2022/01/4464189190254b47a0b17df789878ab1-300x233.png 300w, /uploads-archive/lc/2022/01/4464189190254b47a0b17df789878ab1-768x598.png 768w, /uploads-archive/lc/2022/01/4464189190254b47a0b17df789878ab1-600x467.png 600w" sizes="(max-width: 811px) 100vw, 811px" /></p>
<p><img loading="lazy" class="aligncenter size-full wp-image-9281" src="/uploads-archive/lc/2022/01/62d0a2934728b0a8dbe823c3ea143396.png" alt="" width="809" height="693" srcset="/uploads-archive/lc/2022/01/62d0a2934728b0a8dbe823c3ea143396.png 809w, /uploads-archive/lc/2022/01/62d0a2934728b0a8dbe823c3ea143396-300x257.png 300w, /uploads-archive/lc/2022/01/62d0a2934728b0a8dbe823c3ea143396-768x658.png 768w, /uploads-archive/lc/2022/01/62d0a2934728b0a8dbe823c3ea143396-600x514.png 600w" sizes="(max-width: 809px) 100vw, 809px" /></p>
<h2>JAFCA2022年トレンドカラー</h2>
<p><img loading="lazy" class="aligncenter size-full wp-image-9278" src="/uploads-archive/lc/2022/01/38026-1-20211209073910_b61b1b29e7e0c4.jpeg" alt="" width="500" height="601" srcset="/uploads-archive/lc/2022/01/38026-1-20211209073910_b61b1b29e7e0c4.jpeg 500w, /uploads-archive/lc/2022/01/38026-1-20211209073910_b61b1b29e7e0c4-250x300.jpeg 250w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p><span style="color: #f18d5f; font-weight: bold;">ジョリー・コーラル（Jolly Coral）</span></p>
<p style="padding-left: 40px; font-weight: bold;">カラーコード：#F18D5F<br />
RGB値：241,141,95<br />
HSV値：19,61,95<br />
CMYK：0,41,60,5</p>
<p>公式サイトによると、ジョリー・コーラルを 「2020年、2021年と暗く長いトンネルを歩いてきた私たちを導き、心身をいたわってくれるかのよう」と表現しています。<br />
見た通り、オレンジをベースとした明るく優しめなカラーとなっております。<br />
2020,2021年で暗い気持ちだったのを2022年では晴れやかに、そして前を向いていく表現が込められており今まで以上に未来へ期待というものがこもった鮮やかな色が選ばれました。</p>
<p>以上、2022年のトレンドカラーの発表でした。<br />
２社とも赤色の要素が入っており、やはり今年のイメージは前向きな気持ちやエネルギーを感じる年ということがわかりました。</p>
<p>今年は目にする機会も増えるかもしれませんね。</p>
<p>&nbsp;</p>
<h4>参考サイト</h4>
<p><a href="https://goworkship.com/magazine/2022-trendcolor/">https://goworkship.com/magazine/2022-trendcolor/</a></p>
<p><a href="https://coliss.com/articles/build-websites/operation/design/color-of-the-year-2022-lavender-very-peri.html">https://coliss.com/articles/build-websites/operation/design/color-of-the-year-2022-lavender-very-peri.html</a></p>
<h4>公式サイト</h4>
<p>Pantone：<a href="https://www.pantone.com/uk/en/color-of-the-year-2022">https://www.pantone.com/uk/en/color-of-the-year-2022</a></p>
<p>JAFCA：<a href="https://www.jafca.org/colorcolumn/20211210.html">https://www.jafca.org/colorcolumn/20211210.html</a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2022年

2022/01/22

2022/01/13

2022/01/13

2022/01/08