⛏

【Shopify.dev和訳】Themes/Dev Tools/Dev stores/Overview

2021/09/30に公開

Shopify

themes

tech

この記事について

この記事は、Themes/Developer Tools/Development stores/Overviewの記事を和訳したものです。

記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

開発ストア

開発ストアとは、制限付きの無料の Shopify ストアです。Shopify パートナーとして、あなたは開発ストアを無制限に作成することができます。

開発ストアは、あなたが作成したテーマやアプリを構築し、テストするために使用できます。開発ストアはShopify CLIやShopify GitHub インテグレーションのようなツールと一緒に使うことができ、あなたが作っているテーマをプレビュー、テスト、共有することができます。

また、開発ストアを使って、顧客のために Shopify ストアをセットアップすることもできます。開発ストアをセットアップして、それをクライアントに譲渡すると、あなたに定期的なコミッションが入ります。

どちらの場合も、開発ストアを作成するプロセスは同じです。ただし、開発者プレビューなどの開発ストアの機能によっては、ストアをクライアントに移行できない場合があります。

前提条件

開発ストアを作成またはアクセスするには、Shopify パートナーアカウントが必要です。

開発ストアと Shopify CLI

あなたがパートナーのスタッフメンバーのアクセス権しか持っていない場合、開発ストアで Shopify CLI を使うことはできません。もしあなたが Shopify CLI を使って開発ストアで作業をしたいのであれば、あなたがストアのオーナーになるか、ストアにスタッフアカウントを作成してください。

もしあなたがストアオーナーであれば、Shopify CLI を使ってログインする前に、少なくとも一度はストアの URL を使って直接ストアにログインする必要があります (例えば、my-example-store.myshopify.com/admin を使うなど)。Shopify 管理者にログインすると、開発ストアとあなたの Shopify ログインが直接つながります。

テーマの構築とテストのために開発ストアを作成する

パートナーダッシュボードにログインしてください。
Storesをクリックします。
Add storeをクリックします。
Store typeのセクションで、Development storeを選択します。
Login information セクションで、ストアの名前とログインに使用するパスワードを入力します。デフォルトでは、Partner Dashboard に関連付けられている電子メールがユーザ名として使用されますが、必要に応じて変更することができます。
オプションです。Create a non-transferable store that uses a developer preview をチェックして、開発者プレビューを有効にします。ドロップダウンリストから開発者プレビューのバージョンを選択します。
Store addressセクションで、住所を入力します。
オプション：Store purposeのセクションで、この開発ストアを作成する理由を選択します。
Saveをクリックします。

開発ストアでの作業が終わったら、アーカイブすることができます。

クライアント用の開発ストアを作成する

Partner Dashboard にログインします。
Store をクリックします。
Add store をクリックします。
Store type セクションで Development store を選択します。
Login information セクションで、ストアの名前とログインに使用するパスワードを入力します。デフォルトでは、Partner Dashboard に関連付けられている電子メールがユーザ名として使用されますが、必要に応じて変更することができます。
Store addressセクションでは、クライアントの住所を入力します。
Store purpose セクションで、Build a new store for a client を選択します。
Saveをクリックします。

開発ストアでの作業が終わったら、クライアントに渡したり、アーカイブしたりすることができます。

開発ストアの共有

開発ストアは常にパスワードで保護されています。ストアをマーチャントに譲渡したり、有料プランに変更したりした後に、パスワードページを削除することができます。開発ストアのパスワードページはカスタマイズできません。

訪問者は以下の方法で開発ストアを見ることができます。

開発ストアのパスワードページにpasswordを入力する。
開発ストアの管理者にログインして
Shopify Theme Store または Shopify App Store のデモリンクから

パスワードの表示または設定

Shopify の管理画面から、Online Store > Preferences に移動してください。
Password protection > Password の欄に、パスワードを入力してください。これは、あなたがオンラインストアにアクセスできるようにしたい訪問者に与えるパスワードです。管理者にログインするときに使ったパスワードと同じものを使わないでください。
Save をクリックします。

カスタマイズ可能なパスワードページの表示と編集

カスタマイズ可能なパスワードページは、開発ストアへのアクセス制御には使用されませんが、ログイン後に表示したり、Shopify 管理画面から編集することができます。

カスタマイズ可能なパスワードページを表示するには、ログインした訪問者は https://your-store-name.myshopify.com/password に移動します。your-store-name は開発ストアの名前です。

カスタマイズ可能なパスワードのページは、テーマエディタを使用するか、テーマの password.liquid ファイルを編集することで編集できます。

テーマストアと App Store のリスト

開発ストアを Shopify のテーマストアや App Store のリスティングでデモストアとして使うことができます。訪問者がリスティング内のデモリンクをクリックしても、開発ストアのパスワードページは表示されません。この機能を有効にするために、開発ストアの設定を変更する必要はありません。

Shopify テーマストアのデモストアについての詳細はこちらをご覧ください。

Shopify App Store のデモリンクについては、こちらをご覧ください。

開発者プレビュー

開発ストアを作成する際には、開発者プレビューを有効にするオプションがあります。開発者プレビューは、Shopify の新機能への早期アクセスを提供し、新機能がマーチャントにリリースされる前にアプリケーションを構築してテストすることができます。

開発者プレビューを有効にした開発ストアには、Shopify の上級プランで利用できるすべての機能が含まれていますが、ストアを他のオーナーに譲渡したり、有料プランに移行したりすることはできません。

開発ストアの機能と制限

開発ストアは、アドバンスドショピファイプランで利用可能な機能のほとんどを含んでいます。

開発ストアの構築とテスト中に以下のことができます。

無制限のテスト注文の処理
ユニークな商品を無制限に作成できる。
10 個までのプライベートアプリの作成
カスタムドメインの割り当て

開発ストアには以下の制限があります。

無料アプリとパートナー向けアプリしかインストールできません。
Bogus Test ゲートウェイを使用して、または支払いプロバイダのテストモードを有効にしてのみ、注文をテストすることができます。アクティブなペイメントプロバイダーを介した実際のトランザクションを使用して注文をテストすることはできません。開発ストアでの注文のテストについては、こちらをご覧ください。
パスワードページは削除できません。

次のステップ

Shopify アプリのご紹介

Discussion

ログインするとコメントできます