フォームの回答をもとに、AIでホームページのHTML・CSSを作成してMicrosoft Excelにまとめる

■概要

フォームからの回答をもとに手作業でホームページのHTMLやCSSを作成し、さらにその内容をMicrosoft Excelにまとめる作業は、時間と手間がかかるのではないでしょうか。特に複数のページや頻繁な更新が必要な場合、その負担は大きくなりりがちです。このワークフローを活用すれば、フォームへの回答をトリガーとしてGeminiがHTMLとCSSを自動生成し、Microsoft Excelへその情報を記録するため、これらの課題をスムーズに解消し、効率的なWebサイト制作・管理を実現します。

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

• フォーム回答から手作業でWebページを作成し、Microsoft Excelで管理している方
• GeminiのようなAIを活用して、Webサイト制作の効率化を図りたいと考えている方
• 定型的なホームページ作成や更新作業の時間を短縮し、コア業務に集中したい方

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

• フォーム回答からHTML/CSS生成、Microsoft Excelへの記録までを自動化することで、これまで手作業に費やしていた時間を削減できます。
• 手作業によるコーディングミスや、Microsoft Excelへのデータ転記漏れといったヒューマンエラーのリスクを軽減します。

■フローボットの流れ

1. はじめに、GeminiとMicrosoft ExcelをYoomと連携します。
2. 次に、トリガーでYoomのフォームトリガー機能を選択し、「フォームが送信されたら」というアクションを設定します。このフォームには、ホームページ作成に必要な情報を入力する項目を設けます。
3. 次に、オペレーションでGeminiを選択し、「ホームページに必要なコンテンツを作成」アクションを設定し、フォームの回答内容を基にコンテンツを生成します。
4. 続けて、Geminiの「サイトマップを作成」アクションを設定し、生成されたコンテンツに基づいたサイトマップを作成します。
5. さらに、Geminiの「個別ページに必要な構成を作成」アクションを設定し、各ページの具体的な構成案を作成します。
6. 次に、Geminiの「HTMLとCSSを出力」アクションを設定し、これまでの情報を基に実際のHTMLコードとCSSコードを生成します。
7. 最後に、オペレーションでMicrosoft Excelを選択し、「レコードを追加する」アクションを設定し、生成されたHTML、CSS、その他関連情報を指定のExcelシートに記録します。

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

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

• Geminiを活用する各オペレーションでは、どのようなホームページのHTML・CSSを作成するのか、より詳細な指示をプロンプトで設定することが可能です。例えば、特定のデザインテイストや機能要件などを具体的に指示できます。
• Microsoft Excelの「レコードを追加する」オペレーションでは、記録する項目に固定値を設定したり、フォームの回答内容やGeminiが生成したデータを動的な値として埋め込んだりするなど、柔軟なカスタムが可能です。

■注意事項

• Gemini、Microsoft ExcelのそれぞれとYoomを連携してください。
• Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
• トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
• プランによって最短の起動間隔が異なりますので、ご注意ください。