GitHubでIssueが作成・更新されたらShopifyの商品説明を自動更新する
商品説明が自動更新されるため、常に最新のデータを取得できます。
開発チームと販売チームの情報共有を効率化したい方におすすめのフローです。
・
「この情報、Shopifyの商品ページにも反映されてるよね…？」
そんな確認を何度も繰り返す日々に、モヤモヤとした気持ちを感じていませんか？GitHubで管理しているIssueの内容を、毎回手動でShopifyに入力するのは手間がかかるうえに、ミスや更新漏れの原因にもなりがちです。そこでGitHubとShopifyを連携すれば、Issueの作成・更新にあわせて商品登録や説明文の自動更新が可能になります。開発チームと販売チームの情報共有がスムーズになり、業務のスピード感も向上するでしょう。
この記事では、GitHubとShopifyを連携してできることや、具体的な設定方法について詳しくご紹介します。商品登録作業を自動化したいと悩んでいる方は必見です！
Yoomを利用することで、ノーコードで簡単にGitHubとShopifyの連携が可能です。
YoomにはあらかじめGitHubとShopifyを連携するためのテンプレートが用意されているため、APIの知識が無くても、登録するだけで今すぐ連携が実現できます。
GitHubとShopifyのAPIを連携すれば、GitHubのデータをShopifyに自動的に連携することが可能です！
たとえば、下記のようなデータ連携を人の手を介さず、自動的に実施することができます。
気になる自動化例の「試してみる」をクリックしてアカウント登録するだけで、すぐにGitHubとShopifyの連携を実際に体験できます。
登録はたったの30秒で完了するので、ぜひ気軽にお試しください！
手動入力の手間が省け、担当者の負担を軽減できます。
開発から販売までのプロセスを効率化したい方におすすめのフローです。
商品説明が自動更新されるため、常に最新のデータを取得できます。
開発チームと販売チームの情報共有を効率化したい方におすすめのフローです。
それでは、さっそくGitHubとShopifyを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでGitHubとShopifyの連携を進めていきますので、まだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
今回はGitHubで作成したIssueをもとにShopifyで商品登録するフローボットを作成していきます！
作成の流れは大きく分けて以下です。
GitHubとShopifyをYoomに接続するマイアプリ登録を最初に行います。
マイアプリ登録を事前に済ませておくと、自動化設定が進めやすくなります。
それでは設定を行いましょう！
Yoom画面左側にある「マイアプリ」→「新規接続」をクリックしてください。
GitHubの連携方法
アプリ一覧が表示されるので、そこからGitHubを探すか、検索機能を活用しましょう。
以下の画面が表示されたら、GitHubにログインしてください。
Shopifyの連携方法
先ほどと同様に、一覧からShopifyを探すか、検索機能を活用してください。
以下の画面が表示されるので、赤枠内の設定を行いましょう。
詳しい設定方法は、こちらを確認してください。
以下の画面から「クライアントID」と「クライアントシークレット」を確認しましょう。
自身のマイアプリ欄に、GitHubとShopifyが表示されていれば登録は完了しています。
それでは自動化の設定を行っていきましょう！
Yoomにログインして、以下のバナーにある「試してみる」をクリックしてください。
自動的にテンプレートがコピーされ、以下の画面が表示されます。
テンプレートはマイプロジェクトというプロジェクトに自動的に格納されるので、確認したい場合はそこから確認してください。
以下の画面表示を読んで、「OK」をクリックしましょう。
以下の画面が表示されたら、「タイトル」を確認してください。
使いやすいようにタイトルを変更することも可能です。
最初に、GitHubのIssueが作成されたらフローボットを起動する設定を行うため、「Issueが新しく作成されたら」をクリックします。
以下の画面が表示されるので、設定を確認します。
問題なければ、「次へ」をクリックしましょう。
GitHubの画面に移動し、テスト用にIssueを作成しましょう。
以下は例ですので、任意で設定してください。
Yoom画面に戻り、「トリガーの起動間隔」を設定してください。
※プランによってトリガーの起動間隔が異なるため、注意しましょう。
スクロールし、説明に従って「オーナー名」と「リポジトリ名」を設定します。
設定が完了したら、「テスト」をクリックします。
テストが成功すると、以下のように「テスト成功」と表示されます。
その下に「アウトプット」が表示されます。
アウトプットはこの後の設定で活用するので、間違いがないか確認してください。
確認できたら、「保存する」をクリックしましょう。
続いて、商品を追加する設定を行うため、「商品を追加」をクリックします。
以下の画面が表示されるので、設定を確認してください。
問題なければ、「次へ」をクリックしましょう。
※Shopoifyは、チームプラン・サクセスプランをご利用の方向けのアプリです。
フリープランやミニプランで使うと、フローボットのオペレーションやデータコネクトがエラーになってしまうのでご注意ください。
有料プラン（チームプラン・サクセスプラン）には2週間の無料トライアルがあります。
トライアル期間中なら、普段は制限されているShopifyも問題なくお試しいただけます。
ぜひこの機会にいろいろと体験してみてくださいね。
以下の画面が表示されたら、「サブドメイン」を説明の通りに設定してください。
スクロールし、「商品タイトル」を設定してください。
GitHubのIssueタイトルを使用することで、自動的に商品タイトルを設定できます。
赤枠内の矢印をクリックするとアウトプットが表示されるので、「Issueタイトル」を設定しましょう。
「商品説明」の項目にGitHubの「コメント」を設定することで、商品説明の欄を自動的に設定できます。
設定が完了したら、「テスト」をクリックしてください。
テストが成功すると、「テスト成功」と表示されるので、「保存する」をクリックしましょう。
Shopifyの画面に移動すると、以下のように商品が追加されているはずです！
こちらで全ての項目の設定が完了しました！
以下の画面が表示されるので、「トリガーをON」をクリックしたら、自動化の設定は完了します。
設定したフローボットが正常に起動するかチェックしてみましょう！
こちらがGitHubで作成したIssueをもとにShopifyで商品登録するフローでした。
先ほどはGitHubからShopifyへデータを連携する方法をご紹介しましたが、反対にShopifyからGitHubへのデータ連携を実施したい場合は、下記のテンプレートをご利用ください。
Shopifyの注文情報を基にGitHubにIssueを作成できるため、Issueの作成漏れを防止できます。
注文処理を効率化したい方におすすめのフローです。
品質の高いコード作成ができるようになるでしょう。
ShopifyとGitHubを連携させたい開発者やECサイト運営者におすすめのフローです。
GitHubやShopifyのAPIを使用してさまざまな業務を自動化することが可能です。
もし気になるものがあればぜひこちらも試してみてください！
GitHubのIssueの作成や更新をデータベースに追加可能です。チャットツールのメッセージを基に、GitHubにIssueを作成することもできます。
Shopifyの注文情報をチャットツールに通知したり、商品情報に基づいてフォルダを作成したりできます。データベースの情報を基に、Shopifyに顧客情報の登録が可能です。
いかがでしたか？GitHubとShopifyを連携すれば、「開発と販売の情報共有を効率化したい」「商品情報の更新ミスをなくしたい」「手動入力の手間を省きたい」といった課題を解消できるはずです。Issueの情報をもとに商品登録や説明文の反映を自動化することで、作業の抜け漏れを防ぎ、チーム間の連携もスムーズに進められます。
<span class="mark-yellow">ノーコードツールYoomを活用すれば、プログラミングの知識がなくても、簡単にGitHubとShopifyの連携を実現できます！</span>気になった方はまずは無料アカウントを作成して、実際に使い勝手を確かめてみてください。登録はたったの30秒で完了！すぐに自動連携を体験できます。
GitHubとShopifyを連携させて、もっとスムーズでミスのない業務環境を目指してみませんか？
.png)
.png)
.webp)
.webp)