slack,teams,zoom×ローコード開発での業務効率化例

https://www.pi-pe.co.jp/regist/is?SMPFORM=man-lanerf-2473a633d82734eb22aa64cad426ae23&utm_source=pup-qiita&utm_medium=contentlink&utm_campaign=/SPIRAL_internship/items/dcb457e7f9a2da760a2f&utm_content=link-top&f000099824=https://qiita.com/SPIRAL_internship/items/dcb457e7f9a2da760a2f

---

##  はじめに
現代のビジネスでは、Slack、Microsoft Teams、Zoom などのオンライン通信ツールが必須のツールとなっています。これらのツールを効率的に利用することで、業務の自動化や現場の効率化が可能になります。そこで、 **これらのツールをローコード開発によって最適化** する方法について皆さんに共有できればと思います！

## ローコード開発とは
まず、ローコード開発についてご存じない方に向けて、簡単に説明をしておきます。ローコード開発とは、これまでプログラミングの知識が必要だった開発を、ドラッグアンドドロップなどの視覚的な操作で簡単に実装できる手法です。これにより、ITスキルが低くても業務効率化のためのシステム構築が可能となります。  

詳しくは[こちら]( https://qiita.com/SPIRAL_internship/items/1b5505c99fd2ec462885)

## Slack×ローコード例
- タスク管理の最適化
- Slack で特定のメッセージを受け取ると、SPIRAL のワークフロー機能を利用してタスクを自動生成。
-  進捗状況を管理し、期限が近づいたら Slack でリマインド通知。


## Teams×ローコード例
- 問い合わせ管理の自動化
- ローコードで問い合わせフォームを作成し、送信された内容を Teamsに通知。
- 受付内容をデータベースに自動登録し、対応状況をトラッキング。


## Zoom×ローコード例
- Webセミナー参加者の管理
- ローコードでセミナー申し込みフォームを作成し、Zoom API と連携して参加者へ自動で招待メールを送信。
- 参加者の出席データを SPIRAL に保存し、後日のフォローアップメールを自動送信。

## 実際に作ってみた
今回は上記のTeams×ローコード例にて取り上げている「問い合わせ管理の自動化」を、 **SPIRAL** というローコード開発ツールを用いて、作ってみました。
想定している動きとしては、お問い合わせフォームに入力があった際にTeamsに通知し、内容をエクセルに自動で更新、対応状況がトラッキングできるというものです。（もちろんDBにも自動で登録されます。）

---
▼お試しはこちら

https://www.pi-pe.co.jp/regist/is?SMPFORM=man-lanerf-2473a633d82734eb22aa64cad426ae23&utm_source=pup-qiita&utm_medium=contentlink&utm_campaign=/SPIRAL_internship/items/dcb457e7f9a2da760a2f&utm_content=link-middle&f000099824=https://qiita.com/SPIRAL_internship/items/dcb457e7f9a2da760a2f

---

### まずは大本となるアプリ作成
まずアプリ欄の横にある「＋」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/ebc069d4-c662-42f3-942e-2b347572a595.png)

次に「テンプレートから選ぶ」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/def2efdc-a67d-44b6-8a9f-ec7b9edf0a1c.png)

お問い合わせフォーム欄にある「選択」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/8580757c-651d-472c-aa09-001ba70cbc0f.png)
 
アプリの設定は、必要な個所に入力し「次へ」をクリックしていきます。最後に「インポート」をクリックするとアプリの作成が完了し、お問い合わせフォームとデータベースが自動で作成されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/2899ad20-9cc4-43ca-ad3f-d76d918a59b2.png)

### アプリ設定
次に、DBに登録があった際にoutlookにメールが送られるように設定します。メールの受信を起点に、Teamsと連携させるためです。
「インポート」をクリック後、「引き続き設定を行う」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/31b9fabc-fbdc-496d-af42-f2d323ac4893.png)

「お問い合わせフォーム」をクリックします。
 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/e8e9ec11-cb6c-4553-807e-2686c82975b0.png)



「登録通知メール」をクリック後、
・通知メール使用を「使用する」
・メールアドレス/グループの作成変更は「こちら」をクリック

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/f52cbd1b-e414-4a52-b5b8-15e976e6f63c.png)

「＋」をクリックします。
 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/9a31203b-3cc7-46d3-9b69-260ecfd9d87d.png)


メールアドレスを入力後、「新規作成」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/6c49b6b8-0e50-4a45-be7c-21e023bf718f.png)

件名を入力します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/35e0624a-2ace-48fd-a30e-b7a46f7a6ca8.png)

表示項目のすべてにチェックを入れ、「変更」をクリックします。
以上でSPIRAL側の設定は終わりです。

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/535cdb74-05c2-4e32-9d64-5ab8f44f3bd7.png)

### Teamsとの連携
最後に、Workflowsを用いてSPIRALとTeamsを連携させます。
Teamsを開き、アプリからWorkflowsを開きます。
 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/0af3965d-6a25-470f-91e7-105485ee90e1.png)


「新しいフロー」→「最初から作成」の順にクリックし、検索欄にoutlookと入力します。そして「新しいメールが届いたとき（v3）」を選択します。

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/f791cf86-e287-4806-b91e-98df51b4fb70.png)

「詳細オプションを表示する」をクリックし、宛先（ご自身のメールアドレス）、件名フィルター（SPIRALで指定した件名）を入力します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/86c15987-2e2b-4211-87f1-eecb4b3f9c89.png)

次に「＋新しいステップ」をクリックし、検索欄にチャットと入力後、「チャットまたはチャネルでメッセージを投稿する」を選択します。
投稿先、グループチャットを選択し、実際に投稿されるメッセージを入力します。
例：
📩 新しいお問い合わせが届きました！

- 件名: @{triggerOutputs()?['body/subject']}
- 本文: @{triggerOutputs()?['body/body']}

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/257c4dac-2b9d-4aa5-ba2b-0c42121c8f7f.png)

### 対応状況のトラッキング
対応状況をトラッキングするために、エクセルに自動登録されるように設定していきます。
まずエクセルファイルを作成していきます。以下のように設定してください。
ファイル名：inquiry_log.xlsx
シート名：Sheet1

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/cb2c6bcd-47f6-494b-881d-044c96ba3ea2.png)

※ この表を作成後、 **Excel Onlineで「テーブル」に変換（Ctrl + T）** してください。

「＋新しいステップ」→「Excel Online（Business）」→「表に行を追加」のように選択していき、以下の例のように設定します。
| 項目 | 内容 |
| ---- | ---- |
|ロケーション|OneDrive for Business|
|ドキュメントライブラリ|ドキュメント|
|ファイル|作成したファイルを選択|
|テーブル名|作成したテーブル名（例：Table1）|
|列１|trim(split(split(triggerOutputs()?['body']['Body'],'[登録日時] ')[1],'[問合せID]')[0])|
|列２|trim(split(split(triggerOutputs()?['body']['Body'],'[氏名] ')[1],'[ふりがな]')[0])|
|列３|trim(split(split(triggerOutputs()?['body']['Body'],'[メールアドレス] ')[1],'[電話番号]')[0])|
|列４|trim(split(triggerOutputs()?['body']['Body'],'[お問い合わせ内容] ')[1])|
|列５|未対応|

※ 列１～列４には「動的なコンテンツ」挿入ではなく「式」タブに切り替えて入力し、列５には欄にそのまま入力


最後に「保存」をクリックすると、完成です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/8cb0725e-593f-41b8-9502-c229d18d8264.png)

## 動かしてみた
「お問い合わせフォーム」をクリック

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/83e15f07-32e1-4e40-9b39-b195d1c2829e.png)

URLをクリック

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/38d09f29-75a5-41a2-a300-f9b18f249edb.png)

必要な個所に入力後、「確認ページへ」をクリック
 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/c0677fc0-d81a-42b2-86f9-ee12b9525e69.png)




「送信する」をクリック

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/99c047c7-fee9-4317-8489-ee35fe42cb10.png)

メールが送信される

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/e0d96ebc-9215-4838-86e5-ba9e8e93b3f6.png)

Teamsにお知らせされる

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/b10b5fac-8078-483d-a09c-fecae463839d.png)

エクセルが更新されていれば完成です！

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4041448/56a95878-fbf9-4ca6-ad8a-7615447f11f8.png)

## 最後に
SPIRALとWorkflowsを使えば、問い合わせ対応もぐっとラクになります！
私は学生ですが、10時間もかからず作成することができました。
気になる方はぜひ試してみてください！

ーーーーーーー
 
 
私がインターンしているスパイラル株式会社は、ローコードプラットフォーム、SPIRAL ver.1の**トライアルアカウント**を**無償提供**しています。このアカウントの記事でも紹介するように、たくさんの機能ございます。
 
▶︎ フォーム
▶︎ 認証エリア
▶︎ ログイン
▶︎ メール送信
▶︎ カスタムプログラム
 
などの作成できますので、ぜひ試してみてください!!
 
https://www.pi-pe.co.jp/regist/is?SMPFORM=man-lanerf-2473a633d82734eb22aa64cad426ae23&utm_source=pup-qiita&utm_medium=contentlink&utm_campaign=/SPIRAL_internship/items/dcb457e7f9a2da760a2f&utm_content=link-bottom&f000099824=https://qiita.com/SPIRAL_internship/items/dcb457e7f9a2da760a2f
 
そして、今チームでトライアル登録者向けに、オンボーディングコンテンツを作成しています。**SPIRAL ver.1**にご興味のある方、ぜひこちらもご覧ください👇
 
https://knowledge.spirers.jp/special/detail/11680