<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="1" class="code-line">この記事は、<a href="https://adventar.org/calendars/12190" target="_blank" rel="nofollow noopener noreferrer">GMOペパボ エンジニア アドベントカレンダー</a>の一日目です</p>
</div></aside>
<p data-line="3" class="code-line">GoogleWorkspaceを契約していると利用できるサービスにGoogle Workspace Flowsというものがあります。</p>
<p data-line="5" class="code-line">この<a href="https://flows.workspace.google.com/" target="_blank" rel="nofollow noopener noreferrer">Google Workspace Flows</a>(以下、Flows) は、Google各サービスとGeminiで自動化ができるノーコードのワークフローアプリです。</p>
<p data-line="7" class="code-line">このFlowsでは、ワークフローの実行結果をGoogle ChatやGmailで送信できますが、<br>
GMOペパボではSlackをチャットツールとして利用しています。そのため、実行結果をSlackに送信したい場面があります。</p>
<p data-line="10" class="code-line">社内ではアドベントカレンダーの通知を行うためにFlowsとSlackを連携したメッセージ送信を行っています。これを実現するための方法を紹介します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/28483c7e40ed-20251202.png" alt="" class="md-img" loading="lazy"></p>
<h2 id="flows%E3%81%AE%E5%88%A9%E7%94%A8%E3%81%AB%E3%81%AF%E3%82%A2%E3%83%AB%E3%83%95%E3%82%A1%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%81%B8%E3%81%AE%E7%99%BB%E9%8C%B2%E3%81%8C%E5%BF%85%E8%A6%81" data-line="13" class="code-line">
<a class="header-anchor-link" href="#flows%E3%81%AE%E5%88%A9%E7%94%A8%E3%81%AB%E3%81%AF%E3%82%A2%E3%83%AB%E3%83%95%E3%82%A1%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%81%B8%E3%81%AE%E7%99%BB%E9%8C%B2%E3%81%8C%E5%BF%85%E8%A6%81" aria-hidden="true"></a> Flowsの利用にはアルファプログラムへの登録が必要</h2>
<p data-line="14" class="code-line">Flowsは以下の2点を満たす必要があります。</p>
<ul data-line="15" class="code-line">
<li data-line="15" class="code-line">Google Workspaceのビジネススターター以上への加入</li>
<li data-line="16" class="code-line">Geminiのアルファプログラムへの登録</li>
</ul>
<p data-line="18" class="code-line">このページに詳細がまとまっています<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__993b7196446ce" src="https://embed.zenn.studio/card#zenn-embedded__993b7196446ce" data-content="https%3A%2F%2Fsupport.google.com%2Fa%2Fanswer%2F14170809" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://support.google.com/a/answer/14170809" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://support.google.com/a/answer/14170809</a></p>
<h2 id="webhook%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%80%81slack%E3%81%AB%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B" data-line="23" class="code-line">
<a class="header-anchor-link" href="#webhook%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%80%81slack%E3%81%AB%E8%BB%A2%E9%80%81%E3%81%99%E3%82%8B" aria-hidden="true"></a> Webhookを使って、Slackに転送する</h2>
<p data-line="25" class="code-line">このFlowsにはWebhookで外部サービスへ送信できます。<br>
このWebhookを利用して、FlowsとSlackを連携します。</p>
<h3 id="%E5%AE%9F%E9%9A%9B%E3%81%AE%E9%80%A3%E6%90%BA%E3%81%AE%E4%BB%95%E6%96%B9" data-line="28" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E9%9A%9B%E3%81%AE%E9%80%A3%E6%90%BA%E3%81%AE%E4%BB%95%E6%96%B9" aria-hidden="true"></a> 実際の連携の仕方</h3>
<p data-line="29" class="code-line">今回は、前日の未読のメールを要約してSlackに通知するワークフローを作りながら説明します。</p>
<ol data-line="30" class="code-line">
<li data-line="30" class="code-line">
<p data-line="30" class="code-line">Flowsで、新しくワークフローを作成<br>
StarterにはOn scheduleを指定して、定期実行を行うようにします<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9ec4634bb5f3-20251201.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="34" class="code-line">
<p data-line="34" class="code-line">Recap unread emailsで未読のメールを要約するステップを追加します。<br>
Slackに送る際には、jsonで送信するため<code>* 出力は制御文字含めたプレーンテキスト</code>という指示を追加しておきます<br>
<img src="https://storage.googleapis.com/zenn-user-upload/861b7de1000e-20251202.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="38" class="code-line">
<p data-line="38" class="code-line">Slackのワークフローを新規に作成し、トリガーにWebhookを設定します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/767bc9236c4f-20251201.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="41" class="code-line">
<p data-line="41" class="code-line">変数を設定するボタンをクリックして、キー名(画像ではtext)を入力します。データタイプはテキストのままにします。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/36a10688eea4-20251201.png" alt="" class="md-img" loading="lazy"><br>
<img src="https://storage.googleapis.com/zenn-user-upload/ca5d0fa96e2f-20251201.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="45" class="code-line">
<p data-line="45" class="code-line">webhookの設定が終わると、ウェブリクエストのURLが発行されのでコピーしておきます。その後はチャンネルやユーザーにメッセージを送信する処理を追加します。変数を挿入からwebhookで入力したキー名を選ぶことで、Flowsで送信されたテキストがその部分に埋め込まれます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/0fcb39dd1505-20251201.png" alt="" class="md-img" loading="lazy"></p>
</li>
<li data-line="48" class="code-line">
<p data-line="48" class="code-line">Slackで発行されたウェブリクエストのURLを、Flowsのwebhookのステップにペーストします。payloadはjsonで指定します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6d2ae657dc42-20251202.png" alt="" class="md-img" loading="lazy"></p>
</li>
</ol>
<p data-line="52" class="code-line">これを実行することで、<br>
画像のようにSlackにメールを要約した内容が送信されます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/814390bed226-20251202.png" alt="" class="md-img" loading="lazy"></p>
<h2 id="%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" data-line="56" class="code-line">
<a class="header-anchor-link" href="#%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> 終わりに</h2>
<p data-line="57" class="code-line">Googleの各サービスと連携が簡単なため様々な応用が効き、便利なツールだと感じています。<br>
Geminiも使えるため、今日の渋谷天気、イベント情報を収集して教えてなどという指示を入れて毎日通知するといった使い方もできます。<br>
ちなみに、ペパボのムームードメインでは、Flowsの利用に必要なGoogle Workspaceも取り扱っています<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c35dccef7e5f4" src="https://embed.zenn.studio/card#zenn-embedded__c35dccef7e5f4" data-content="https%3A%2F%2Fmuumuu-domain.com%2Flp%2Fgoogle-workspace" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://muumuu-domain.com/lp/google-workspace" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://muumuu-domain.com/lp/google-workspace</a></p>
<p data-line="62" class="code-line">以上、FlowsとSlackの連携方法でした！次のアドベントカレンダーもお楽しみに！</p>
<p data-line="64" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__1754ae9a647dc" src="https://embed.zenn.studio/card#zenn-embedded__1754ae9a647dc" data-content="https%3A%2F%2Fadventar.org%2Fcalendars%2F12190" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://adventar.org/calendars/12190" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://adventar.org/calendars/12190</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__2cfe51f1eeb3" src="https://embed.zenn.studio/card#zenn-embedded__2cfe51f1eeb3" data-content="https%3A%2F%2Fadventar.org%2Fcalendars%2F11929" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://adventar.org/calendars/11929" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://adventar.org/calendars/11929</a></p>


Google Workspace Flowsの実行結果をSlackに送信する

Flowsの利用にはアルファプログラムへの登録が必要

Webhookを使って、Slackに転送する

Discussion