GitとGitHub連携
テーマをGitで管理し、ShopifyのGitHub連携でストアとブランチを同期させる運用を組める
最終確認: 2026-09
解説
受託の現場でなぜ必要か: この回では、テーマをGit(変更の履歴を残す仕組み)で管理し、GitHub連携でストアと同期させる運用を組めるようになります。
受託では、エディタでの変更は履歴が残らないので、「いつ誰が何を変えたか」をGitで残すことが保険になります。
なぜGitで管理するのか
理由は、履歴・差分・戻せること、の3つです。
管理画面のコードエディタでの編集や、テーマエディタでの設定変更は、そのままでは履歴が残りません。
テーマは開発者・クライアント・アプリの複数が触るので、履歴が無いと「誰が壊したか」が分かりません。
GitHub連携を使うと、エディタでの変更までコミットとして残ります。
ShopifyのGitHub連携とは、ブランチとテーマを結びつける仕組み
管理画面のテーマ › テーマを追加 › GitHubから接続で、リポジトリのブランチとテーマを結びつけます。
ブランチにpushすると自動でテーマに反映され、テーマエディタでの変更はコミットとしてブランチに書き戻されます(双方向)。
約10秒以内の連続した編集は、1つのコミットにまとめられます。
接続できるのは、Shopifyのテーマのフォルダ構成そのもの(ビルド済み)のブランチだけです。
ビルド工程があるなら、出力をコミットするブランチを作ります。
衝突はブランチを分けて避ける
エディタ側の変更(settings_data.json・JSONテンプレート)と手元の変更が同じファイルに当たると、衝突します。
ブランチを環境ごとに分ける(main=公開、develop=非公開)などの方法で避けます。
公開テーマに繋ぐブランチには、確認済みの変更だけをマージします。
発展:.gitignoreに入れるもの
.shopify/(CLIの作業ファイル)、node_modules/、OSのファイル、zipを.gitignoreに入れます。
トークンは絶対にコミットしません。
※ ShopifyはShopify Inc.の商標です。本サイトは個人が制作した非公式の学習教材であり、同社の承認・提携・後援を受けていません。記載内容は2026-09時点のものです。料金・上限値・管理画面のラベルは変わるため、作業の前に公式ドキュメントで確認してください。