つい最近まで、必要な機能をすべて備えたECプラットフォームを手に入れることは、夢物語でした。企業の技術責任者は、究極の選択を迫られていました。ゼロからプラットフォームを構築するか、既製のプラットフォームを購入し、ビジネスニーズに合うように機能を継ぎはぎするかです。そこで、多くの企業が前者を選択しました。優れた顧客体験を提供し、購買者の需要変化に迅速に対応することを目指して、十分な柔軟性を備えたカスタムECプラットフォームを構築しました。
しかし時が経つにつれ、そのレベルのカスタマイゼーションには危険が潜んでいることが判明しました。ArhausのEコマース担当副社長であるSteve Bauer氏は、最近のウェビナーで、以前のプラットフォームでは、新機能を手に入れると同時に技術的負債を生み出すし、終わりのないサイクルに陥っていたと語りました。同氏は「そのせいで、プラットフォームを見直し、調整し、結局は廃止にしていました。せっかく高いコストをかけても、すぐに使えなくなってしまうのです」と付け加えました。
現在、Shopifyのカスタマイズ性に関する議論は、あらゆる売上規模と業界のブランドにとって、微妙でありながらも刺激的なものとなっています。Shopifyは構築済みのプラットフォームです。しかし、多くのブランドが、Shopifyへの移行を選択しています。それは、必要に応じて柔軟性を発揮できるからです。お気に入りのアプリや統合機能を組み込むことも、独自のAPIを通じた統合と組み合わせて既製の機能を使用することも可能です。
この記事では、Shopifyがいかにコンポーザブル（組み合わせ可能）であるかを探り、自社にぴったりのやり方でユニークなコマース体験を構築できるようにする仕組みを解説します。
Shopifyで保存できるデータタイプ
コマースが市場の最新技術に拡大する中、テクノロジーリーダーにとって最大の懸念要素は、必要なデータ構造を保存・サポートするために必要なインフラです。これには十分な理由があります。ほとんどのコマースプラットフォームは、新しいデータ構造をデフォルトで備えていないからです。
Shopifyなら、3DやARを含む市場の最新技術をサポートできる、より柔軟で複雑なデータ構造に対応しています。
Shopifyの柔軟なデータカスタマイゼーションを使用して、メタフィールドとメタオブジェクトでストアを拡張することが可能になります。メタフィールドにより、ブランドは顧客、注文、商品などのプロパティ全体でネイティブデータモデルを拡張し、小売業者はメタオブジェクトを使用して、カスタムデータモデルを作成できるのです。
メタオブジェクトは、カスタムコンテンツを作成してウェブサイトにデプロイするための明確な道筋を提供します。ブランドはメタオブジェクトを使用して、ルックブック、クイズ、サイズガイドなどのユニークなコンテンツでShopifyを拡張しています。メタオブジェクトはストアフロントの他のコンテンツと同様に機能し、Translate and Adaptアプリを使用して、市場に応じて簡単にローカライズできます。
より柔軟なデータ構造を利用できるようになったエンタープライズ企業は、通常、次の4つの方法のいずれかでShopify上での構築を選択します。
- Liquidを使用したカスタムテンプレートの構築
- HydrogenとOxygenを使用したカスタムストアフロントの構築
- Shopify Checkoutによるよりカスタマイズされたチェックアウト体験
- Shopify Functionsで思い通りの構築
Liquidを使用したカスタムテンプレートの構築
Liquid（リキッド）は、弊社CEOのTobias Lütkeによって最初に設計されたテンプレート言語です。現在、Daily Harvest（英語サイト）などのブランドが、より小さな技術スタックを維持しながら迅速にカスタム体験を構築するために使用しています。
従来のプログラミング言語と同様に、Liquidには構文があり、出力、ロジック、ループなどの概念が含まれています。また、アプリがPHPなどのWeb中心の言語と相互作用するのと同じように、データと相互作用します。
しかし、類似点はここまでです。Liquidでは、プラットフォームの内部に深く入り込むことはできません。これは経験豊富な開発者には戸惑いを感じさせるかもしれませんが、Liquidは無限にカスタマイズ可能なのです。
柔軟性に加えて、Liquidにはデフォルトで誰もが利用できる強力な機能がいくつかあります。特に、開発者が構築・維持するのが困難なSEO作業を大幅に簡素化します。
多くの企業がLiquidテンプレートで長期的な成功を収めている一方で、さらなるカスタマイゼーションと柔軟性を求める企業もあります。そのような場合、Shopifyには必要なツールと、さらにカスタムストアフロントを構築するための最も明確な道筋があります。
HydrogenとOxygenを使用したカスタムストアフロントの構築
つい近年まで、技術スタックの柔軟性とサーバーサイド制御を求める企業にとって、Shopifyへの移行は選択肢にありませんでした。今日、ヘッドレスコマース体験を構築するためのShopifyのツールキットは、よりカスタムな体験を提供する最も高速で効率的、かつ信頼性の高い方法とされています。
Shopifyの公式開発スタックにはHydrogenとOxygen（英語サイト）が含まれています。HydrogenはReactベースのRemixフレームワーク上に構築されており、開発者に高品質なWeb開発標準の利点と、ShopifyのAPIと連携するよう事前設定されたコンポーネント、フック、ユーティリティによる開発の高速化を提供します。Hydrogenには、サーバーリクエストが舞台裏で発生していても、フロントエンドのユーザー体験を瞬時に感じさせるOptimistic UIなどの機能もあります。
Hydrogenストアフロントは、お好みの任意のサードパーティソリューションでホストできます。ただし、Oxygenがストアをデプロイする最も簡単で高速な方法です。OxygenはShopifyのグローバルホスティングソリューションで、すべてのShopifyプランに追加費用なしで含まれており、稼働時間の保証とデプロイメント管理の完全な制御を提供します。
技術スタックとフレームワークをさらに制御したい場合は、Storefront API（英語サイト）を使用できます。これにより、エンドツーエンドソリューションの完全な制御を維持しながら、必要なShopifyコンポーネントを選択する柔軟性が得られます。Storefront APIはデバイスとプラットフォームに依存しないため、Web、モバイルアプリ、ビデオゲーム、AR/VRなどの新しいサーフェス全体で体験を構築するために使用できます。
Shopify Checkoutによるよりカスタマイズされたチェックアウト体験
Shopify上でのヘッドレスストアフロントの例をいくつか紹介しましたが、世界をリードするブランドの中には、弊社のフルプラットフォームと、Shopify Checkoutなどの最高クラスのコマースコンポーネントのカスタマイズされたインスタンスの使用を選択するところもあります。
Shopify Checkoutは世界で最もコンバージョン率の高いチェックアウトで、競合他社を最大36%、平均15.2%上回る性能を発揮しています。また、企業がShopify Checkoutを独自のものにできるいくつかのカスタマイゼーションオプションも提供しています。フロントエンドでは、開発者はGraphQL Branding APIを使用してShopify Checkoutの外観を変更できます。バックエンドでは、Shopify Functionsを介してカスタムロジックを使用して、必要なコンポーネントを拡張または置換できます。
Shopify Functionsといえば、主要ブランドがShopifyコンポーネントを使用して思い通りの方法でストアフロントを構築している方法について説明しましょう。
Shopify Functionsで思い通りの構築
Shopify Functionsは、Shopify Checkoutのカスタマイズされたバックエンドロジックを解放するだけでなく、開発者がプラットフォーム全体のバックエンドロジックをカスタマイズできるようにします。
Functionsなら、5ミリ秒未満で実行でき、企業の最大のセールスイベントをサポートするまでスケールアップできる、割引、配送、支払い方法の強力なカスタマイゼーションを構築できます。2023年、Shopifyはブラックフライデーに1,450億件のリクエストを処理し、週末を通じて毎分420万ドル（約6.3億円）の売上を生み出しました。Functionsはアプリ内にインストールされるため、新しいコードを変更したり書いたりすることなく、Shopify管理画面で直接設定できます。これにより、ストア間でコードをコピー＆ペーストする必要もなくなります。
開発者はWebAssembly（英語サイト）にコンパイルされる任意の言語でFunctionを記述し、AppBridgeとReactでUIを構築できます。また、Shopify CLI経由でデプロイする前に、ローカル環境でFunctionを記述することも可能です。
ShopifyがFunctionsを構築した理由は2つあります。第一に、ブランドがユニークな購買体験を迅速に構築するための明確な道筋を提供することです。さらに重要なのは、使いやすく、プロモーションを調整する必要がある際にコードの大幅な更新を必要としないことです。
より明確でカスタマイズ可能な成長への道筋
おそらくお察しの通り、Shopifyのカスタマイズ性に関する議論は複雑で多面的です。しかし、それは意図的なものです。Shopifyの全員が、お客様をイノベーションの最前線に留めることにコミットしており、多くの場合、それは必要に応じて柔軟な強力なツールを提供することを意味します。
Shopifyは完全自由設計のプラットフォームではありませんが、総所有コストを抑えながらも成長と市場投入速度を加速するために必要なカスタマイゼーションオプションを備えています。世界レベルの革新的企業の例でもわかるように、柔軟性と独自性を兼ね備えているShopifyを使用なら、市場において競合他社から際立つことを可能にする方法が見出せます。
Shopifyへの移行を検討してみませんか？お問い合わせください。
