フォームの回答をもとに、AIでホームページのHTML・CSSを作成してMicrosoft Excelにまとめる
フォームの回答をもとに、AIでホームページのHTML・CSSを作成してMicrosoft Excelにまとめる
Yoomのテンプレートを使えば、ノーコードで簡単に
Microsoft Excel
と
フォーム
と
Gemini
を自動連携できます。
■概要
フォームからの回答をもとに手作業でホームページのHTMLやCSSを作成し、さらにその内容をMicrosoft Excelにまとめる作業は、時間と手間がかかるのではないでしょうか。特に複数のページや頻繁な更新が必要な場合、その負担は大きくなりりがちです。このワークフローを活用すれば、フォームへの回答をトリガーとしてGeminiがHTMLとCSSを自動生成し、Microsoft Excelへその情報を記録するため、これらの課題をスムーズに解消し、効率的なWebサイト制作・管理を実現します。
■このテンプレートをおすすめする方
- フォーム回答から手作業でWebページを作成し、Microsoft Excelで管理している方
- GeminiのようなAIを活用して、Webサイト制作の効率化を図りたいと考えている方
- 定型的なホームページ作成や更新作業の時間を短縮し、コア業務に集中したい方
■このテンプレートを使うメリット
- フォーム回答からHTML/CSS生成、Microsoft Excelへの記録までを自動化することで、これまで手作業に費やしていた時間を削減できます。
- 手作業によるコーディングミスや、Microsoft Excelへのデータ転記漏れといったヒューマンエラーのリスクを軽減します。
■フローボットの流れ
- はじめに、GeminiとMicrosoft ExcelをYoomと連携します。
- 次に、トリガーでYoomのフォームトリガー機能を選択し、「フォームが送信されたら」というアクションを設定します。このフォームには、ホームページ作成に必要な情報を入力する項目を設けます。
- 次に、オペレーションでGeminiを選択し、「ホームページに必要なコンテンツを作成」アクションを設定し、フォームの回答内容を基にコンテンツを生成します。
- 続けて、Geminiの「サイトマップを作成」アクションを設定し、生成されたコンテンツに基づいたサイトマップを作成します。
- さらに、Geminiの「個別ページに必要な構成を作成」アクションを設定し、各ページの具体的な構成案を作成します。
- 次に、Geminiの「HTMLとCSSを出力」アクションを設定し、これまでの情報を基に実際のHTMLコードとCSSコードを生成します。
- 最後に、オペレーションでMicrosoft Excelを選択し、「レコードを追加する」アクションを設定し、生成されたHTML、CSS、その他関連情報を指定のExcelシートに記録します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Geminiを活用する各オペレーションでは、どのようなホームページのHTML・CSSを作成するのか、より詳細な指示をプロンプトで設定することが可能です。例えば、特定のデザインテイストや機能要件などを具体的に指示できます。
- Microsoft Excelの「レコードを追加する」オペレーションでは、記録する項目に固定値を設定したり、フォームの回答内容やGeminiが生成したデータを動的な値として埋め込んだりするなど、柔軟なカスタムが可能です。
■注意事項
- Gemini、Microsoft ExcelのそれぞれとYoomを連携してください。
- Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。Microsoft Excelのデータベースを操作するオペレーションの設定に関しては「【Excel】データベースを操作するオペレーションの設定に関して」をご参照ください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
類似したテンプレートをご紹介！
すべてのテンプレートを見る
使用しているアプリについて
Microsoft Excel
Microsoft Excel
を使ったテンプレート
Outlookの受信メールをAIで読み取りMicrosoft Excelに自動転記しMicrosoft Teamsへ通知するフローです。転記漏れや入力ミスを抑え、情報共有をスムーズに行えます。
フォーム添付PDFをOCRで読み取り、Microsoft Excelへ自動登録しSlackに通知するフローです。転記時間を短縮し、入力ミスと情報共有漏れを抑えます。
予定時刻にMicrosoft ExcelのキーワードをSerpApiで検索し、AIで結果を要約してセルに追記するフローです。手作業の調査・転記を抑え、分析に集中できます。
フォーム
を使ったテンプレート
フォーム回答をトリガーにAIが内容を解析し、関連助成金情報をSlackへ自動配信するフローです。手作業での情報検索や共有の漏れを減らし、担当者の時間と確認ミスを抑えられます。
フォーム回答をAIがFAQ形式に要約しDiscordへ自動投稿するフローです。手作業のFAQ作成や共有漏れを防ぎ、更新抜けや確認の手間を減らして対応時間を短縮。常に最新情報をチームで共有しつつ対応品質を向上させます。
Gmailで受信したMKVをRPAでAVIへ変換し、Google Driveへ自動保存するフローです。変換作業とファイル整理の手間を減らし、アップロード忘れなどのミスを防ぎ、対応時間を短縮します。
Gemini
Gemini
を使ったテンプレート
Jotformの回答をYoomで取得しGeminiが要約、条件一致時のみGmailへ通知するフローです。確認・共有の手間や漏れを抑え、社内チームが優先案件を素早く把握し、速やかに対応できます。
Discordの特定チャンネル投稿をトリガーにGeminiが要約し、Google スプレッドシートへ自動記録するフローです。転記や手動整理の手間を減らし、重要な議論を抜け漏れなく蓄積できます。
Google Driveに画像が追加されるとGeminiで内容を解析し結果をLINE WORKSへ通知するフローです。手作業の確認・報告を減らし見落としや連絡漏れを防ぎ、業務負担を軽減します。
使用しているアプリについて
Microsoft Excel
YoomではMicrosoft ExcelのAPIとノーコードで連携し、様々な業務を自動化することが可能です。例えば、Excelの特定のセルに値を自動的に格納したり、シートやテーブルを自動的に作成します。
詳しくみるテンプレート
Outlookの受信メールをAIで読み取りMicrosoft Excelに自動転記しMicrosoft Teamsへ通知するフローです。転記漏れや入力ミスを抑え、情報共有をスムーズに行えます。
Outlookで受信した情報をMicrosoft Excelの集計表に自動追加してMicrosoft Teamsに通知する
フォーム添付PDFをOCRで読み取り、Microsoft Excelへ自動登録しSlackに通知するフローです。転記時間を短縮し、入力ミスと情報共有漏れを抑えます。
フォームに添付されたPDFファイルをOCRで読み取り、Microsoft Excelに格納しSlackに通知する
予定時刻にMicrosoft ExcelのキーワードをSerpApiで検索し、AIで結果を要約してセルに追記するフローです。手作業の調査・転記を抑え、分析に集中できます。
定期的にMicrosoft Excelのレコードを取得し、SerpApiによるGoogle検索の検索結果を要約して追加する
フォーム
フォーム
詳しくみるテンプレート
フォーム回答をトリガーにAIが内容を解析し、関連助成金情報をSlackへ自動配信するフローです。手作業での情報検索や共有の漏れを減らし、担当者の時間と確認ミスを抑えられます。
フォームの回答をAIで分析し、回答内容に適した助成金の情報をSlackに通知する
フォーム回答をAIがFAQ形式に要約しDiscordへ自動投稿するフローです。手作業のFAQ作成や共有漏れを防ぎ、更新抜けや確認の手間を減らして対応時間を短縮。常に最新情報をチームで共有しつつ対応品質を向上させます。
フォームの回答内容を元にFAQの作成を自動化し、Discordに自動で通知する
Gmailで受信したMKVをRPAでAVIへ変換し、Google Driveへ自動保存するフローです。変換作業とファイル整理の手間を減らし、アップロード忘れなどのミスを防ぎ、対応時間を短縮します。
GmailでMKVファイルを受信したら、RPAでAVIファイルに変換しGoogle Driveにアップロードする
Gemini
YoomではGeminiのAPIとノーコードで連携することが可能です。
GeminiをAPI経由で利用し、さまざまなタイミングで自動的にコンテンツを生成することができます。チャットツールと連携してAIチャットボットを作成したり、データベース系のサービスと連携してGeminiで生成したテキストを自動的に格納することも可能です。
詳しくみるテンプレート
Jotformの回答をYoomで取得しGeminiが要約、条件一致時のみGmailへ通知するフローです。確認・共有の手間や漏れを抑え、社内チームが優先案件を素早く把握し、速やかに対応できます。
Jotformの回答をGeminiで要約した内容が特定条件の場合、担当者へメール通知する
Discordの特定チャンネル投稿をトリガーにGeminiが要約し、Google スプレッドシートへ自動記録するフローです。転記や手動整理の手間を減らし、重要な議論を抜け漏れなく蓄積できます。
Discordで特定のメッセージが送信されたら、Geminiで要約しGoogle スプレッドシートに追加する
Google Driveに画像が追加されるとGeminiで内容を解析し結果をLINE WORKSへ通知するフローです。手作業の確認・報告を減らし見落としや連絡漏れを防ぎ、業務負担を軽減します。
Google Driveで画像がアップロードされたらGeminiで解析して、その内容をLINE WORKSに通知する
ノーコードで実行可能なAPIアクション
実行可能なAPIアクション
フローボットトリガー
アクションがありません
フローボットオペレーション
ワークシート情報を取得
特定のセルの値を取得
列方向に範囲を取得
行方向に範囲を取得
シートを追加
シート名を変更
テーブル一覧を取得
テーブルを追加
セルに数式を入力
セルに値を入力
アイテムIDを取得
シートを削除
指定範囲を昇降順に並び替える
ワークシート保護の解除
共有URLからドライブアイテムIDを取得
Excel セッションの作成
サイト一覧を取得
サイトのドライブ一覧を取得
フローボットトリガー
アクションがありません
フローボットオペレーション
ワークシート情報を取得特定のセルの値を取得列方向に範囲を取得行方向に範囲を取得シートを追加シート名を変更テーブル一覧を取得テーブルを追加セルに数式を入力セルに値を入力アイテムIDを取得シートを削除指定範囲を昇降順に並び替えるワークシート保護の解除共有URLからドライブアイテムIDを取得Excel セッションの作成サイト一覧を取得サイトのドライブ一覧を取得ワークシート情報を取得（SharePoint）特定のセルの値を取得（SharePoint）列方向に範囲を取得（SharePoint）行方向に範囲を取得（SharePoint）シートを追加（SharePoint）シート名を変更（SharePoint）テーブル一覧を取得（SharePoint）テーブルを追加（SharePoint）セルに数式を入力（SharePoint）セルに値を入力（SharePoint）シートを削除（SharePoint）指定範囲を昇降順に並び替える（SharePoint）ワークシート保護の解除（SharePoint）Excel セッションの作成（SharePoint）アイテムIDを取得（SharePoint）
フローボットトリガー
アクションがありません
フローボットオペレーション
アクションがありません
フローボットトリガー
アクションがありません
フローボットオペレーション
コンテンツを生成ファイルをアップロードコンテンツを生成（ファイルを利用）コンテンツを生成（URLコンテキスト）コンテンツを生成（Google Search）テキストから画像生成(Nano Banana)
