GitHubとTrelloの連携イメージ
How to Integrate Applications

2024/10/07

How to integrate GitHub with Trello and add GitHub Issues to Trello

a.ohta

If you are using different task management tools for each team, why not try integrating them? For example, if the development team uses GitHub and other teams use Trello, you can add issues registered in GitHub to Trello.

By separating task management tools by purpose, it becomes easier to conduct more detailed business management. However, if the content needs to be communicated to the entire project, it must be transcribed to other tools as well.
While it's not a particularly difficult task, doing it every time can feel surprisingly cumbersome for many people.

This integration is here to solve such problems. <span class="mark-yellow">By implementing automation using GitHub and Trello, efficient task management should become possible.</span>
Task management can be said to be the key to smoothly advancing work. Especially to smoothly carry out the progress of the entire project, collaboration between teams is a must. Please give it a try!

Benefits of Integrating GitHub and Trello

Benefit 1: Elimination of Redundant Work

When the development team adds an issue, if it is content related to the entire project, the same content will be transcribed to Trello. This makes it easier to understand the progress and facilitates collaboration with other teams.

However, there will be the hassle of entering the same content twice. Opening different tools and entering data is not a particularly difficult task, but doing it every time may feel a bit cumbersome.
With this integration, if the issue created in GitHub is automatically added to Trello, you will be freed from such redundant work.

Benefit 2: Efficient Task Management

The flow related to task management for the development team is simplified. Since input work is eliminated, it will save time. If the time that can be devoted to development increases, you should be able to focus more on your work.
Efficient task management like this may make it easier for the core business to proceed smoothly.
Additionally, sharing tasks with other teams becomes easier, and the outlook for the project is expected to improve.
Furthermore, by automatically adding cards to Trello, communication omissions should also be prevented. This will also lead to the promotion of communication.

[About Yoom]

From now on, we will introduce how to create a flow bot with Yoom, which allows app integration without programming, to "add to Trello when an issue is created in GitHub".
After registering with Yoom, please try creating it!

The above flow bot template can be copied from below.

1.上記バナーの「詳細を見る」を押す
2.ページが移行します。下部にある「このテンプレートを試してみる」を押す
3.Yoomの登録をする

※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

GitHubとTrelloの連携フローの作り方

ステップ1:マイアプリ連携

テンプレートがコピーされ、上記のような画面になります。
Yoomの「マイプロジェクト」というページに移行しているため、画面の左側にあるメニューから「マイアプリ」を選択してください。

まずは、Yoomと各ツールの連携を行います。右上の「新規接続」をクリックしましょう。

GitHubとYoomの連携

1.検索する
GitHubを検索し、GitHubのアイコンをクリックします。

2.ログインする
GitHubのログイン画面が表示されるため、ログインしましょう。

3.連携完了

すぐに画面が切り替わり、上記の表示がされれば連携完了です。

TrelloとYoomの連携

1.検索する
Trelloを検索し、Trelloのアイコンをクリックします。

2.必須項目の入力

ボックスを入力していきましょう。
Trelloのマイアプリ連携
に詳細が記載されているため、ご覧ください。

3.追加する
必須項目の入力が完了したら、右下の追加ボタンを押してください。

画像のような表示がされたら連携は完了です。
2つのアプリが連携できたため、次はフローボットの中身の設定に参ります。
コピーがまだの場合は、フローボットテンプレートを下記よりコピーしてください。

1. Hover over the banner and click "View Details"
2. Click "Try this template" on the page you navigated to
3. Register for Yoom
※ If you have already registered, the login screen will be displayed, so please log in.

Step 2: Set up GitHub Trigger

1. Open My Projects


Open "My Projects" from the menu on the left side of the screen.

2. Select the copied template‍
Select "【Copy】Add to Trello when an issue is created in GitHub".

3. Select the app trigger
Select "When a new issue is created" from the GitHub icon.
Press Next.

4. Set the launch interval

Set the launch interval.
You can choose the trigger launch interval from 5 minutes, 10 minutes, 15 minutes, 30 minutes, or 60 minutes.
Please note that the shortest launch interval varies depending on the plan.

5. Enter required fields

Follow the red frame supplement and copy & paste from GitHub.

6. Run the test


Once all fields are entered, press the test button at the bottom of the screen.
If it displays "Test successful" in blue, the GitHub setup is complete.

Step 3: Set up Trello Action

1. Select the app trigger
Select "Create a new card" from the Trello icon.
Press Next.

2. Enter the key and token

Set it up according to the red frame supplement.

3. Enter the board ID

Obtain the board ID from the Trello URL.

Copy & paste it from the part displayed in the red frame of the URL.

4. Enter the list ID

Set it up according to the supplement.

5. Run the test
Click the test button. If it displays "Test successful", save it.

6. Turn on the trigger

All settings are complete.
When the above display appears, turn on the trigger.

Flowbot template used this time
Add to Trello when an issue is created in GitHub

Other Automation Examples Using GitHub and Trello

There are many other examples of automation with GitHub and Trello on Yoom, so here are a few introductions.

1. Add to GitHub when a card is registered in Trello
This flow bot will be the reverse version. It will make it easier to reflect the tasks of the entire project in GitHub, which is used by the development team.

2. When an issue is created on GitHub, add a task to Jira Software
If it's collaboration between development teams, how about GitHub×Jira Software? It's also recommended for large-scale development.

3. Once Trello is launched, add Trello information to Google Sheets
It is possible to automatically transfer Trello cards to Google Sheets. This will make detailed task management and editing easier.

Summary

Adding an issue to GitHub and then adding a card to Trello can be a redundant task. Spending time on task management to ensure smooth operations is not efficient.
This automation can eliminate such disadvantages. Even a small amount of time saved can accumulate over days, leading to resource savings.
Why not take this opportunity to implement automation and streamline your workflow?

The person who wrote this article
a.ohta
After working as a general store manager, I started working from home as an SEO writer. Later, an outsourcing agreement was signed with a marketing startup for about 5 years. Surrounded by students at the University of Tokyo, I held a computer and spent my days studying various business terms and how to use SaaS tools. When I was a general store manager, time was taken over and over again by office work such as sales and inventory management, human resource management, and ordering, etc., and I was unable to serve customers and often missed sales times. Even when outsourcing, there are many detailed tasks such as input, etc., and “can't such monotonous tasks be automated?” I thought so, and I really sympathize with Yoom's vision!
Tags
GitHub
Trello
Automation
Integration
Related Apps
App integration
What is Yoom hyperautomation?
Conventional RPA can only automate simple repetitive tasks, and the setup process was very complicated.
With “hyperautomation,” which combines various technologies such as AI, API, RPA, and OCR, it is possible to automate many tasks that could not be realized until now more easily than before.
Don't Just Connect Apps—Automate Everything
Most tools simply connect one app to another, leaving the complex tasks to you. Yoom goes much further: From document creation and browser automation to OCR and generative AI, Yoom handles it all seamlessly in one platform.

Why settle for basic integrations? Streamline your entire workflow with Yoom’s powerful hyperautomation.
Learn more about Yoom
Helpful Materials
I understand Yoom! 3-piece set of materials
Download materials
Understand in 3 minutes! Yoom service introduction materials
Download materials
Find out by Before After! Yoom Case Study Collection
Download materials
See a list of useful materials