年末年始が近づいてきているので、お店を準備してより多くのお客様にリーチし、収益を上げる準備をするかもしれません。ブラックフライデー、シングルスデー、またはサイバーマンデーに備えて、ショッピファイ オンラインストア 2.0 の紹介が皆さまのお手伝いになるでしょう。

ショッピファイオンラインストア 2.0とは？

ショッピファイは、ショッピファイオンラインストア 2.0 をご案内いたします。フレキシブルなセクション、ストアページとアプリブロックのモジュール化などの機能により、開発者に依存することなく高品質なエクスペリエンスを作成することができます。

以下に、ショッピファイ オンラインストア 2.0 の機能と改善点、そしてあなたのショッピストアにとって何を意味するのか、簡単に説明します。

Shopifyオンラインストア2.0

  • セクションがどこにでも

セクションはどこにでも利用できるため、制限なくストアフロントのデザインを行うことができます。さらに、サイトのメンテナンスや商品の管理も簡単になりました。

  • 柔軟なストアコンテンツ

開発者が余分な情報をハードコードする必要がなくなったことで、ショッピファイ オンラインストア 2.0 では改善されたメタフィールド（動的リソース）を使用して、情報を簡単に追加、更新、変更することができます。この機能については、Shopify 2.0メタフィールドブログで詳細をご確認いただけます。

  • テーマアプリの拡張とアプリブロック

オンラインストア2.0のShopifyテーマアプリの拡張とアプリブロックを使用すると、テーマコードを変更せずにアプリを簡単に統合することができます。オンラインストア2.0では、ゴーストコードを削除することも簡単になりました。

Shopify OS 2.0の新しいツールと機能については、Shopifyオンラインストア2.0の紹介ブログをご覧ください。

これらの新しいShopifyオンラインストア2.0の機能とツールは、商人にとってどのような意味を持つのでしょうか？

多くの利点の中でも、柔軟性、拡張性、パフォーマンスが最も重要です。具体的には：

  • オンラインストア2.0の新しい機能とツールは、開発者だけでなく、商人の方々にもブランドのストーリーと顧客体験の向上をサポートします。
  • 動的リソース機能により、商人はストアのコンテンツを豊富にすることができます。
  • 開発者ツールにより、変更を簡単に設定でき、ストアのメンテナンスが容易になります。

ショッピファイ オンラインストア 2.0 の機能とツールを最大限に活用して、ストア体験の向上に注力することができます。

Shopifyオンラインストア2.0

ストアのパフォーマンスと柔軟性を向上させるために作られたショッピファイ ドーンテーマは、オンラインストア2.0テーマアーキテクチャの新世代テーマです。このテーマはHTMLとCSSで作成されており、JavaScriptの使用を減らしてロードスピードを向上させています。また、ドビュートよりも35％高速であり、Internet Explorer 11でも問題なく動作します。

ショッピファイ ドーンテーマの詳細と、従来のShopifyビンテージテーマとの違い、および始め方については、Shopifyドーンテーマのレビューブログをご覧ください。

Shopifyオンラインストア2.0の新機能とツールは開発者にとってどのような意味を持つのでしょうか？

新しいテーマアーキテクチャやデザイン原則、ツールの導入により、Shopify開発者はShopify商人向けのテーマとアプリを構築するための大きな機会を利用することができます。

  • 改善された開発者コンソール

App Bridge Admin拡張機能では、実際のデータを使用して変更をテストすることができないため、改善を呼びかけることは容易ではありませんでした。開発者コンソールの導入により、Shopify開発者は実際のストア環境で拡張機能をビルドしてテストすることができます。

    • ローカルの変更を即座に反映させる
    • より優れた、より高速でリアルな開発者ビルダーおよびテスター
    • デスクトップおよびモバイルのすべての環境で変更を反映させる

    • Google Cloud Pub/Sub

      Shopifyオンラインストア2.0 - Google Pub/Sub

      ゴールーブ: Google

      Google Cloud Pub/Subを使用してウェブフックイベントを効率的に管理し、制御可能なペースでイベントを取得できます。開発者はこれ以上APIとキューシステムを構築およびホストする必要がないため、着信イベントの配信性が向上します。

        • 簡単にウェブフックを消費できる
        • 低遅延の優れたWebサーバーでストアを強化
        • 最も忙しい時期でもアプリのエラーや遅延を最小限に抑える

        • Shopify Scripts

          Shopifyオンラインストア2.0 - Shopify Scripts

          オンラインスクリプトエディタに頼る代わりに、Shopifyオンラインストア2.0では、開発者ツールを更新してスクリプトを作成できるようにしました。

            • テーマコードに触れずにスクリプトを楽しむことができます
            • ブランドに固有のバックエンドカスタムロジックをより良く構築できます
            • BFCMやその他のフラッシュセール時のトラフィックをより効率良く処理できるように改善されました

            • GitHubの統合

              Shopifyオンラインストア2.0 - GitHubの統合

              GitHubとの新しい統合により、Shopify開発者は手動で同期せずに変更をプルし、プレビューリンクを共有することができます。GitHubの統合により、Shopify開発者はバージョン管理を安全に行うことができます。

                • 開発者がクライアントやチームと安全に協力できるようになります
                • バージョン管理により、開発者は最良の変更を試すことができます
                • 変更をプッシュする前に変更を確認できるようになります

                • Shopify CLIとテーマチェック

                  Shopifyオンラインストア2.0 - Shopify CLIとテーマチェック

                  テーマ開発オプションを向上させるShopifyオンラインストア2.0では、コマンドラインからテーマをプッシュして公開し、テーマをチェックするためのShopify CLIを拡張しました。

                  Shopify CLIの改善点:

                    • プレビュー機能を使用して安全に変更をテストできる
                    • CSSとLiquidセクションの変更をリロードするオプション
                    • データを迅速に準備できる

                  改善されたテーマチェックは、Visual Studio Codeなどのテキストエディタと統合し、テーマコード内のさまざまな問題（Liquid構文エラー、テンプレートの不足、パフォーマンスの問題など）を特定できます。

                  テーマチェックの改善点:

                    • Shopify CLIツールにバンドルされています
                    • LSPクライアントを実装しているエディタと統合できます

                    Shopifyオンラインストア2.0テーマアーキテクチャと最高のShopify 2.0テーマに関する詳細情報が必要な場合は、Shopify 2.0テーマブログをご覧ください。

                    Shopifyオンラインストア2.0の専門エージェンシーをお探しですか？

                    HulkAppsのShopifyチームは、Shopifyの新しいテーマアーキテクチャとShopify 2.0テーマに精通しています。私たちのチームは、Shopifyオンラインストア2.0の機能の移行や実装をサポートする際に最良のアプローチを活用します。私たちのShopify BFCM 2021パッケージをご確認いただき、ストアをアップグレードしてください。

                    Shopifyオンラインストア2.0とBFCM 2021


                    Shopifyオンラインストア2.0 BFCM 2021

                    パンデミックの影響により、コマースにおけるイノベーションの必要性が加速しています。 Shopifyオンラインストア2.0の機能、開発ツール、アーキテクチャにより、BFCM 2021で創造性を発揮し、シームレスにソリューションを統合することができます。技術的な知識がある商人の場合、Shopify 2.0マイグレーションガイドを読んで、テーマをShopifyオンラインストア2.0に対応させることができます。

                    • 個別化が標準化：

                    もはや単に名前で顧客を認識するだけでは、売上をキャプチャするには、ストアの顧客に対してユニークで個別化されたショッピング体験をダイナミックに表示する必要があります。オンラインストアShopify 2.0では、各ページタイプがJSONテンプレートファイルを使用してレンダリングされるため、動的セクションを追加できます。

                    • チェックアウト最適化：

                    Shopifyがアーキテクチャを改善するにつれて、チェックアウトは新しいカート機能で改善されています。オンラインストア2.0のチェックアウト機能は、パフォーマンスと信頼性に優れ、ストア全体の制限がなく、低遅延の応答を提供することができます。

                    • セル商品計画の次のステップ：

                    多様な体験を構築する - Shopifyオンラインストア2.0のセル商品計画により、商人はカスタム課金、価格設定、配送ポリシーを作成することができます。これにより、商人は定期購読、予約注文などの販売方法を有効にできます。Storefront APIを介して、各商品に関連するセル商品計画を取得することができます。

                    将来に向けて準備する、HulkApps BFCM 2021の提供内容：

                    フルページの編集機能、Shopify内のメタフィールド、改善されたエディタUI、必要な開発者ツールなど、 オンラインストア2.0のリリースにより、Shopifyの柔軟性が劇的に改善されました。以下のサービスのいずれかを利用したい場合は、HulkAppsのShopifyオンラインストア2.0の専門家と連絡してください。

                    • テーマをOS 2.0にアップグレードする
                    • Shopifyドーンテーマに移行する
                    • Shopifyドーンテーマをカスタマイズする
                    • Shopify OS 2.0テーマをカスタマイズする
                    • すべてのテンプレートに対してアプリブロックのサポート
                    • コードの競合をトラブルシューティングする

                      Shopify 2.0にアップグレード