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

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

Yoomのテンプレートを使えば、ノーコードで簡単に
Gemini
Notion
Slack
を自動連携できます。

■概要

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分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。
類似したテンプレートをご紹介!
Google Drive™
Notion
Notionでページが更新されたら、Google Driveでファイル名を変更する
Notionのページ変更をトリガーにGoogle Driveのファイル名を自動更新するフローです。名称の揺れや更新漏れを抑え、探す・直す作業を減らしてファイル管理の手間を軽減し、チーム内の情報整合性を保てます。
Airtable
Notion
Airtableに顧客情報が追加されたらNotionにも追加する
Airtableで受け付けた顧客情報を自動でNotionのデータベースへ同期するフローです。二重入力や転記ミス、情報の抜け漏れを抑え、チームの顧客管理をスムーズにします。
Notion
Airtable
Airtableでレコードが追加されたら、Notionでテンプレートページを作成する
Airtableの新規レコードを契機にNotionへ対応ページを自動作成するフローです。二重入力や記載漏れを防ぎ、データとドキュメントを手間なく同期できます。
Notion
Garoon
Garoonで予定が登録されたらNotionのデータベースにも追加する
Garoonで予定が登録されたらNotionのデータベースにも追加するフローです。プロジェクトのスケジュールや個人の予定などをNotion上で一元管理することが可能になり、チームメンバー全員が同じ情報にアクセスできるようになります。
Notion
Notionでページが更新されたら、AIで在庫管理を行いGmailで通知する
Notionの在庫ページ更新をきっかけにAIが状況を判定し、Gmailで関係者へ自動通知するフローです。情報確認や文面作成の手間を減らし、伝達遅延と入力ミスを防ぎます。
Microsoft Excel
Notion
Notionでページが更新されたら、 Microsoft Excelのレコードも更新する
Notionのデータソース更新をトリガーに対応するMicrosoft Excelの行を自動同期するフローです。手作業の二重入力をなくし、転記ミスや更新漏れを抑えてプロジェクト進捗を正確に保てます。
すべてのテンプレートを見る
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomについて詳しく見る
使用しているアプリについて
Gemini
Gemini
を使ったテンプレート

Discordの特定チャンネル投稿をトリガーにGeminiが要約し、Google スプレッドシートへ自動記録するフローです。転記や手動整理の手間を減らし、重要な議論を抜け漏れなく蓄積できます。

Airtableに新規レコードが追加されると、Yoom上でGemini APIがGoogle Searchを実行し結果を自動追記するフローです。検索・転記の手間や入力漏れを抑え、データ更新をスムーズにします。

Discordの特定チャンネル投稿をトリガーにGeminiで内容を解析し、LINE公式アカウントへ通知するフローです。確認作業を省き、見落としや転記ミスを防げます。
Notion
Notion
を使ったテンプレート

Notionのページ変更をトリガーにGoogle Driveのファイル名を自動更新するフローです。名称の揺れや更新漏れを抑え、探す・直す作業を減らしてファイル管理の手間を軽減し、チーム内の情報整合性を保てます。

Airtableで受け付けた顧客情報を自動でNotionのデータベースへ同期するフローです。二重入力や転記ミス、情報の抜け漏れを抑え、チームの顧客管理をスムーズにします。

Airtableの新規レコードを契機にNotionへ対応ページを自動作成するフローです。二重入力や記載漏れを防ぎ、データとドキュメントを手間なく同期できます。
Slack
Slack
を使ったテンプレート

Backlogの課題のコメントで自身がメンションされた場合のみ、Slackの特定チャネルに通知するフローボットです。通知先のチャンネルや通知内容を自由に変更してご利用ください。‍

Apolloで新規コンタクトが作成されるとSlackチャンネルへ自動通知するワークフローです。手動転記の手間や連絡の遅延・漏れを抑え、営業チームの情報共有をスムーズかつ迅速にし、属人化も防げます。

Apolloのコンタクト更新を検知しSlackに自動通知するフローです。手動転記の手間と共有遅延を減らし、営業チームの機会損失を防いで迅速な情報連携を実現します。
使用しているアプリについて
Gemini
YoomではGeminiのAPIとノーコードで連携することが可能です。 GeminiをAPI経由で利用し、さまざまなタイミングで自動的にコンテンツを生成することができます。チャットツールと連携してAIチャットボットを作成したり、データベース系のサービスと連携してGeminiで生成したテキストを自動的に格納することも可能です。
詳しくみる
テンプレート

Discordの特定チャンネル投稿をトリガーにGeminiが要約し、Google スプレッドシートへ自動記録するフローです。転記や手動整理の手間を減らし、重要な議論を抜け漏れなく蓄積できます。

Airtableに新規レコードが追加されると、Yoom上でGemini APIがGoogle Searchを実行し結果を自動追記するフローです。検索・転記の手間や入力漏れを抑え、データ更新をスムーズにします。

Discordの特定チャンネル投稿をトリガーにGeminiで内容を解析し、LINE公式アカウントへ通知するフローです。確認作業を省き、見落としや転記ミスを防げます。
Notion
YoomではNotionのAPIをノーコードで活用することができます。YoomとNotionを連携することで、Notionデータベースの情報を自動的に取得・更新したり、入力フォームの情報をNotionのデータベースに自動で格納するといったことが可能です。また、Notionのデータベースの情報を、Yoomのデータベースに集約・同期し、様々なSaaSと自由に連携することが可能です。
詳しくみる
テンプレート

Notionのページ変更をトリガーにGoogle Driveのファイル名を自動更新するフローです。名称の揺れや更新漏れを抑え、探す・直す作業を減らしてファイル管理の手間を軽減し、チーム内の情報整合性を保てます。

Airtableで受け付けた顧客情報を自動でNotionのデータベースへ同期するフローです。二重入力や転記ミス、情報の抜け漏れを抑え、チームの顧客管理をスムーズにします。

Airtableの新規レコードを契機にNotionへ対応ページを自動作成するフローです。二重入力や記載漏れを防ぎ、データとドキュメントを手間なく同期できます。
Slack
YoomではSlackのAPIをノーコードで活用することができます。YoomとSlackを連携することで、様々なSaaSとSlackを自由に連携し、あらゆる通知をSlackで受け取ることが可能です。また、Slackにメッセージが送信されたことをトリガーにボットを起動することも可能です。
詳しくみる
テンプレート

Backlogの課題のコメントで自身がメンションされた場合のみ、Slackの特定チャネルに通知するフローボットです。通知先のチャンネルや通知内容を自由に変更してご利用ください。‍

Apolloで新規コンタクトが作成されるとSlackチャンネルへ自動通知するワークフローです。手動転記の手間や連絡の遅延・漏れを抑え、営業チームの情報共有をスムーズかつ迅速にし、属人化も防げます。

Apolloのコンタクト更新を検知しSlackに自動通知するフローです。手動転記の手間と共有遅延を減らし、営業チームの機会損失を防いで迅速な情報連携を実現します。
テンプレート
No items found.
類似アプリ
No items found.
ノーコードで実行可能なAPIアクション
実行可能なAPIアクション
フローボットトリガー
    ページが作成または更新されたら
    データベースが作成または更新されたら
    【非推奨】特定のデータベースのページが作成・更新されたら
    Webhookを受信したら
    ページが作成されたら(Webhook)
    ページコンテンツが更新されたら(Webhook)
    ページが削除されたら(Webhook)
    ページのプロパティが更新されたら(Webhook)
    コメントが作成されたら(Webhook)
    コメントが更新されたら(Webhook)
    コメントが削除されたら(Webhook)
    データベースのコンテンツが追加または更新されたら(Webhook)
    特定のデータソースのページが作成・更新されたら
    メッセージがチャンネルに投稿されたら
    ファイルがチャンネルに投稿されたら
    メッセージがチャンネルに投稿されたら(Webhook)
    メッセージにスタンプが押されたら(Webhook)
    チャンネルでメンションされたら
    指定のテキストを含むメッセージがチャンネルに投稿されたら
    Slackアプリがメンションされたら(Webhook)
    チャンネルでメンションされたら(複数ユーザー指定)
    指定のテキストを含むメッセージがチャンネルに投稿されたら(正規表現で指定)
    新しいチャンネルが作成されたら(Webhook)
    メッセージがスレッドに投稿されたら(Webhook)
    チャンネルでメンションされたら(複数ユーザー&グループ指定)
フローボットオペレーション
    コンテンツを生成
    ファイルをアップロード
    コンテンツを生成(ファイルを利用)
    コンテンツを生成(URLコンテキスト)
    コンテンツを生成(Google Search)
    ページ情報を取得
    ページを作成
    ページにテキストを追加
    ページのプロパティを更新(テキストプロパティ)
    ページのプロパティを更新(数値プロパティ)
    ページのプロパティを更新(セレクトプロパティ)
    ページのプロパティを更新(マルチセレクトプロパティ)
    ページのプロパティを更新(日付プロパティ)
    ページのプロパティを更新(チェックボックスプロパティ)
    ページのプロパティを更新(URLプロパティ)
    ページのプロパティを更新(メールプロパティ)
    ページのプロパティを更新(電話プロパティ)
    特定のページのブロック情報を取得
    ユーザーのリストを取得
    ページのプロパティを更新(リレーションプロパティ)
    指定のレコードにサブアイテムを追加する
    ファイルアップロードIDの発行
    ファイルをアップロード
    ページのプロパティを更新(ファイルプロパティ)
    ファイルをダウンロードする
    ページ情報を取得(ファイル情報の一覧)
    ページ・データベースをタイトルで検索
    データベースのテンプレートを使用したページを作成(タイトルのみ)
    ページにヘッダーと本文を追加
    データソースのプロパティ名を更新
    ページのプロパティを更新(タイトルプロパティ)
    データソースの数式プロパティ内の文字検索
    ページに埋め込みURL付きのテキストを追加
    チャンネルにメッセージを送る
    ダイレクトメッセージを送る
    チャンネル内のメンバーIDを取得する
    チャンネルを作成
    チャンネルにメンバーを招待
    ユーザーグループの一覧を取得
    スレッドにメッセージを送る
    チャンネルをアーカイブ
    スレッドのメッセージを取得
    パブリックチャンネルの一覧を取得
    プライベートチャンネルからメンバーを退出させる
    メールアドレスでユーザーを検索
    ユーザー情報を取得
    特定のメッセージを取得
    メッセージのリンクを取得
    メッセージを削除
    ユーザーグループ内のユーザー一覧を取得
    特定のメッセージのリアクション一覧を取得
    ユーザーグループを作成する
    チャンネルのメッセージ一覧を取得
    アタッチメントを指定しチャンネルにメッセージを送る
フローボットトリガー
    アクションがありません
フローボットオペレーション
    コンテンツを生成
    ファイルをアップロード
    コンテンツを生成(ファイルを利用)
    コンテンツを生成(URLコンテキスト)
    コンテンツを生成(Google Search)
フローボットトリガー
    ページが作成または更新されたら
    データベースが作成または更新されたら
    【非推奨】特定のデータベースのページが作成・更新されたら
    Webhookを受信したら
    ページが作成されたら(Webhook)
    ページコンテンツが更新されたら(Webhook)
    ページが削除されたら(Webhook)
    ページのプロパティが更新されたら(Webhook)
    コメントが作成されたら(Webhook)
    コメントが更新されたら(Webhook)
    コメントが削除されたら(Webhook)
    データベースのコンテンツが追加または更新されたら(Webhook)
    特定のデータソースのページが作成・更新されたら
フローボットオペレーション
    ページ情報を取得
    ページを作成
    ページにテキストを追加
    ページのプロパティを更新(テキストプロパティ)
    ページのプロパティを更新(数値プロパティ)
    ページのプロパティを更新(セレクトプロパティ)
    ページのプロパティを更新(マルチセレクトプロパティ)
    ページのプロパティを更新(日付プロパティ)
    ページのプロパティを更新(チェックボックスプロパティ)
    ページのプロパティを更新(URLプロパティ)
    ページのプロパティを更新(メールプロパティ)
    ページのプロパティを更新(電話プロパティ)
    特定のページのブロック情報を取得
    ユーザーのリストを取得
    ページのプロパティを更新(リレーションプロパティ)
    指定のレコードにサブアイテムを追加する
    ファイルアップロードIDの発行
    ファイルをアップロード
    ページのプロパティを更新(ファイルプロパティ)
    ファイルをダウンロードする
    ページ情報を取得(ファイル情報の一覧)
    ページ・データベースをタイトルで検索
    データベースのテンプレートを使用したページを作成(タイトルのみ)
    ページにヘッダーと本文を追加
    データソースのプロパティ名を更新
    ページのプロパティを更新(タイトルプロパティ)
    データソースの数式プロパティ内の文字検索
    ページに埋め込みURL付きのテキストを追加
フローボットトリガー
    メッセージがチャンネルに投稿されたら
    ファイルがチャンネルに投稿されたら
    メッセージがチャンネルに投稿されたら(Webhook)
    メッセージにスタンプが押されたら(Webhook)
    チャンネルでメンションされたら
    指定のテキストを含むメッセージがチャンネルに投稿されたら
    Slackアプリがメンションされたら(Webhook)
    チャンネルでメンションされたら(複数ユーザー指定)
    指定のテキストを含むメッセージがチャンネルに投稿されたら(正規表現で指定)
    新しいチャンネルが作成されたら(Webhook)
    メッセージがスレッドに投稿されたら(Webhook)
    チャンネルでメンションされたら(複数ユーザー&グループ指定)
フローボットオペレーション
    チャンネルにメッセージを送る
    ダイレクトメッセージを送る
    チャンネル内のメンバーIDを取得する
    チャンネルを作成
    チャンネルにメンバーを招待
    ユーザーグループの一覧を取得
    スレッドにメッセージを送る
    チャンネルをアーカイブ
    スレッドのメッセージを取得
    パブリックチャンネルの一覧を取得
    プライベートチャンネルからメンバーを退出させる
    メールアドレスでユーザーを検索
    ユーザー情報を取得
    特定のメッセージを取得
    メッセージのリンクを取得
    メッセージを削除
    ユーザーグループ内のユーザー一覧を取得
    特定のメッセージのリアクション一覧を取得
    ユーザーグループを作成する
    チャンネルのメッセージ一覧を取得
    アタッチメントを指定しチャンネルにメッセージを送る
Yoomでもっと、
仕事を簡単に。
利用開始まで
30秒!
無料で試してみる
無料で試してみる
資料請求・デモ申込は
こちら
詳しくみる