AppSheet で業務効率を促進！ AppSheet とSlack を連携する方法

AppSheetとは？

AppSheetとは、Google Cloudが提供するノーコード開発環境で、もともとはスタートアップ企業であるAppSheet社が提供するサービスでした。

AppSheet社が掲げる「アプリの民主化」というミッションと、Google社が掲げる「世界中の情報を整理し、世界中の人がアクセスできて使えるようにすること」というミッションの親和性が高かったため、2020年1月にGoogle社がAppSheet社の買収を発表し、GoogleのサービスにAppSheetが加わりました。
簡単に開発できる点から機能に制限があると思われがちですが、データ元が「スプレッドシート」「エクセル」といった馴染みのあるツールから、「MySQL」「SQL-Server」といった高度なデータべースまで対応しているので、開発経験の少ない方から経験豊富なエンジニアまで幅広い方が多くの機能を使用できます。

本記事では、AppSheetで作成したアプリとSlackを連携させる方法についてお伝えします。

AppSheetとSlackを連携する方法

AppSheetではWebhookという仕組みを利用して外部のWebサービスと連携することができます。Webhookとは、「事前に指定しておいた条件をきっかけに、外部のWebサービスに対して更新を通知する仕組み」のことで、これによりAppSheetでの更新を外部のWebサービスに対して通知することができます。
単に通知するだけではなく、Webサービス側に用意されているAPIを呼び出すことで、より複雑な処理を実現することもできます。

今回はAppSheetで作ったアプリを「Slack」と連携する方法をご紹介します。

必要なデータを用意してAppSheetでアプリを生成

まずはAppSheetアプリの基礎になるデータを用意します。

スプレッドシートの[拡張機能]から[AppSheet]▶︎[アプリを作成]で、AppSheetへアクセスします。

AIが自動的にアプリを生成してくれます。
アプリが自動生成されたらData微調整とアプリ画面の表示設定を行って土台は完成です。

基本の設定は以上になります。

アプリの作成については、こちらの記事で詳しく解説しているので、あわせてこちらをご覧ください。

続いて、Slack側の設定をおこないます。

Slackの設定

AppSheetの外部サービス連携では、連携先の設定も必要になります。
まず最初に、Slack側の設定を行います。

①SlackからWebHooksを追加

Slack のメニューバー最下部にアプリを追加するボタンがあるため、そこからアプリの追加を行います。

手順

1. Slackの最下部から「アプリを追加」します。
2. 検索ボックスで「Webhook」を検索します。
3. 「Incoming WebHooks」▶︎「追加」▶︎「Slack に追加」のボタンを押します。

②チャンネルを選択

AppSheetから送信したメッセージを受信するためのSlackチャンネルを選択します。

手順

1. Incoming WebHooksをSlackに追加し、設定画面を下部へスクロールすると「チャンネルへの投稿」が表示されます。通知したいチャンネルを選択(または新しいチャンネルを作成)「Incoming Webhookインテグレーション」の追加ボタンを選択します。

③WebhookのURLをコピー

AppSheet側に入力するためのWebhook URLを取得します。

手順

1. 追加ボタンを選択すると、自動的に次のページに移動します。
   Webhook URLの欄にAppSheetで使用するURLが生成されたらURLをコピーします。

Slackの設定は以上です。

AppSheetの設定

最後にAppSheetの設定を行います。
AppSheetではAutomation機能として自動化botを設定することができます。botは特定の条件（イベント）が起きた際に、後続の処理（プロセス）を実行します。

①新しいAutomationを生成

AppSheetで開発したアプリに対して、新しい自動化の設定を行います。

手順

1. [Create my first automation]▶︎[Create a new bot]で新しい画面を生成します。

②イベントを構成

Automationの新しいbot を生成します。

手順

1. [Configure event]を押して[Create a custom event]でNew eventを生成します。

③イベントの設定

アプリ上で、どのような行動が行われたらイベントが作動するのかを設定します。

手順

1. Event Nameにタイトルを入力します。
2. Event Typeに「All Change」を選択します。

④プロセスで実行するステップを追加と設定

設定したイベントが起きた際に呼び出される処理（プロセス）を設定します。ひとつのプロセスの中には複数のステップを定義することができます。

手順

1. [+ add a step]▶︎[Create a custom step]でステップを新規作成します。
   

   

2. [Call a Webhook]と[Table name]を選択します。
3. [Preset]でプルダウンから[Slack Hook]を選択します。
4. [URL]に、Slack設定で取得したWebhookのURLを貼りつけます。
5. [Body]のデフォルトで入っているメッセージ“Text“部分にメッセージ内容を入力します。

＜設定値＞

最後にエディタ画面の右上にある[SAVE]を押して完了です。

今回は、アプリでデータが更新される毎にSlackに通知が届く設定を行いました。
データを更新したあとにSlackへ通知が届いているかを確認します。

まとめ

AppSheetはGoogleが提供するノーコードの開発ツールです。この記事では、AppSheetと Slackを連携させることによって、生成したアプリが便利に使いやすいアプリになることをお伝えしました。
また、Slackだけでなく、APIが公開されているサービスであれば連携が可能です。
AppSheetをはじめとするGoogle各サービスの構成や価格表をまとめた、「Google Workspace概要資料」をご用意しております。詳細をご希望の方は、以下の資料をダウンロードしてご覧ください。