Webflowでアイテムが公開されたら、テキストを抽出してGitHubでプルリクエストを作成する
Yoomのテンプレートを使えば、ノーコードで簡単に
Webflow
と
GitHub
を自動連携できます。
■概要
Webflowで管理しているコンテンツをGitHubのリポジトリに反映させる際、手作業でのプルリクエスト作成に手間や時間を要していませんか。また、手作業による情報転記は、ミスの原因にもなりかねません。このワークフローを活用することで、WebflowとGitHubの連携を自動化できます。Webflowでアイテムが公開されると、その内容を基にGitHubでプルリクエストが自動で作成され、コンテンツ更新と開発フローの連携を円滑にします。
■このテンプレートをおすすめする方
- Webflowでのコンテンツ公開とGitHubでのバージョン管理を手作業で行っている方
- WebflowとGitHubを連携させ、効率的なWebサイトの運用フローを構築したいチーム
- 手作業による情報転記や、プルリクエスト作成時の設定ミスを防止したいWeb担当者の方
■このテンプレートを使うメリット
- Webflowでアイテムを公開するだけでGitHubのプルリクエスト作成までが完了するため、これまで手作業で行っていた時間を短縮できます。
- 手動での情報転記が不要になることで、入力ミスやプルリクエスト作成時の設定漏れといったヒューマンエラーの発生を防ぎます。
■フローボットの流れ
- はじめに、GitHubとWebflowをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
- 次に、オペレーションでAI機能の「テキスト抽出」を設定し、Webflowのアイテムからプルリクエストに必要な情報を抽出します。
- 最後に、オペレーションでGitHubの「プルリクエストを作成」を設定し、前のステップで抽出した情報を活用してプルリクエストを作成します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- AI機能のテキスト抽出オペレーションでは、Webflowで作成されたアイテムのどの項目を抽出するかを任意で設定してください。
- GitHubでプルリクエストを作成するオペレーションでは、抽出した情報や任意のテキストを用いて、タイトルやブランチ名などを設定してください。
■注意事項
- Webflow、GitHubのそれぞれとYoomを連携してください。
- Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
類似したテンプレートをご紹介!
すべてのテンプレートを見る
使用しているアプリについて
Webflow
Webflow
を使ったテンプレート
Webflowで注文が発生したらGoogle スプレッドシートに追加する
Webflowで発生した新規注文を自動でGoogle スプレッドシートへリアルタイム追加するフローです。転記作業の削減と入力ミス防止に役立ち、迅速な共有を実現し、注文情報の管理がより正確になります。
フォームの回答内容でWebflowのコレクションにアイテムを追加する
Webサイトのフォーム送信内容をWebflowのコレクションへ自動登録するフローです。手入力の手間や転記ミスを抑え、問い合わせ・資料請求の情報をCMSへ反映し、複数件でも作業ゼロで回せます。
Googleフォームの回答内容でWebflowのコレクションにアイテムを追加する
Googleフォームの回答を受け取るたびにYoomがWebflowのコレクションへ自動登録するフローです。手作業の転記を削減し、作業時間を減らしながら入力ミスや更新漏れを防げます。
GitHub
を使ったテンプレート
GitHubで特定のIssueが作成されたら、SerpApiでGoogle検索の検索結果を取得する
GitHubのIssue発生時にAIがキーワードを抽出しSerpApiでGoogle検索を自動実行するフローです。手作業の検索時間を削減し、情報収集漏れや対応遅れを防ぎ、開発に集中できます。
GitHubでIssueが更新されたらDiscordに通知する
GitHubのIssue作成・更新を検知しDiscordへ自動通知するフローです。共有漏れや確認遅れを防ぎ、全員が最新のIssue情報をすぐ把握でき、生産性向上とチームワーク強化に役立ちます。
GitHubでプルリクエストが作成されたらDiscordに通知する
GitHubのプルリク作成をトリガーにDiscordのチャンネル全員へ即時通知するフローです。レビュー依頼の見落としを防ぎ、確認遅延を抑えて開発の手間と時間を削減し、チーム連携を円滑にします。
使用しているアプリについて
Webflow
YoomではWebflowのAPIとノーコードで連携し、様々な業務を自動化することが可能です。WebflowのCMSのコレクションにアイテムを新たに自動的に追加したり、アイテム情報の更新を自動化することができます。もちろん登録したアイテムを公開することも可能です。
詳しくみるテンプレート
Webflowで注文が発生したらGoogle スプレッドシートに追加する
Webflowで発生した新規注文を自動でGoogle スプレッドシートへリアルタイム追加するフローです。転記作業の削減と入力ミス防止に役立ち、迅速な共有を実現し、注文情報の管理がより正確になります。
Webflowで注文が発生したらGoogle スプレッドシートに追加する
フォームの回答内容でWebflowのコレクションにアイテムを追加する
Webサイトのフォーム送信内容をWebflowのコレクションへ自動登録するフローです。手入力の手間や転記ミスを抑え、問い合わせ・資料請求の情報をCMSへ反映し、複数件でも作業ゼロで回せます。
フォームの回答内容でWebflowのコレクションにアイテムを追加する
Googleフォームの回答内容でWebflowのコレクションにアイテムを追加する
Googleフォームの回答を受け取るたびにYoomがWebflowのコレクションへ自動登録するフローです。手作業の転記を削減し、作業時間を減らしながら入力ミスや更新漏れを防げます。
Googleフォームの回答内容でWebflowのコレクションにアイテムを追加する
GitHub
YoomではGitHubのAPIをノーコードで活用することができます。GitHubのAPIを使って、自動的に新規イシューを作成したり、リポジトリにユーザーを追加することが可能です。また、YoomのデータベースにGitHubのイシュー情報を同期することも可能です。
詳しくみるテンプレート
GitHubで特定のIssueが作成されたら、SerpApiでGoogle検索の検索結果を取得する
GitHubのIssue発生時にAIがキーワードを抽出しSerpApiでGoogle検索を自動実行するフローです。手作業の検索時間を削減し、情報収集漏れや対応遅れを防ぎ、開発に集中できます。
GitHubで特定のIssueが作成されたら、SerpApiでGoogle検索の検索結果を取得する
GitHubでIssueが更新されたらDiscordに通知する
GitHubのIssue作成・更新を検知しDiscordへ自動通知するフローです。共有漏れや確認遅れを防ぎ、全員が最新のIssue情報をすぐ把握でき、生産性向上とチームワーク強化に役立ちます。
GitHubでIssueが更新されたらDiscordに通知する
GitHubでプルリクエストが作成されたらDiscordに通知する
GitHubのプルリク作成をトリガーにDiscordのチャンネル全員へ即時通知するフローです。レビュー依頼の見落としを防ぎ、確認遅延を抑えて開発の手間と時間を削減し、チーム連携を円滑にします。
GitHubでプルリクエストが作成されたらDiscordに通知する
ノーコードで実行可能なAPIアクション
実行可能なAPIアクション
フローボットトリガー
フローボットオペレーション
フローボットトリガー
フローボットオペレーション
フローボットトリガー
フローボットオペレーション