WindowsにShopify-CLIをインストールする

windowsにshopify-CLIをインストールするときにつまずいた点が複数あったのでメモとしても残しておきます。

Rubyをダウンロードします。

Shopify CLIを使用するためには、前提条件としてRuby2.7以上が必要です。Rubyは以下のリンクからインストールしてください。
https://rubyinstaller.org/downloads/

必ず、DevKit付きをダウンロードしてください。あとでgemが管理できなくてエラーが発生します。インストール内容は、標準のままで問題ありません。特別な設定は必要ありませんでした。

Gitをダウンロードします。

Gitもダウンロードしておいてください。
https://gitforwindows.org/

Gitがダウンロードできているか確認する場合は、以下のコマンドでバージョン番号が返ってくるのか確認してください。

$ git --version
git version 2.34.0.windows.1

Shopify-CLIをダウンロードします。

コマンドプロンプトを開き、以下のコマンドを実行します。

$ gem install shopify-cli

インストールに成功していたら、以下のコマンドでバージョンが出るか確認してください。

$ shopify version
2.7.1

Shopify ストアにログインします。

$ shopify login --store [ストアURL]
例：$ shopify login --store https://main.myshopify.com/

開発ストアでログインしないことをお勧めします。

コマンドを打つと自動的にブラウザが立ち上がります。Shopifyパートナーのログイン画面になります。ログインが成功するとブラウザで以下のようなメッセージが表示されます。

以下のメッセージが表示されると成功です。

Logged into store [ストアURL].myshopify.com in partner organization ECサイト

開発環境を立ち上げる。

立ち上げる前に、以下のコマンドで表示させたいテーマを作成してください。
リポジトリはなにも指定しなければ、Shopify2.0のデフォルトテーマDawnが作成されます。

$ shopify theme init [テーマの名前] [-u リポジトリのURL]

コマンドを実行した場所でテーマが作成されるので、作成するフォルダの位置に注意してください。

cdコマンドでテーマへ移動してから、開発環境を立ち上げます。

$ shopify theme serve

補足1: 以下のエラーが発生した場合、gemでwdmをインストールしてください。

Please add the following to your Gemfile to avoid polling for changes:
gem 'wdm', '>= 0.1.0' if Gem.win_platform?
X You are not authorized to edit themes on banana-man-co.myshopify.com.
Make sure you are a user of that store, and allowed to edit themes.

gem install wdm

以上です。