Shopifyのテーマをローカル環境で開発する2021-03-30Shopifyのテーマをローカル環境で開発するプログラミングTL;DRShopifyのテーマ開発をローカル環境で作成して実践したお話です。ローカル環境で開発して、Gitでテーマ管理しなきゃだめだなと思ったのがきっかけです。Kitを使いテーマ開発しました。writeにしてください。:sob:本番テーマを取得するプライベートアプリ上のパスワードと、ストアドメインをコマンドライン上からたたきテーマを取得します。-s=[you-store.myshopify.com]そうするとテーマ名とテーマIDが取得できますので、以後このテーマIDを使って開発をしていきます。-t=[your-theme-id]getコマンド、もしくはダウンロードコマンドで指定したテーマをローカルにダウンロードできます。あとはこのファイルを操作して開発していけばOK。ちなみにテーマをダウンロードすると、config.ymlが取得できるのですが、開発時はこのファイルを見てストアへの反映・変更しているみたいです。ローカルで変更したファイルのプレビューを確認できます。ローカルで変更したファイルを監視し、リアルタイムにshopifyの環境にアップロードします。複数人開発だとなかなか怖いコマンドです。スターターキットの作成ここまでである程度ローカルで操作して、ファイルをアップロードできることが分かったので、これをgit管理にします。1.秘匿情報のenv化まずパスワードやストア情報などの秘匿情報をenv化します。ローカルに.envファイルを作成し秘匿情報は書くようにして、config.ymlはそこを見るように。script化しました。--env=development",そして完成したのがこちら=>https://github.com/ikuo00uk/shopify-theme-starter所感とりあえず土台の土台ができた感じなので、このスターターキットをリッチにしていければ良いなと。元エンジニアのプロダクトマネージャー。大規模プロダクトからスタートアップの顧問まで担当。事業開発・プロダクト戦略・KPI立案からのグロースが得意。読者になるこのブログについてはてなブログをはじめよう!ikuo00ukさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。