Webflowでアイテムが公開されたら、テキストを抽出してGitHubでプルリクエストを作成する

■概要

Webflowで管理しているコンテンツをGitHubのリポジトリに反映させる際、手作業でのプルリクエスト作成に手間や時間を要していませんか。また、手作業による情報転記は、ミスの原因にもなりかねません。このワークフローを活用することで、WebflowとGitHubの連携を自動化できます。Webflowでアイテムが公開されると、その内容を基にGitHubでプルリクエストが自動で作成され、コンテンツ更新と開発フローの連携を円滑にします。

■このテンプレートをおすすめする方

• Webflowでのコンテンツ公開とGitHubでのバージョン管理を手作業で行っている方
• WebflowとGitHubを連携させ、効率的なWebサイトの運用フローを構築したいチーム
• 手作業による情報転記や、プルリクエスト作成時の設定ミスを防止したいWeb担当者の方

■このテンプレートを使うメリット

• Webflowでアイテムを公開するだけでGitHubのプルリクエスト作成までが完了するため、これまで手作業で行っていた時間を短縮できます。
• 手動での情報転記が不要になることで、入力ミスやプルリクエスト作成時の設定漏れといったヒューマンエラーの発生を防ぎます。

■フローボットの流れ

1. はじめに、GitHubとWebflowをYoomと連携します。
2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
3. 次に、オペレーションでAI機能の「テキスト抽出」を設定し、Webflowのアイテムからプルリクエストに必要な情報を抽出します。
4. 最後に、オペレーションでGitHubの「プルリクエストを作成」を設定し、前のステップで抽出した情報を活用してプルリクエストを作成します。

※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

• AI機能のテキスト抽出オペレーションでは、Webflowで作成されたアイテムのどの項目を抽出するかを任意で設定してください。
• GitHubでプルリクエストを作成するオペレーションでは、抽出した情報や任意のテキストを用いて、タイトルやブランチ名などを設定してください。

■注意事項

• ‍‍Webflow、GitHubのそれぞれとYoomを連携してください。
• Webflowの内容を取得する方法は下記を参照ください。
  https://intercom.help/yoom/ja/articles/5404443