アシスタントエンジニアの石垣です。ついて、概要をまとめてみたいと思います。ついては以前の記事をご参照ください。テーマ(テンプレート)を編集するコマンドラインツールです。サイトへのデプロイ(アップロード)を行うことが出来ます。側でのAPIキー発行が必要です。以前の記事で紹介した方法で、サイトの管理画面からプライベートアプリを作成してキーを発行します。今回はテーマへのアクセス権が必要なので、テーマへの読み取りおよび書き込みを有効にします。テーマを取得するテーマの編集を始めるには、新しくローカルでテーマを作成するか、既存サイトのテーマを編集するかの2通りの方法があります。今回は既存サイトテーマの編集を行います。テーマが設定されていますが、これを一旦アクションメニューから複製します。環境を分けてテーマを編集することが出来るため、開発用のテーマを新しく用意します。複製後、コマンドラインで以下を叩きます。-s=[example.myshopify.com]このコマンドで現在サイトに追加されているテーマIDの一覧を確認することができます。その後、リストの中のIDをどれか1つ選んで以下のコマンドを叩きます。それぞれのテーマの設定を行います。分けてテーマを開発することが可能になります。blue;}これをプレビューで確認するには、以下のコマンドを叩きます。プレビュー画面が開かれます。本番と同じURLになっていますが、実際には本番環境に反映はされていません。プレビューURLを発行して他の作業者に確認してもらうことも出来ます。--allow-liveを叩きます。デプロイが行われ、本番のサイトに反映されます。本番用テーマと開発用テーマに分けることで、ある程度安全に開発を行うことができます。まとめ今回はテーマの編集をプレビューするところまでをまとめました。今後の記事で、セクション単位での実装の仕方や、SCSSを使う方法など深堀りしていきたいと考えています。テーマ編集の参考にしていただけるとありがたいです。Shopifyでのサイト構築やテーマ開発に興味がある方、実践でのポイントを吸収したいと思っている方などにおすすめの内容です。弊社ではJamstackの知見で事業作りに貢献したいフロントエンドエンジニアを募集しています。開発の基盤部分の設計・実装を得意とするフロントエンドエンジニア募集要項Jamstackの知見で事業作りに貢献したいフロントエンドエンジニア募集(Wantedly)もちろん、一緒にお仕事をしてくださるパートナーさんも随時募集中です。お気軽に声をかけてください。使ったコンポーネント組み込みを担当。プロジェクトチームのリードとして共に組み込み作業をしているメンバーの進行管理も行っています。休日はだいたい家で音楽を聴いており、たまにライブに出かけています。