Solution
ヘッドレスコマース

ヘッドレスコマース

既存システムの中に、EC機能をAPI呼び出しによって組み込む構築方法です。
ヘッドレスコマースは近年のフロントエンド・バックエンド分離型システムのトレンドに合わせた
ECシステム構築手法として、大変注目を浴びています。
弊社ではSpreeCommerceを使ったヘッドレスコマース実現のお手伝いをしております。

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

Spree
Commerce

ヘッドレスコマースの特徴

SpreeCommerceはRuby on Railsで構築されたオープンソースのカートシステムです。
オープンソースですのでシステム自体は無料で利用することができます。(インストール先のサーバー代金は別途かかります)
2007年の初回リリース以降現在も非常に活発に機能追加・リリースを繰り返しており、国内ではそれほど有名ではありませんが、海外では非常に有名でスタンダードなカートシステムです。

SpreeCommerceの特徴
SpreeCommerceの特徴

SpreeCommerceはヘッドレスコマースに非常に力をいれており、様々な特徴があります。

  • Javascript/TypeScript SDK完備、OpenAPI完備
  • Vue Storefront 2, Next.js Commerceに対応

    Vue Storefront 2やNext.js CommerceはNuxt.jsやNext.jsを採用しているフロントエンドシステムに、ECシステムをかんたんに構築するための仕組みです。
    SpreeCommerceは、この両者に対応しています。

    これらのフレームワークを利用して、素早くECサイトを既存のシステムに組み込むことができます。

  • iOSやAndroidのフロントエンドサンプルがある

    iOSやAndroidネイティブアプリの中にEC機能を組み込みたい場合も、以下のサンプルを活用することができます。

    • カスタマイズ性の高さ

      SpreeCommerceはRuby on Railsを採用しており、あらゆる機能に対して、非常にシンプルかつ柔軟にカスタマイズ可能となっています。
      また、巨大なオープンソースコミュニティによってもたらされる非常に多数のコントリビューションを活用することができますので、かんたんに機能の追加ができます。

  • 多言語、他通貨、既存顧客データや認証システムとの連動が可能

    SpreeCommerceは多言語、他通貨対応、マルチテナント対応、あらゆる決済システムに対応可能など非常に拡張性のあるシステムです。
    また、他の既存システムの顧客データ及び認証システムと連動して動作させることができます。

弊社の実績

    美容サロン、美容商材メーカー U社 様

    美容商材販売サイトをSpreeのヘッドレスコマースで構築

    美容商材販売サイトをSpreeのヘッドレスコマースで構築

    基幹システム連携と既存Webサイト組み込みをSpreeのヘッドレスコマースですべて解決!

    元々の課題

    • フロントエンド担当の別会社と連携して開発してほしい
    • 他の会員データベース及び認証と連動させたい
    • 自社ポイントシステムと連動させたい
    • 既存Webサイト内にシームレスに組み込みたい
    • 既存の物流システムと連動させたい

    実現したこと

    • フロントエンドは別業者がNuxtJSで構築、SpreeのOpenAPI仕様書でスムーズに協調作業
    • 基幹システムと別のシステムとして新たにSpreeのシステムを構築
    • 基幹システム側との認証連携や、商品マスタ、在庫情報の同期ができるようにした
    • 注文をSpreeで受けつけて基幹システムに自動取り込み
    • ポイント値引きをSpreeでできるようにした

    担当内容

    • システム全体設計
    • バックエンドシステム開発

    開発人数・期間

    • 2名4ヶ月


    スマートカメラメーカー J社 様

    サブスク課金システムをSpreeのヘッドレスコマースで構築

    サブスク課金システムをSpreeのヘッドレスコマースで構築

    変則的な画面遷移をヘッドレスコマースでCVR最適化!

    元々の課題

    • CVR向上のため配送先住所、支払い方法選択、ユーザー登録をすべて1画面で完結させたい
    • サブスクの課金をしたい(ただし初月は無料としたい)
    • 他の会員データベース及び認証と連動させたい
    • アクセス元ユーザーごとや商材ごとに表示項目などを変化させて最適化させたい

    実現したこと

    • Rails製業務システムSpreeをそのまま導入
    • ReactJSによるフロントエンド構築
    • Spreeをサブスクプラン管理システムに拡張

    担当内容

    • デザイン制作
    • フロントエンド及びバックエンドシステム開発

    開発人数・期間

    • 2名、約2ヶ月


よくある質問

  • WordPressなど、サーバーサイドで描画を行うシステムに対して組み込み可能ですか?

  • フロントエンドのみ、バックエンドのみといった依頼は可能ですか?

  • 継続的に画面修正やシステム維持・メンテナンスを依頼可能ですか?

  • 基本自社開発したいのですが、アドバイザーとしてのみの依頼も可能ですか?

飾り(ドット)

弊社はSpreeCommerceを使ったヘッドレスコマースの構築に特化したサービスを実施しております。
SpreeCommerceはRuby on Railsを採用したオープンソースのカートシステムであり、無限のカスタマイズ可能性があります。
お客さまが目指すECシステム実現のために、Ruby on Rails、SpreeCommerceを熟知した弊社に是非お気軽にご相談ください。

飾り(ドット・矢印)

まずはお気軽にご連絡くださいお問い合わせはこちら