Slide 1

Slide 1 text

ヘッドレスコマースからみる
 ECの潮流と未来 2022年版
 2022/11/04 TAM ECチーム 米本 和生


Slide 2

Slide 2 text

🛍 話すこと
 1. ヘッドレスコマースとは
 2. モノリシック(一枚岩)構成の課題
 3. ヘッドレス構成のメリット・デメリット
 4. ヘッドレスコマースがフィットするケース
 5. ヘッドレスコマースが捉える未来
 6. まとめ


Slide 3

Slide 3 text

🛍 ヘッドレスコマースとは
 フロントエンドとECのコアシステムを
 分離した構築設計


Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

🛍 モノリシック(一枚岩)構成の課題
 
 
 デザインとシステムが密結合で制限が多い😇


Slide 6

Slide 6 text

🛍 モノリシック(一枚岩)構成の課題

Slide 7

Slide 7 text

🛍 ヘッドレス構成のメリット・デメリット
 
 
 制作者
 運営者
 ユーザー


Slide 8

Slide 8 text

🛍 ヘッドレス構成のメリット・デメリット(制作)
 メリット
 ● フロントエンドとバックエンドで分業がしやすい
 ● モダンな技術を導入しやすい
 ● 改修内容の反映をスピーディーに行える デメリット
 ● カートシステムの一部標準機能が使えない
 ● 高い技術力が求められる


Slide 9

Slide 9 text

🛍 ヘッドレス構成のメリット・デメリット(運営)
 メリット
 ● 自由度の高い改修を行いやすい
 ● スポットでのアウトソースがしやすい
 ● オムニチャネル対応がしやすい
 デメリット
 ● 初期構築コストがかなりかかる
 ● 内製体制が必要


Slide 10

Slide 10 text

🛍 ヘッドレス構成のメリット・デメリット(ユーザー)
 ユーザーに提供できる価値
 ● 安心で快適な購入体験
 ● 個々のライフスタイルに合った UI/UX


Slide 11

Slide 11 text

🛍 ヘッドレスコマースがフィットするケース 社内もしくは社外でエンジニアリソースの確保が必要

Slide 12

Slide 12 text

🛍 ヘッドレスコマースがフィットするケース ● サイトの表示速度を圧倒的に良くしたい
 ● オムニチャネルでの販売を強化したい
 ● デザインや機能の改修を素早く行いたい
 ● UI/UX を自由に制御したい
 ● 用途に応じて裏側で利用するサービスを使い分けたい
 以下のうち何かで重要度の高い要求があれば検討の余地あり!?

Slide 13

Slide 13 text

🛍 ヘッドレスコマースが捉える未来
 
 
 現状では真価を発揮するシチュエーションをかなり選ぶ


Slide 14

Slide 14 text

🛍 ヘッドレスコマースが捉える未来
 
 
 オムニチャネル化はより一層加速する!
 ヘッドレス構成はどこかのタイミングで
 主流になるのでは!?


Slide 15

Slide 15 text

🛍 ヘッドレスコマースが捉える未来
 
 
 ● Hydrogen: Shopifyがリリースするフレームワーク
 ● Oxygen: Shopifyがリリースするインフラ環境
 ● Next.js Commerce: Next.jsが出しているスターターテンプレ
 ● Vue Storefront: Vue.jsベースのヘッドレス構成特化フレームワーク
 ● Instant Commerce: ヘッドレスコマースサイト用サービス
 既に以下のようなフレームワークやサービスが出てきている

Slide 16

Slide 16 text

🛍 まとめ
 
 ヘッドレスコマース対応は無理に急がなくて良い!!


Slide 17

Slide 17 text

🛍 補足
 
 ブログ書いてあります〜🥳