Shopify構築支援パートナーを探すならShopiFinder

このサイトは、Zenken株式会社が運営するShopify構築支援業者紹介のメディアです。Shopifyを提供するShopify社は、このサイトと関係ございません。

61社から提案!Shopify制作会社・構築支援パートナー探しならShopiFinder » Shopifyでできること!目的別機能詳細 » ShopifyとGitHub連携

ShopifyとGitHub連携

これまでShopifyディベロッパーにとってテーマファイルの管理方法やチームでの開発方法は大きな悩みとなっていました。しかし2021年のアップデート以降、ソフトウェア開発のプラットフォームであるGitHubとの連携が可能になり、課題解決に大きく貢献しています。

ShopifyとGitHubを連携されるメリット

変更内容をGitHubに履歴として残せる

GitHubが連携できていない状態では本番環境とGitHubの最新内容に差分ができてしまうことがあったため、差分がある状態で編集したコードを反映させると内容がリセットされる事象が発生していました。しかし連携することでこの内容と本番環境の差分がないよう管理できます。

GitHubにバックアップできる

テーマをGitHubで管理しておくことができると、万が一Shopifyの管理画面からテーマを削除してしまったとしても、GitHub側にデータが残っているため復旧を行うことが可能です。バックアップになる点も大きなメリットの一つです。

複数バージョンを管理できる

GitHubをShopifyと連携することにより、複数のバージョンを管理することができるようになります。バージョン管理ができるようになったことで、PDCAサイクルの加速に貢献してくれるようになるでしょう。

ブランチ毎に連携できる

GitHubとShopifyはブランチごとの連携が可能であることから、それぞれでどのような変更を行ったのかの履歴を残すことができます。これにより編集の差分を確認することができるなど、非常に便利な機能です。

管理画面の同時編集が可能

管理画面で当時に編集を行う場合、片方の修正が上書きされてしまうリスクがあります。ローカル環境での変更を同時に行う場合やチームで開発してしまう場合など、連携をしておくことにより誤って上書きされることなく管理できます。

ShopifyとGitHubの連携手順

GitHubに登録

まずはじめに取り組むべきことはGitHubでのアカウント準備です。GitHubを利用するためにはもちろんアカウント登録をする必要がありますので、準備してから連携を進めて行きましょう。GitHubのアカウント作成は、GitHubの公式ホームページから行うことができます。

Shopifyの準備(Shopify CLIもしくはTheme Kit)

もう一点準備すべきことはShopify側での環境整備です。Shopify CLIもしくはTheme Kitでの開発環境の準備が必要であり、このShopify CLIとはShopifyの開発を行うためのコマンドラインツールです。これを導入することによりローカル環境で行った開発のプレビューを行えます。Shopify CLIを使ってローカル環境を構築する際には新しいテーマの作成、もしくは既存のテーマをローカル環境に準備して進めましょう。

Themeを管理するGitリポジトリをGitHub上に作成する

連携するにあたっては、まずテーマの編集を行うまえにGitHub上で新しいリポジトリを作成しましょう。Shopifyのテーマ管理を行っているディレクトリでリポジトリの作成を行います。初期ファイルをローカルリポジトリへ追加したあとリモートリポジトリと紐づけを行い、リモートリポジトリにプッシュします。

Shopifyの管理画面でGitHubに接続する

次にShopifyの管理画面上で「オンラインストア」を開き、「テーマ」「テーマを追加」「GitHubから接続する」という順番にクリックして進めましょう。その後「テーマを接続する」から作成したリポジトリを選択し、管理画面からテーマを編集してみることで連携ができているかの確認を行いましょう。管理画面から編集した内容がGitHubに反映されており、GitHub側のリポジトリに編集した箇所がアップデートされていることが確認できると完了です。

機能を学んでうまく使おう

Shopifyはさまざまな他ソリューションを連携させることによりその使いやすさや導入するメリットを大きく伸ばすことができます。どういうことができるのか、どんな機能があるのかを学んだうえでうまく使いこなせるようにしましょう。

公認×実績×実績を満たす
Shopify構築支援
パートナーおすすめ3社!
Shopify「公認」パートナー105社から構築「実績」のある61社を調べ上げ、
専門書を執筆するほどの深い「知見」を持つ会社を選びました。
あとは自社に必要なサポートを提供してくれる会社を選ぶだけ。
あなたの悩み・課題を
解決できるのは?
売上の伸び悩み・技術的な不安を
お持ちの企業におすすめ
フルバランス
株式会社フルバランス
引用元HP:株式会社フルバランス公式サイト
https://fbl.jp/
EC売上の低迷・乗り換えに伴うデータ抽出等に悩んでいる方に、商材に合わせた有効な施策・サイト改修を提案
売上成長率463%※1の実績&公式フォーラム貢献度1位※2の知見で、パフォーマンスの最大化を図る「育て屋グロースハッカー」です。

公式サイトで詳しく見る

事業アイデアから相談して
形にしていきたい企業におすすめ
フラクタ
株式会社フラクタ
引用元HP:株式会社フラクタ公式サイト
https://fracta.co.jp/
プロモーションの企画立案やイメージ戦略に悩んでいる方に、ブランディングのノウハウを提案
プロジェクトの立ち上げから参画し、調査・企画・設計を一緒に考えてくれる、頼れる「企画屋ヒットメーカー」です。
         

公式サイトで詳しく見る

ささげ業務までEC運用を
まるっと任せたい企業におすすめ
コマースメディア
株式会社コマースメディア
引用元HP:株式会社コマースメディア公式サイト
https://commerce-media.info/
社内の運用体制やリソース不足に悩んでいる方に、構築後の運用フェーズまでフルコースで代行
サイトの構築だけでなく、情報更新・受注代行・物流代行・CS・CRMなども幅広くカバーする「便利屋トータルサポーター」です。

公式サイトで詳しく見る

■フルバランス参照元
※1 株式会社フルバランス公式サイト(https://fbl.jp/)より、2017年以降構築の全クライアントを対象に2021年5月〜2022年4月の売上成長率から平均値を算出。
※2 参照元:株式会社フルバランス公式サイト(https://fbl.jp/)より、2022年6月時点でのShopify公式コミュニティのランキング
Shopify 技術的なQ&A https://community.shopify.com/c/技術的なq-a/bd-p/tqa-jp

■選定基準
Shopifyの公認パートナー「ShopifyExperts」「ShopifyPlusPartners」(2022年6月時点)である105社※1のうち、
①公式サイトに構築事例の記載があること(2022年6月時点)
②Shopifyに関する専門書籍を発行している※2こと
を満たし、かつ、ECサイト構築の専門家としてユーザーの課題解決に必要な3つの軸を下記に定義し、それぞれに強みのある会社として3社を選定。

  • ・ブランディング … 唯一、公式サイト上で社員教育・事業推進・リブランディングに至るまで包括的に「ブランディング特化」の事業を展開している記載がある
  • ・コンサルティング … 唯一、公式サイト上で売上成長率の数字を明記しており、また公式フォーラム貢献度1位の実績がある※3
  • ・運用サポート … 唯一、公式サイト上で構築後の詳細な運用業務(サイト更新作業、受注代行、SEO対策、メルマガ・キャンペーン、在庫管理、物流代行、カスタマーサポート)までサポートすることを明記している

※1 参照元:Shopify公式サイト(2022年6月時点) https://community.shopify.com/c/総合的なディスカッション/日本のshopify-expertsとshopify-plus-partnersの一覧/td-p/722989

※2 Amazonで「Shopify」と検索してヒットする有料の書籍のうち、著者がShopifyの構築支援を行っている企業・団体に所属していることが明示されており、判断できるもの。(2022年6月時点)

※3 参照元:株式会社フルバランス公式サイト(https://fbl.jp/)より、2022年6月時点でのShopify公式コミュニティのランキング
Shopify 技術的なQ&A https://community.shopify.com/c/技術的なq-a/bd-p/tqa-jp