Shopifyに関するメモ

少し前からShopify CLIを使っていると、最新版の3.85.5のアナウンスが出ていました。最新版にアップデートしておかないとなと思いつつ、後回しにしていたので、アップデートをしました。

npm install -g @shopify/cli@latest

インストールはターミナルで上記コマンドを打つように案内があったので実行してみると…

npm error path /opt/homebrew/bin/shopify

といったエラーが表示されました。Homebrewでインストールされているので、npmでは既存ファイルに衝突して問題となっているようでした。自分でインストールしておいてすっかり忘れてしまっていたのですが、Homebrewでインストールしていたのでした。

Homebrewはソフトウェアのインストール、アップデート、アンインストールを簡単に行うことができるパッケージ管理システムです。対して、npmもパッケージ管理ツールであり、JavaScript のライブラリやツールをインストール・管理するために使われます。

Shopify developer documentationを見ると、npmでの案内が書いてあるので、この際、案内の通りやった方が良いだろうと思い、HomebrewでインストールしたShopify CLIをアンインストールしてから、npmでインストールし直すことにしました。

HomebrewでインストールしたShopify CLIをアンインストール

ターミナルで下記コマンドを入力でHomebrewでインストールしたShopify CLIをアンインストールできます。

brew uninstall shopify-cli

アンインストール後に下記を入力して何も帰ってこなければ問題なくアンインストールできています。

which shopify

npmでShopify CLI をインストール

Shopify公式に案内があるようにターミナルで下記コマンドを入力することで最新版のShopify CLIがインストールできます。

npm install -g @shopify/cli@latest

インストール後に下記コマンドでインストールされたShopify CLIのバージョンの確認ができます。最新バージョンが表示されれば成功です。2025年10月の段階で最新版は3.85.5です。

shopify version

これで無事にShopify CLIが最新になりました。モリチカデザインスタジオではShopifyを利用したECサイトの制作を承っております。ご質問などがありましたら是非お問い合わせください。

Shopifyでテーマを開発するツール 「Shopify CLI」とても便利ですよね。shopify theme devコマンドでプレビューした際に、コードを編集するとプレビューも自動的に同期されて更新されるのが通常ですが、突然機能しなくなってしまったので、その際に行った対応をメモしておきます。同じ現象に遭っている方がいたら試してみてください。ちなみにShopify CLIの3.72.2でした。

• Gitによるソース管理を無効にしてみる
• プロジェクトディレクトリ名を英数字にしてみる
• プロジェクトディレクトリを全削除して、再度 shopify theme pull する

私はエディターにNovaを利用していて、Gitによるソース管理機能があります。これが有効になっていたので、無効にして、一度プロジェクトディレクトリのファイルを全削除して、pullしてdevしたら問題なく動くようになりました。 その後SourceTreeで バージョン管理していますが今の所問題はないです。

モリチカデザインスタジオではShopifyを利用したECサイトの制作を承っております。ご質問などがありましたら是非お問い合わせください。