Slackの投稿をもとに、AIでホームページのHTML・CSSを作成してNotionにまとめる

■概要

Slackでのアイデア投稿からホームページ作成、そしてNotionへの情報集約といった一連の作業に、手間や時間を取られていませんか？ 特にHTMLやCSSの知識がない場合、ホームページ作成は大きな負担になりがちです。 このワークフローを活用すれば、Slackへの投稿をきっかけにGeminiがHTML・CSSを自動生成し、その内容をNotionへスムーズにまとめることが可能になり、Webサイト制作の初動を効率化できます。

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

• Slackでホームページのアイデアを議論し、迅速に形にしたい企画担当者の方
• HTMLやCSSの専門知識なしに、ホームページのドラフトを作成したい方
• GeminiとNotionを活用し、Web制作プロセスと情報管理を効率化したいチームの方

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

• Slackへの投稿からNotionへの記録までが自動化されるため、手作業による情報入力や転記の時間を短縮できます。
• GeminiがHTML・CSSを生成するため、コーディングの専門知識がなくてもホームページの基本的な構造を作成でき、業務の属人化を防ぎます。

■フローボットの流れ

1. はじめに、Slack、Gemini、NotionをYoomと連携します。
2. 次に、トリガーでSlackを選択し、「指定のテキストを含むメッセージがチャンネルに投稿されたら」というアクションを設定します。
3. 続いて、オペレーションでGeminiを選択し、「ホームページに必要なコンテンツを作成」するアクションを設定します。
4. さらに、Geminiで「サイトマップを作成」、「個別ページに必要な構成を作成」、「HTMLとCSSを出力」するアクションを順に設定します。
5. 最後に、オペレーションでNotionを選択し、「レコードを追加する」アクションを設定し、生成されたHTMLやCSSなどの情報をNotionのデータベースに保存します。

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

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

• Geminiへの指示（プロンプト）を任意に設定することで、生成したいホームページのテーマやスタイル、コンテンツ内容を指定し、HTML・CSSの出力を調整できます。
• Notionの「レコードを追加する」アクションでは、保存するデータベースやプロパティを指定したり、Geminiで生成した情報以外にも固定のテキストや日付などを動的に埋め込んだりすることが可能です。

■注意事項

• Slack、Gemini、NotionのそれぞれとYoomを連携してください。
• トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
• プランによって最短の起動間隔が異なりますので、ご注意ください。