・
「リポジトリにpushがあったら、手動でDiscordに投稿するのが面倒…」
「重要なissueの作成やコメントをチームが見逃してしまわないか心配…」
このように、GitHubでの開発イベントに関するチームへの情報共有で、手間やコミュニケーションロスを感じていませんか？
もし、<span class="mark-yellow">GitHubでのpushやissue作成、プルリクエストのマージといった特定のアクションをトリガーに、関連情報をDiscordの指定チャンネルへ素早く自動で通知できる仕組み</span>があれば、開発チーム内での情報共有がスムーズになるでしょう。
実は、このような自動化は、Webhookを使用したノーコード連携で実現可能です。
今回ご紹介する自動化の設定はプログラミングの知識がなくても簡単に設定できます。ぜひこの機会に導入して、チームの連携をさらに強化しましょう！
Yoomには<span class="mark-yellow">GitHubのWebhookを活用しDiscordにデータを自動送信するテンプレート</span>が用意されているので、「まずは試してみたい！」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう！
それではここからGitHubのWebhookを活用しDiscordにデータを自動送信する方法を解説します。
今回はより代表的な業務例として、GitHubで任意のWebhookイベントを受信した際に、Discordに自動で通知するフローを解説していきます！
ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト：GitHub／Discord
[Yoomとは]
今回は大きく分けて以下のプロセスで作成します。
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
各ツールのマイアプリ連携方法はナビを用意しているので、同じ手順で進めてみてくださいね。
※事前に両アプリにログインをしておきましょう。
次に、テンプレートをコピーします。
テンプレートは自動化の大枠があらかじめ作成されており、それに沿って設定するだけでフローが完成するため、初心者の方にもおすすめです！
以下のバナーにある「試してみる」ボタンをクリックしてください。
テンプレートのコピーに成功すると、以下の画面が表示されますので「OK」をクリックしましょう。
なお、コピーしたテンプレートはYoomのマイプロジェクトから確認できます。
Yoomのフローボットを動かす引き金となるアクションのことを「アプリトリガー」と呼びます。
まずはこのトリガーの設定を行いましょう。
Webhookを受信したら（Webhook起動）をクリックします。
タイトルは任意のものに変更可能ですが、変更がなければそのままでも問題ありません。
連携するアカウント情報にはステップ1で連携したアカウントか、連携時に使用していたYoomのアカウントが表示されます。
アカウントを確認して問題なければ次へをクリックしてください。
Webhookの設定を行います。
今回ご紹介するテンプレートは、GitHubで任意のWebhookイベントを受信した際に起動します。
任意となっているため、GitHubで設定できる内容のWebhookイベントであれば自由に設定可能です。
今回は、Issuesが更新されたらDiscordにメッセージが送信するという想定で設定を行います。
GitHubのWebhookの登録方法は以下のリンク先をご覧ください。
※今回はIssuesを対象としているため、リンク先の1,2の設定を行っています。
Webhookの登録ができたら、Issuesを更新します。今回は以下のように更新しました。
Yoomの画面に戻ります。次は連携テストを行いましょう。テストボタンをクリックします。
成功するとテスト成功画面とGitHubのデータが確認できます。
また、今回ご紹介するテンプレートは様々なイベントに対応するため、特定の取得した値が設定されていません。
まず、取得した値についてリンク先をご覧ください。
この取得した値をこのあとの設定でも使用することで、GitHubのデータをDiscordに自動送信可能となります。
そのため、Discordに送信したいデータは手動で取得した値に追加する必要があります。
値を追加すると、以下のように取得した値に表示されます。
Discordに送信したい値が表示されているのを確認できたら、忘れずに「保存する」をクリックしましょう。
Discordにデータを送信する設定を行います。
メッセージを送信をクリックしましょう。
タイトルは任意のものに変更可能ですが、変更がなければそのままでも問題ありません。
連携するアカウント情報にはステップ1で連携したアカウントか、連携時に使用していたYoomのアカウントが表示されます。
アカウントを確認して問題なければ次へをクリックしてください。
チャンネルIDを設定します。注釈を確認し入力を行ってください。
メッセージ内容を設定します。デフォルトで設定されていますが、自由に編集可能です。
入力欄をクリックすることで、以下のように取得した値から設定することができます。
取得した値を活用することで、固定値ではなく、トリガーが実行されるたびに最新のGitHubの情報が反映されます。なお、取得した値を活用せずテキストを直接入力した箇所は固定値のため定型文となります。
ここまで設定できたらテストをクリックしてください。
※テストをクリックすると、実際にメッセージが送信されます。
テストに成功するとテスト成功画面と取得した値が表示されますのでご確認ください。
確認できたら「保存する」をクリックしましょう。
また、実際にDiscordにメッセージが送信されているか確認しておきましょう。
先ほどのYoomの画面で保存するをクリックすると以下の画面が表示されます。
トリガーをONをクリックしてください。
お疲れ様でした！ここまでで設定は完了です！
以上がGitHubで任意のWebhookイベントを受信した際に、Discordに自動で通知するフローでした！
GitHubやDiscordのAPIを活用することで、開発業務やチーム内コミュニケーションの効率化が可能になります。
Yoomにはこれらの業務を自動化できるテンプレートが多数用意されており、開発チームやコミュニティ運営をスムーズに進められます。
GitHubによる自動化は、Issue管理や他ツールとの連携を効率化します。
例えば、フォームやCRMで登録された情報をもとに自動でIssueを作成したり、他のプロジェクト管理ツールと連動させることで、開発タスクの一元管理が可能になります。
これにより、手動での登録作業を削減し、開発スピードの向上や情報共有の精度向上に役立つはずです！
Discordを活用した自動化では、通知・問い合わせ対応・コンテンツ生成などを効率化できます。
タスク登録やメール受信をトリガーに通知を送信したり、投稿内容をAIで処理して自動返信することも可能です。
また、フォームやファイルアップロードと連動させることで、チームやコミュニティ内での連絡・情報共有をスムーズに行えるでしょう！
GitHubとDiscordの連携をWebhookで自動化することで、<span class="mark-yellow">これまで手作業で行っていた開発状況の共有作業をなくし、チームメンバー全員がプロジェクトの進捗を把握できるようになります。</span>
これにより、情報共有の漏れや遅延を防ぎ、開発チームは本来集中すべきコーディングやレビューといったコア業務に専念できる環境が整います！
今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築可能です！
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、Yoomによる業務効率化を体験してみてください！
Q：pushやプルリクエストをトリガーにする具体的な設定例は？
A：pushやプルリクエストをトリガーにするには、Webhookの設定画面の「Which events would you like to trigger this webhook?」の項目で「Let me select individual events.」を選択し、「Pull requests」や「Pushes」（Pushesはデフォルトでチェックが入っています）にチェックを入れてWebhookを追加します。
そのあと、pushやプルリクエストを実際に行うことで、トリガーとして起動します。
Q：通知が失敗した場合（GitHub側の障害など）はどうなりますか？
A：運用中に通知に失敗した場合は、フローボットが停止しYoomにご登録いただいているメールアドレスへ通知が届きます。通知メール内に、エラーが起きている箇所や詳細のリンクが記載されておりますのでご確認ください。また、再実行は自動で行われません。エラー修正後に手動で再実行してください。
ヘルプページで解決しない場合は、サポート窓口を利用することもできます。
Q：特定のブランチへのpushや、特定の担当者のIssueだけ通知できますか？
A：はい、可能です。
特定のブランチへのpushや、特定の担当者のIssueだけ通知を行うには分岐の追加が必要です。
分岐はフローボットの追加したい箇所にある「+」をクリックすることで追加できます。
分岐を追加することで、取得した値を利用して処理を分ける条件を設定できます。
なお、分岐はミニプラン以上でご利用可能です。フリープランで利用するとエラーになってしまうのでご注意ください。
分岐について詳しく知りたい方は以下のリンク先をご覧ください。
.png)
.png)
.webp)
.webp)
