ヘッドレスコマースからみる ECの潮流と未来 2022年版

# EC Tech Meetup vol.1 〜最近のトレンド〜登壇資料
https://blastengine.connpass.com/event/264072/

## 要約
ヘッドレスコマースがなぜ注目を集めるのか、どういった対策をすべきなのかを制作、運用目線でそれぞれ解説します。

## 資料
https://zenn.dev/kazuki_tam/articles/3fac13ee435714

Transcript

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

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

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

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

6. 🛍 モノリシック（一枚岩）構成の課題
7. 🛍 ヘッドレス構成のメリット・デメリット
 
 
 制作者
 運営者
 ユーザー

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

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

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

11. 🛍 ヘッドレスコマースがフィットするケース 社内もしくは社外でエンジニアリソースの確保が必要
12. 🛍 ヘッドレスコマースがフィットするケース • サイトの表示速度を圧倒的に良くしたい
 • オムニチャネルでの販売を強化したい
 • デザインや機能の改修を素早く行いたい
 • UI/UX を自由に制御したい
 • 用途に応じて裏側で利用するサービスを使い分けたい
 以下のうち何かで重要度の高い要求があれば検討の余地あり！？
13. 🛍 ヘッドレスコマースが捉える未来
 
 
 現状では真価を発揮するシチュエーションをかなり選ぶ

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

15. 🛍 ヘッドレスコマースが捉える未来
 
 
 • Hydrogen: Shopifyがリリースするフレームワーク
 • Oxygen: Shopifyがリリースするインフラ環境
 • Next.js Commerce: Next.jsが出しているスターターテンプレ
 • Vue Storefront: Vue.jsベースのヘッドレス構成特化フレームワーク
 • Instant Commerce: ヘッドレスコマースサイト用サービス
 既に以下のようなフレームワークやサービスが出てきている
16. 🛍 まとめ
 
 ヘッドレスコマース対応は無理に急がなくて良い！！

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