Google スプレッドシートにWeb制作依頼が追加されたら、AIでHTML/CSSを生成してMicrosoft Teamsに送信する

Yoomのテンプレートを使えば、ノーコードで簡単に

Google スプレッドシート

を自動連携できます。

■概要

Google スプレッドシートでWeb制作の依頼を管理する中で、依頼内容を基に毎回HTML/CSSの雛形を作成し、Microsoft Teamsで共有する作業に手間を感じていませんか？このワークフローを活用すれば、Google スプレッドシートに行が追加されるだけで、AIが依頼内容に応じたHTML/CSSを自動で生成し、Microsoft Teamsの指定チャネルへ送信までを完結させることができます。Web制作の初動を効率化し、依頼管理のプロセスを円滑にします。

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

Web制作の依頼をGoogle スプレッドシートで管理しているWebディレクターやプロジェクトマネージャーの方
AIを活用してHTML/CSSのコーディング作業を効率化したいと考えているフロントエンドエンジニアの方
Microsoft Teamsでの情報共有の抜け漏れを防ぎ、制作フローを自動化したいと考えている方

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

Google スプレッドシートへの依頼追加を起点に、AIがHTML/CSSを自動生成するため、手作業でのコーディング時間を短縮できます。
依頼内容に基づいた定型的なコード生成が自動化されるため、制作フローが標準化され、業務の属人化解消に繋がります。

■フローボットの流れ

はじめに、Google スプレッドシートとMicrosoft TeamsをYoomと連携します。
次に、トリガーでGoogle スプレッドシートを選択し、「行が追加されたら」というアクションを設定します。
次に、オペレーションでAI機能の「テキスト生成」アクションを設定し、スプレッドシートの依頼内容を基にHTML/CSSを生成するように指示します。
最後に、オペレーションでMicrosoft Teamsの「チャネルにメッセージを送る」アクションを設定し、生成されたコードを指定のチャネルに送信します。

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

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

Google スプレッドシートのトリガー設定では、連携したいスプレッドシートのIDやタブ名を任意で設定してください。
AI機能のテキスト生成では、Google スプレッドシートから取得した依頼内容の値を引用し、目的に応じたHTML/CSSを生成するためのプロンプトを自由にカスタマイズできます。
Microsoft Teamsへの通知設定では、メッセージを送信したいチームIDやチャネルID、本文の内容を任意で設定することが可能です。

■注意事項

Google スプレッドシート、Microsoft TeamsのそれぞれとYoomを連携してください。
トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
プランによって最短の起動間隔が異なりますので、ご注意ください。
Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
Google スプレッドシートをアプリトリガーとして使用する際の注意事項は「【アプリトリガー】Google スプレッドシートのトリガーにおける注意事項」を参照してください。

このテンプレートを試してみる

類似したテンプレートをご紹介！

Google Driveに文書が格納されたら、AIで要約してGoogle スプレッドシートの管理シートに追加する

Google Driveに追加されたファイルをAIで読み取り要約し、Google スプレッドシートへ自動記録するフローです。文書確認や転記の手間を減らし、入力ミスを抑えて情報共有を早められます。

詳細を見る

Google スプレッドシートに行が追加されたらMicrosoft Teamsでチームを作成する

Google スプレッドシートに行が追加されるとMicrosoft Teamsのチームを自動生成するフローです。手作業の転記や二重入力をなくし、作成漏れや入力ミスを抑えながら立ち上げを早められます。

詳細を見る

Google スプレッドシートで行が追加されたらジョーシスで従業員を登録する

Google スプレッドシートに行を追加するとジョーシスへ従業員を自動登録するフローです。転記作業を省き入力ミスの発生を抑え、入社手続きの負担を軽減できます。

詳細を見る

1日1回前日の取引データをスマレジから取得して、Google スプレッドシートに転記する

スマレジの前日売上を毎朝設定時刻に自動取得し、Google スプレッドシートへ転記するフローです。毎日の手入力や入力ミスを減らし、正確なデータで報告・分析できます。

詳細を見る

Google スプレッドシートで特定条件の行が追加されたら、KommoにContactを追加する

YoomでGoogle スプレッドシートの行追加をきっかけにKommoへContactを登録するフローです。転記作業や入力ミスを減らし、顧客情報を正確かつ素早く共有できます。

詳細を見る

LINEで特定のWebhookイベントを受け取ったら、Google スプレッドシートをリアルタイムで更新する

LINE公式アカウントの問い合わせや予約を受信するとGoogle スプレッドシートへ自動記録するフローです。転記の手間や入力ミスを抑え、顧客データを常に最新に保てます。

詳細を見る

すべてのテンプレートを見る

使用しているアプリについて

Google スプレッドシート

YoomではGoogleスプレッドシートのAPIをノーコードで活用することができます。スプレッドシートとYoomを連携することで、スプレッドシートへの情報入力を自動化したり、スプレッドシートの雛形を元に書類を自動的に作成することが可能です。また、Yoomのデータベースにスプレッドシートの情報を同期し、様々な用途で活用することも可能です。

関連アプリ