Shopify CLI について
Shopify CLI は Shopify アプリとテーマを構築するための統合開発環境を提供します。ローカル開発サーバー、ライブプレビュー、カスタム拡張開発、デプロイメントワークフローに対応しています。
主な機能
- 01Shopify アプリとテーマのローカル開発サーバーの初期化と実行
- 02Shopify 開発ストアでアプリとテーマをプレビュー
- 03チェックアウト UI および管理画面拡張などのカスタムアプリ拡張を開発およびデプロイ
活用シーン
- 01新しい Shopify アプリまたはテーマプロジェクトを素早くスキャフォルド
- 02デプロイ前にカスタムコマース機能をプレビューおよびテスト
- 03自動化されたデプロイメントワークフローを通じてアプリの更新を簡素化
インストール
OS またはパッケージマネージャーを選び、コマンドをターミナルで実行します。
インストール後にshopify --versionを実行して確認します。
コマンド例
よく使うコマンドを使う順に並べています。
詳細
Shopify CLI
Shopify コマンドラインインターフェイス(Shopify CLI)を使用すると、次のことができます。
- Shopify アプリ、拡張機能、関数、テーマを初期化、ビルド、開発、デプロイする
- カスタムストアフロントを構築し、そのホスティングを管理する
詳しくは、コマンドのドキュメントをご覧ください。
はじめに
最新バージョンの Node.js と npm(または任意の別のパッケージマネージャー)をインストールしてください。
Shopify CLI を使ったアプリの開発
Shopify アプリを構築する際は、お好みのパッケージマネージャーを使ってプロジェクトを初期化できます。1 つのコマンドですべての依存関係をインストールできます。Shopify CLI 自体も含まれます。
次のいずれかのコマンドを使ってプロジェクトを初期化してください。
npm init @shopify/app@latest(Node と一緒にデフォルトでインストールされます)pnpm create @shopify/create-app@latestyarn create @shopify/appbun create @shopify/app@latest(試験的)
詳しくはドキュメントをご覧ください:アプリを作成する
Shopify CLI を使ったテーマの開発
テーマを操作するには、CLI を次のコマンドでグローバルにインストールする必要があります。
npm install -g @shopify/cli
macOS では、Homebrew を使ってインストールすることもできます:brew tap shopify/shopify && brew install shopify-cli
詳しくはドキュメントをご覧ください:テーマ向け Shopify CLI
Shopify CLI を使った Hydrogen カスタムストアフロントの開発
Hydrogen のコードはこちらにあります:https://github.com/Shopify/hydrogen/tree/main/packages/cli
詳しくはドキュメントをご覧ください:Hydrogen ストアフロント向け Shopify CLI
ヘルプ 🖐
CLI の使用中に問題が発生した場合や、フィードバックをお寄せいただく場合は、次の方法をご利用ください。
- バグを報告する - バグを報告するには、開発者コミュニティの Shopify CLI and Libraries に投稿してください
- 質問する、または新機能をリクエストする - 質問したり、新機能をリクエストしたりするには、開発者コミュニティの Dev Platform に投稿してください
- Shopify コミュニティフォーラム - フォーラムにアクセスしてコミュニティと交流し、Shopify CLI の開発について詳しく知ることができます
- CLI ドキュメント - アプリ - アプリ開発向けの CLI ドキュメントを確認できます
- CLI ドキュメント - テーマ - テーマ開発向けの CLI ドキュメントを確認できます
- CLI ドキュメント - Hydrogen - Hydrogen(カスタムストアフロント)開発向けの CLI ドキュメントを確認できます
貢献 👩🏽💻
プロジェクトへの貢献を希望される場合は、貢献者向けドキュメントと開始手順をご覧ください。