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で特定のコレクションのアイテムが公開されたら、内容を要約しRedditのサブレディットに新規投稿を作成する
Webflowで公開した記事を自動で要約しRedditの指定サブレディットへ投稿するフローです。投稿作業の手間やミスを抑え、海外コミュニティへの情報発信をスムーズにします。
Webflowのフォームが送信されたらAirtableに追加する
Webflowのフォーム送信内容をYoomで自動取得しAirtableに登録するフローです。手入力の工数や転記ミスを抑え、問い合わせ管理を効率化し、最新リードもリアルタイムで共有できます。
GitHub
を使ったテンプレート
GitHubで特定のIssueが作成されたら、SerpApiでGoogle検索の検索結果を取得する
GitHubのIssue発生時にAIがキーワードを抽出しSerpApiでGoogle検索を自動実行するフローです。手作業の検索時間を削減し、情報収集漏れや対応遅れを防ぎ、開発に集中できます。
GitHubでIssueが作成されたらBacklogに課題を追加する
GitHubで新規Issueが生まれた瞬間にBacklogへ課題を自動追加するフローです。複数リポジトリ運用でも二重入力や登録漏れを抑え、開発チームのタスク管理を整えます。
Asanaで特定のプロジェクトにタスクが作成されたら、GitHubにプルリクエストを作成する
Asanaの特定プロジェクトでタスクが生まれるとGitHubにプルリクエストを自動生成するフローです。手作業による転記時間と入力ミスを減らし、開発チーム全体のプルリク漏れや共有遅れを確実に防ぎます。
使用しているアプリについて
Webflow
YoomではWebflowのAPIとノーコードで連携し、様々な業務を自動化することが可能です。WebflowのCMSのコレクションにアイテムを新たに自動的に追加したり、アイテム情報の更新を自動化することができます。もちろん登録したアイテムを公開することも可能です。
詳しくみるテンプレート
Webflowで注文が発生したらGoogle スプレッドシートに追加する
Webflowで発生した新規注文を自動でGoogle スプレッドシートへリアルタイム追加するフローです。転記作業の削減と入力ミス防止に役立ち、迅速な共有を実現し、注文情報の管理がより正確になります。
Webflowで注文が発生したらGoogle スプレッドシートに追加する
Webflowで特定のコレクションのアイテムが公開されたら、内容を要約しRedditのサブレディットに新規投稿を作成する
Webflowで公開した記事を自動で要約しRedditの指定サブレディットへ投稿するフローです。投稿作業の手間やミスを抑え、海外コミュニティへの情報発信をスムーズにします。
Webflowで特定のコレクションのアイテムが公開されたら、内容を要約しRedditのサブレディットに新規投稿を作成する
Webflowのフォームが送信されたらAirtableに追加する
Webflowのフォーム送信内容をYoomで自動取得しAirtableに登録するフローです。手入力の工数や転記ミスを抑え、問い合わせ管理を効率化し、最新リードもリアルタイムで共有できます。
Webflowのフォームが送信されたらAirtableに追加する
GitHub
YoomではGitHubのAPIをノーコードで活用することができます。GitHubのAPIを使って、自動的に新規イシューを作成したり、リポジトリにユーザーを追加することが可能です。また、YoomのデータベースにGitHubのイシュー情報を同期することも可能です。
詳しくみるテンプレート
GitHubで特定のIssueが作成されたら、SerpApiでGoogle検索の検索結果を取得する
GitHubのIssue発生時にAIがキーワードを抽出しSerpApiでGoogle検索を自動実行するフローです。手作業の検索時間を削減し、情報収集漏れや対応遅れを防ぎ、開発に集中できます。
GitHubで特定のIssueが作成されたら、SerpApiでGoogle検索の検索結果を取得する
GitHubでIssueが作成されたらBacklogに課題を追加する
GitHubで新規Issueが生まれた瞬間にBacklogへ課題を自動追加するフローです。複数リポジトリ運用でも二重入力や登録漏れを抑え、開発チームのタスク管理を整えます。
GitHubでIssueが作成されたらBacklogに課題を追加する
Asanaで特定のプロジェクトにタスクが作成されたら、GitHubにプルリクエストを作成する
Asanaの特定プロジェクトでタスクが生まれるとGitHubにプルリクエストを自動生成するフローです。手作業による転記時間と入力ミスを減らし、開発チーム全体のプルリク漏れや共有遅れを確実に防ぎます。
Asanaで特定のプロジェクトにタスクが作成されたら、GitHubにプルリクエストを作成する
ノーコードで実行可能なAPIアクション
実行可能なAPIアクション
フローボットトリガー
フローボットオペレーション
フローボットトリガー
フローボットオペレーション
フローボットトリガー
フローボットオペレーション