GitHubとTrelloを連携して、GitHubのIssueをTrelloに追加する方法

チーム別でタスク管理ツールを使い分けているなら、連携してみませんか？例えば、開発チームがGitHub、他チームではTrelloを使用している場合、GitHubに登録したIssueをTrelloに追加することが可能になります。

タスク管理ツールを用途別に別けることで、より詳細な業務管理が行いやすくなりますよね。しかし、プロジェクト全体にも周知しなければならない内容の場合は、他ツールにも転記しなければなりません。
そこまで大変な作業ではないものの、毎回となると意外と手間に感じる人は多いでしょう。

こういった悩みを解消するのが今回の連携です。<span class="mark-yellow">GitHubとTrelloを活用した自動化を導入することで、効率的にタスク管理が可能になるはずです。</span>
タスク管理は業務をスムーズに進める鍵と言えます。特にプロジェクト全体の進行を円滑に運ぶためには、チーム間の連携はマストでしょう。ぜひお試しください！

GitHubとTrelloを連携するメリット

メリット1:二度手間が解消される

開発チームがIssueを追加した場合、プロジェクト全体に関りがある内容であれば、Trelloにも同じ内容を転記することとなります。こうすることで進捗状況が理解しやすくなり、他チームとの連携もとりやすくなりますよね。

しかし、同じ内容を2度入力する手間が発生してしまうでしょう。異なるツールを開き入力をするのは、そこまで大変な作業ではありませんが、毎度のこととなると少し面倒に感じるはずです。
今回の連携により、GitHubに作成したIssueが自動でTrelloにも追加されるようになれば、このような二度手間から解放されます。

メリット2: 効率的にタスク管理ができる

開発チームはタスク管理に関わるフローが簡易化されます。入力作業が省けるため、時間の節約となるでしょう。開発に注げる時間が増えれば、より集中して業務に取り掛かれるようになるはずです。
このように効率的にタスク管理ができると、本来のコア業務がスムーズに運びやすくなるかもしれません。
また、他チームとのタスクの共有が容易になり、プロジェクトの見通しも良くなることが期待できます。
さらに、自動的にTrelloへカードが追加されることにより伝達漏れも防げるはずです。これにより、コミュニケーションの促進にも繋がるでしょう。

[Yoomとは]

これから、プログラミング不要でアプリ連携が可能なYoomで、「GitHubでIssueが作成されたらTrelloに追加する」というフローボットの作成方法を紹介します。
Yoomの登録後、ぜひ作成してみてください！

上記のフローボットテンプレートは、下記よりコピー可能です。

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.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

‍

ステップ2:GitHubのトリガー設定

1.マイプロジェクトを開く

画面左側のメニューから「マイプロジェクト」を開きましょう。

2.コピー済みテンプレートを選択する‍
‍「【コピー】GitHubでIssueが作成されたらTrelloに追加する」を選択しましょう。

3.アプリトリガーを選択
‍GitHubのアイコンの「Issueが新しく作成されたら」を選択してください。
次へを押します。‍

4.起動間隔の設定

起動間隔を設定しましょう。
トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
プランによって最短の起動間隔が異なりますので、ご注意ください。

5.必須項目の入力

赤枠の補足に従い、GitHubからコピー＆ペーストをします。

6.テストの実行

全ての項目の入力が完了したら、画面下部にあるテストボタンを押しましょう。
青くテスト成功と表示がされたら、GitHubの設定は完了となります。

ステップ3：Trelloのアクションを設定

1.アプリトリガーを選択
‍Trelloのアイコンの「新しいカードを作成」を選択してください。
次へを押します。‍

2.キーとトークンの入力

赤枠の捕捉に従い、設定しましょう。‍

3.ボードIDの入力

TrelloのURLからボードIDを取得します。

URLの赤枠の部分に表示されているため、コピー＆ペーストしましょう。

4.リストIDの入力

補足に沿って設定を行いましょう。

5.テストの実行
テストボタンをクリックしてください。テスト成功と表示されたら保存をしましょう。

6.トリガーをONにする

全ての設定が完了しました。
上記の表示がされたら、トリガーをONにしましょう。

‍

今回使用したフローボットテンプレート
GitHubでIssueが作成されたらTrelloに追加する

GitHub・Trelloを使ったその他の自動化例‍

他にも、GitHubとTrelloの自動化の例がYoomにはたくさんあるので、いくつか紹介します。

1.Trelloでカードが登録されたらGitHubに追加する
‍今回のフローボットは逆バージョンとなります。プロジェクト全体のタスクを、開発チームが使用するGitHubに反映しやすくなるでしょう。

2.GitHubでIssueが作成されたらJira Softwareにタスクを追加する
‍開発チーム同士の連携であれば、GitHub×Jira Softwareはいかがでしょうか。大規模開発にもおすすめです。

3.Trelloが起動したらGoogleスプレッドシートにtrelloの情報を追加
‍Trelloのカードを自動でGoogle スプレッドシートに転記可能です。詳細なタスク管理や編集がしやすくなるでしょう。

まとめ

GitHubにIssueを追加した後、さらにTrelloにもカードを追加するとなると、二度手間となってしまいます。業務をスムーズに行うためのタスク管理に時間をかけることとなるため、効率的とは言えないでしょう。
こういったデメリットを解消できるのが今回の自動化です。わずかな時間でもそれが日々の積み重ねとなれば、リソースの節約に繋がります。
ぜひこの機会に自動化を導入し、業務フローの効率化をしてみませんか？