・
「Jotformで受け付けたバグ報告や機能要望を、開発タスクとしてGitHubのIssueに1件ずつ手動で登録している…」
「ユーザーからの問い合わせ内容をコピー&ペーストで転記しているが、地味に時間がかかるし、ミスも起こりがちでストレスを感じる…」
このように、JotformとGitHub間での手作業によるデータ連携に非効率さや課題を感じていませんか?
もし、<span class="mark-yellow">Jotformのフォームが送信されると同時に、その情報を基にGitHubのIssueが自動で起票される仕組み</span>があれば、面倒な作業から解放され、開発チームへの情報連携が迅速かつ正確に行えるようになり、本来注力すべきコア業務に集中できる時間を生み出せるかもしれません。
今回ご紹介する自動化の設定は、専門的な知識がなくてもノーコードで簡単に設定できます。
ぜひこの機会に導入して、日々の業務をもっと効率化させましょう!
Yoomには<span class="mark-yellow">JotformとGitHubを連携するためのテンプレート</span>が用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう!
JotformとGitHubのAPIを連携させることで、これまで手作業で行っていたツール間の情報共有を自動化できます!
気になる自動化例の「試してみる」をクリックしてアカウント登録するだけで、すぐにJotformとGitHubの連携を実際に体験できます。
登録はたった30秒で完了するので、ぜひ気軽にお試しください!
Jotformでバグ報告や機能要望をユーザーから受け付けた際、その情報を基に自動でGitHubにIssueを作成します。
<span class="mark-yellow">開発チームへの情報連携が迅速に行われ、転記ミスや対応漏れを防ぎ、チーム全体の生産性を向上</span>できます。
全てのフォーム送信をIssueとして起票するのではなく、担当者がYoom上で確認し、承認した場合にのみGitHubにIssueを作成できます。
<span class="mark-yellow">承認フローを自動化に組み込むことで、不要なIssueの乱立を防ぎ、より整理されたタスク管理を実現</span>します。
それでは、さっそく実際にJotformとGitHubを連携したフローを作成してみましょう!
今回はYoomを使用して、ノーコードでJotformとGitHubの連携を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト:Jotform/GitHub
[Yoomとは]
今回は、Jotformで送信された情報を基にGitHubにIssueを作成するフローを作成していきます!
作成の流れは大きく分けて以下です。
Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます!
まずは基本的な設定方法を解説しているナビをご覧ください!
それではここから今回のフローで使用するアプリのマイアプリ連携方法を解説していきます!
1.Jotformのマイアプリ連携
Jotformを選択すると、下記の画面が表示されます。
アカウント名は、「プロジェクト名」「管理者」など任意の名前を入力してください。
アクセストークンは、Jotformから取得します。
こちらのページに移動し、「新しいキーを作成」をクリックして、APIキーを作成しましょう。
作成したAPIキーをコピーして、Yoomの画面に戻ります。
アクセストークンにコピーしたAPIキーを貼り付けて、「追加」をクリックします。
これで、YoomとJotformの連携完了です!
2.GitHubのマイアプリ連携
以下の手順を参考にして、GitHubとYoomを連携してください!
Yoomにログインし、下記バナーの「試してみる」をクリックしてください。
コピーすると下記画像のようにテンプレートがお使いのYoom管理画面にコピーされます。
OKをクリックして設定を進めていきましょう!
「フォームが送信されたら」をクリックします。
クリックすると以下の画面に移ります。
アカウント情報と書かれた項目にはステップ1でマイアプリ連携した際の情報が記載されています。
トリガーアクションは、「フォームが送信されたら」のままで次に進みましょう!
まず準備として、Jotformに移動し、テスト用のフォームを作成しましょう。
今回は、以下のようにフォームを作成してみましたので、ぜひ参考にしてください!
※後の動作確認で必要となるため、フォーム作成後には必ず回答まで完了させておいてくださいね!
テスト用のフォームを作成し、テスト用の回答を送信した後、Yoom画面に戻ります。
下記の「JotformのWebhook設定方法」を参考にして、Webhookを設定してください。
Webhookの設定が完了したら、Yoomの操作画面に戻りテストを実行します。
テストが成功したら、「保存する」をクリックして完了です!
「最新の回答を取得する」をクリックします。
クリックすると以下の画面に移ります。
こちらも、ステップ1でマイアプリ連携したJotformのアカウント情報が自動で表示されます。
アクションは、「最新の回答を取得する」のまま次に進みましょう!
編集欄をクリックすると、連携したJotformアカウントのフォーム候補が表示されます。
その中から、連携したいフォームを選択してください。
選択すると自動でフォームIDが自動で反映されます。
フォームIDの入力が完了したら、テストを実行します。
テストに成功すると取得した値の横に、Jotformでの回答内容が表示されます。
Jotformで、デフォルトで取得できる値は、「回答ID」「IPアドレス」「回答日時」「ステータス」「新規フラグ」のみなので、ユーザーの回答内容を取得するために、手動で回答を取得する必要があります。
「取得する値を追加」をクリックし、取得した値を追加しましょう。
詳しくは下記の「Webhook起動後の最新回答を取得方法」をご参照ください。
※取得した値とは?
トリガーやオペレーション設定時に、「テスト」を実行して取得した値のことを指します。
後続のオペレーション設定時の値として利用でき、フローボットを起動する度に変動した値となります。
「answer」と記載されている部分は、Jotformに送信された回答です。
追加したい項目の「+」をクリックして追加してください。
追加した項目の「ペンマーク」をクリックします。
下記のように、管理しやすい項目名に変更します。
すべての項目名の変更が完了したら、「保存する」をクリックして完了です!
最後に、Jotformに送信された情報を基にGitHubにIssueを作成する設定を行います。
「Issueを作成」をクリックしてください。
クリックすると以下の画面に移ります。
Jotformと同様に、ステップ1でマイアプリ連携したGitHubのアカウント情報が自動で表示されます。
トリガーアクションは「Issueを作成」のままで次に進みましょう!
オーナー名とリポジトリ名を、赤枠の説明を参考にして入力します。
次に、GitHubで作成するIssueに表示させる情報を入力していきます!
編集欄をクリックして、「最新の回答を取得する」からタイトルを選択します。
Issueの内容は自由にカスタマイズ可能です!
編集欄をクリックし、「最新の回答を取得する」からJotformに送信した回答情報を引用することができるので、必要な情報を入れてカスタマイズしましょう!
今回は下記のように入力してみました。
【Tips】
テキストを直接入力した部分は固定値として扱われます。
そのため、毎回変動が必要な情報(例:ユーザー名など)は取得した値を活用しましょう!
例えば、下記画像のように詳細を編集することができます。
これにより、毎回変動する情報は手動で入力する必要がなく、効率的に連携できます!
任意で下記を入力し、「テスト」をクリックします。
【Tips】
ここで設定した内容は、以降すべての連携に反映されます!
柔軟に対応したい場合は、空欄のままにしておくのがおすすめです!
テストが成功したら、「保存する」をクリックして完了です!
GitHubにIssueが作成されました!
最後に「トリガーをON」をクリックしたら、自動化の設定は完了です!
実際にフローボットを起動し、Jotformに回答を送信したら、GitHubにIssueが作成されるか確認してみてくださいね!
今回ご紹介した連携以外でも、JotformやGitHubのAPIを活用してさまざまな業務を自動化することが可能です。
もし気になるものがあればぜひこちらもお試しになってみてください!
フォーム回答があったらレコードを自動登録したり、カレンダーへ予定を自動登録します。
また、チャットツールへ通知したり、タスク管理ツールへカードを自動作成します。
手動でのデータ転記がなくなり、情報連携の正確性と業務処理のスピードが向上します。
Issueやプルリクエストが作成・更新されたら、データベースやドキュメントへ自動記録したり、チャットツールへ通知します。
逆に、ECサイト、フォーム、タスク管理ツールからの情報をトリガーにIssueやプルリクエストを自動作成します。
手動での情報転記がなくなり、開発効率とチーム間の連携がスムーズになります。
JotformとGitHubの連携を自動化することで、<span class="mark-yellow">これまで手作業で行っていたユーザーからのフィードバックやバグ報告などの情報転記作業をなくし、開発チームへの迅速かつ正確な情報共有を実現できます。</span>
これにより、対応漏れや転記ミスといったヒューマンエラーを防ぎ、担当者は本来注力すべきコア業務に集中できる環境が整うでしょう。
今回ご紹介したような業務自動化は、ハイパーオートメーションツール「Yoom」を使えば、プログラミングの知識がない方でも、画面の指示に従って操作するだけで直感的に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、Yoomがもたらす業務効率化を体験してみてくださいね!
Q:Issueのタイトルや本文はカスタマイズできますか?
A:はい、できます!
Jotformのフォームから取得した各回答項目(例:タイトル・ユーザー名・詳細・期日など)をGitHubのIssueタイトルや本文にマッピングすることが可能です。
例えば、Issueのタイトルに「Jotform連携_{{タイトル}}」や「{{タイトル}}{{期日}}」など、自由にカスタマイズできます!
Q:特定の回答があった時だけIssueを作成できますか?
A:はい、分岐オペレーションを設定することで実現可能です。
例えば、「バグ」や「緊急」といったワードが含まれる場合にのみGitHubのIssueを作成し、それ以外の回答では作成をスキップすることができます。
これにより、不要なIssueの乱立を防ぎ、重要なもののみをGitHubに反映させることができます。
※「分岐する」オペレーションは、ミニプラン以上でご利用いただけます。
Q:連携が失敗した場合の通知や対処方法はありますか?
A:フローボットでエラーが発生した場合、Yoomに登録したメールアドレスに通知が送信されます。
通知先は、メールの他にSlackやChatworkも設定可能です。
通知にはエラーが発生したオペレーションも記載されているので、問題がどこで起きたかすぐに確認できます。
エラーが起きた際の対応方法については下記のサイトをご参照ください。
ヘルプページで解決しない場合は、サポート窓口を利用することもできます。