catch-img

【徹底解説】未来のEコマースを牽引する 「ヘッドレス・コマース」とは


目次[非表示]

  1. 1.Eコマース環境の変化と、増え続ける対応範囲
  2. 2.ヘッドレス・コマースとは。その由来は?
  3. 3.ヘッドレスな状態を実現するためのカギ「API」
  4. 4.ヘッドレスコマースのメリット・デメリット
  5. 5.ヘッドレス・コマースの具体例
  6. 6.オムニチャネル(O2O)とヘッドレスコマース


テクノロジーの進化とともに、カスタマーとの「タッチポイント」が増え続けるというのは、Eコマースの事業者の皆様にとって、チャンスでもあり悩ましい問題の一つかもしれません。


「〇〇が若者の間で爆発的に流行っているらしいぞ!」

「〇〇とECを連動させることが今後は重要になります!」

「〇〇経由でモノが売れる、と噂になっています!」


様々な情報が日々上がっては、消えていきます。


Eコマース環境の変化と、増え続ける対応範囲


そんな時代において、PC・モバイル対応はもはや当然として、ネイティブアプリ、ウェアラブル、音声デバイス、IoTなど、店舗サイトのUIは、常にユーザーニーズと行動の変化に対して、柔軟に対応することが求められています。

※UI:User Interface(ユーザーインターフェース)


一方で、その裏側のシステムはどうでしょうか?


具体的には、ECサイトの基幹システムとなるERP、受注管理、フルフィルメント、決済システムなどなど。

長年使いこまれ、様々なシステムとの繋込みがされたバックエンドシステムはそんな簡単にカスタマイズ出来ないのが悩みの種です。

もし新しいサービスに対応するとしても、その都度ECシステム業者に連絡し、カスタマイズが必要となり、お金もリソースもいくらあっても足りません。

そんな経験をされたEC事業者の方も多いのではないでしょうか?


そんな時代にこそ知っておきたい、「ヘッドレスコマース」という新しいECサイトのカタチについてご紹介します。


ヘッドレス・コマースとは。その由来は?


「Head」とはECサイトの「フロントエンド(UI)」を指し、その名の通り、「Headless」とは「頭が無い」状態を指しています。


「頭」と「身体」が切り離された状態の「ヘッドレス・コマース」構成


「頭が無い状態?どういうこと?」

言い換えると、「Headless Commerce(ヘッドレス・コマース)」とは、コマースサイトの「顔」であるフロントエンドと、それを支えるバックエンドを切り離し、それぞれが独立した形で構成されている状態をいうのです。


振り返ると、今までのECサイト構成は、フロントエンドとバックエンドが「一枚岩("monolithic"/"couple”)」の状態であるものが主流でした。


それに対して、ヘッドレスコマースでは、フロントエンド(プレゼンテーションレイヤー)とバックエンド(オペレーションレイヤー)の機能を「分離・分割(decouple)」します。


"couple"ではなく"decouple"なヘッドレス・コマース


ストアフロント(=Head)の表示部分にはタッチせず、「デカップル(decouple)」な構成で、管理を行う(Headless)役割として機能するわけです。

それにより、次々に現れる新たな販売経路、チャネル、ユーザーニーズに素早く、柔軟に対応し、コンテンツを配信することが実現可能なのです。



旧来のEコマースプラットフォームとヘッドレスコマースの比較例


ヘッドレスな状態を実現するためのカギ「API」


では、ヘッドレス・コマースを実現するうえのカギは何なのでしょうか。

重要となるのが、フロントエンドとバックエンドを繋ぐ役割を果たすの「API」の存在です。

「API」無くしてヘッドレス・コマースは実現しないと言えます。

「Decoupled」な状態である「Headless Commerce」はすなわち「APIファースト」の考え方に基づくアーキテクチャー(構成)だとも言えるのです。


「APIファースト」な開発体制が求められる


多様化するヘッド部分だけでなく、在庫管理にはA社のシステムを、顧客情報はB社のシステムで、CMSにはC社システム、、、もはや「カオス」化しつつあるバックエンド。

これらも含めて「繋ぐ」存在であるAPIファーストな考え方に対応できるか。そこが重要なカギとなるのです。


ヘッドレスコマースのメリット・デメリット


では、そのヘッドレス・コマースアーキテクチャーですが、「何がいいの?」と思う方も多いでしょう。

そもそも実現・導入にあたってのメリット、デメリットが気になる方も多いかと思います。

まず、ヘッドレス・コマースに移行することのメリットは以下が想定できます。


  • ビジネス要件、マーケット変化に柔軟かつ素早く対応することが出来る
  • フロントエンドの自由度が上がり、タッチポイント拡大が期待できる
  • フロントとバックエンドの開発が分離し、効率的な開発が可能となる


フロントエンドについて、「今後音声検索に対応したい!」「フロントのJavaScriptはAngularを使いたいんだよね!」等、各サイトによって、様々な要件、要望があるかと思います。

そして、従来はその要件に対して「バックエンドが対応しているか」を都度考える必要がありました。


しかし、ヘッドレス・コマースでは、その心配は必要ありません。


なぜなら、ヘッドレス・アーキテクチャーの場合、データの受け渡し口となる「API」さえ適切に用意してあげれば、連携可能であるといえるためです。

これは柔軟なシステム構築を行いたい場合、非常に有益だと言えるでしょう。


また、「効率的な開発」ですが、各コンポーネントやレイヤーにおいて、やり取りをする相手側の対応に依存しないため、独立して開発やテストを進めることが可能です。その結果、それぞれが効率的な開発体制を組むことも可能となるります。またスピーディーな開発にも繋がることでしょう。


では、一方でデメリットは何でしょうか。例えば以下などが考えられるかもしれません。


  • より専門的な開発が求められることでの「開発工数の増加」
  • 特にAPIなど「専門的な知識」が必要


ヘッドレス・コマースを実現するうえで、当然その技術的な深い理解が必要とされます。また、システム自体も「APIファースト」の考えに対応していく必要があるため、それに伴った開発工数の増加なども想定されます。

また、そもそも既に現状のオペレーションが成功しているのであれば、その構成を再構築するのには、それだけ時間および費用的な投資が必要になり、意思決定も難しくなるかもしれません。

ですが、常に変化し続けるコマースの未来を見据えると、その変化に柔軟かつスピーディーに対応するシステム構成を取り、常に変化するユーザーニーズに対応できることは大きなメリットと言えるのではないでしょうか。


ヘッドレス・コマースの具体例


では、ヘッドレス・コマースアーキテクチャーを実現している事例にはどのようなものがあるでしょうか。

ここでは、オーストラリア発の「コアラ・マットレス」を紹介します。

世界でもっとも長く眠る動物「コアラ」に由来するコアラ・マットレス


コアラ・マットレスでは、CMSや決済システム、在庫管理システム、分析ツール等々、各機能ごとに様々なソリューションを導入しているとのことですが、Shopify Plusをストアフロントの基盤としながら、ヘッドレスコマースを実現。

かつては、ライターがコンテンツを更新する際にもエンジニアと連携せざるを得なかった体制だったとのことですが、今では、それぞれの役割にフォーカスできる体制に移行し、スピーディーな開発体制を実現し、顧客体験の向上に繋げています。

コアラ・マットレスのシステム構成


Shopifyを活用したヘッドレス・コマースにご興味のある方は、以下サイトにて、今回紹介したコアラ・マットレスも含め20もの事例が掲載されております。こちらもヘッドレスなCMS"Contentful "との合わせ技が多い印象ですね。


▼20 EXAMPLES OF HEADLESS COMMERCE POWERED BY SHOPIFY(英語サイト)

https://wemakewebsites.com/blog/20-examples-of-headless-commerce-powered-by-shopify


オムニチャネル(O2O)とヘッドレスコマース


コマースの未来を考えた際に避けられないのが「オムニチャネル」化。


ユーザーはウェブ上だけでなく、オンライン・オフラインのチャネルを飛び越えてショッピングをします。

実店舗でショールーミングし、欲しい商品をECサイトで購入する。そんな購買行動が当たり前の時代。

チャネルは多様化しながらも、いかに一貫したコマース体験を提供できるかがEC事業者には求めら、オムニチャネルコマースが進めば進むほど、シームレスなショッピング体験が重要となるのです。

その点において、複数のタッチポイントとシームレスに融合するヘッドレスコマース構造は、カスタマーエクスペリエンスを向上させることも可能。オムニチャネルコマースとの相性の良さも期待できます。

O2O、OMOの時代において、その基盤としてのヘッドレス・コマースアーキテクチャーは今後ますます注目度が高まるでしょう。


トランスコスモスShopifyエンジニア
トランスコスモスShopifyエンジニア

トランスコスモスは日本で5社しかない最上位の「Shopifyプラスパートナー」です。最上位認定を堅持しECサイト制作・Shopifyアプリ開発を担うのが、トランスコスモスShopifyエンジニアチームです。Shopify構築によって得られた知見などをブログ記事にて発信していきます。

関連記事


【無料】セミナー動画視聴

2021年7月13日オンラインECセミナー動画【無料視聴】

デジタルシフトが求められる今、D2Cへの関心が高まり、ダイレクトにお客様とつながる D2C ビジネスは注目を集めています。本セミナーでは、顧客視点で取り組むD2CとEC事業を成功させるために不可欠なプラットフォーム『Shopify』の歴史・メリットなど基本のすべてをお伝えさせていただきます。

2021年1月27日オンラインECセミナー動画【無料視聴】

トランスコスモスのEC支援に対する豊富な実績をもとに今後の変革に必要と考えられる「CRM、データドリブン、生産性向上」をテーマとした当社コンサルティングサービスについて、講義形式のセミナー開催

2020年11月30日オンラインECセミナー動画【無料視聴】

【Shopify構築・運用セミナー】拡大するEC市場に不可欠なバックエンド業務の最新トレンド。EC事業を成功させるために『効率化に向けたバックエンド業務の最新トレンド』と題して、Shopify構築・運用に連携できるサービスをご紹介。


EC関連サービス

お気軽に
お問い合わせください

Shopify(ショッピファイ) ECストア構築・運用代行

トランスコスモスは日本に6社しかない最上位の「Shopifyプラスパートナー」企業です

Shopify人気記事ランキング

 Tag(タグ)

 記事検索

 カテゴリー

 【無料】募集中セミナー

全9件中 1〜 4件を表示

 【無料】資料ダウンロード

Shopify操作マニュアルのダウンロード一覧

ショッピファイの管理画面の使い方を図解で開設した操作マニュアル資料をPDFにてダウンロード頂けます。

ECサービス紹介資料無料ダウンロード一覧

トランスコスモスのEC関連のサービス資料の一覧ページです。PDFにて概要のわかる資料を「無料」でダウンロードして頂けます。

セミナー発表資料の無料ダウンロード一覧

トランスコスモスのEC関連のWEBセミナーで使用した資料一覧ページです。PDFにてセミナーの内容がわかる資料を「無料」でダウンロードして頂けます。

全3件中 1〜 3件を表示

Shopify認定パートナー企業

トランスコスモスは日本に7社しかない最上位の「Shopifyプラスパートナー」です。
Shopifyでのサイト制作ならお任せください