非エンジニアがSlackワークフロー×GoogleスプレッドシートでカンタンIssue管理システムを作成＆運用した話ver2

# はじめに
- この記事は、[Ateam LifeDesign Advent Calendar 2023](https://qiita.com/advent-calendar/2023/ateam-life-design)の25日目の記事です。
- これは、昨年のアドベントカレンダーで投稿した記事の続きです
    - [非エンジニアがSlackワークフロー×GoogleスプレッドシートでカンタンIssue管理システムを作成＆運用した話](https://qiita.com/MAB_cx/items/6801b893cb81c9cc7133)
- 昨年は、この秋にあるサービスの社内CRMをSalesforceに切り替えるプロジェクトを動かしていました。
    - 2022年は「導入・切り替え」がメインでしたが、2023年は、あるサービスでは「導入・切り替え」、導入済のサービスでは「保守・改善」とプラスオンされた状況になりました。
- 去年は、導入後の定着のため、**「CRM利用者が気づいてから修正対応するまでのリードタイムを短く！」を目的としたIssue管理システム**でした。
    
![画像3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/f9c2e62a-cde0-57b3-c789-bce782aec938.png)

- 今年は、**あらゆるチームから発生する問い合わせを漏れなく完了まで進めることを目的としたIssue管理システムにアップデートしたい**と思います。

# できたもの

- 基本的な流れは、旧ワークフローとほとんど変わっていません。
- 青い四角で囲った部分が、ver2で新たに加えた部分です。

| ver1 | ver2 |
|:-:|:-:|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/45ff9bce-33f0-e15a-41c6-3e0bc95110d4.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/c7e827a1-33c1-b55c-0f6b-08fb42b91e9d.png)|

## バージョンアップをする前に

- バージョンアップをするか、と重い腰を上げたのは、Slackが2023年6月にワークフローを刷新し、2023年9月から新バージョンに移行された[^1]ことがきっかけです。
[^1]:[ワークフロービルダーの新しいバージョンへのレガシーワークフローの移行](https://slack.com/intl/ja-jp/help/articles/16787711643411-%E3%83%AF%E3%83%BC%E3%82%AF%E3%83%95%E3%83%AD%E3%83%BC%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%B8%E3%81%AE%E3%83%AC%E3%82%AC%E3%82%B7%E3%83%BC%E3%83%AF%E3%83%BC%E3%82%AF%E3%83%95%E3%83%AD%E3%83%BC%E3%81%AE%E7%A7%BB%E8%A1%8C)
- １年前に作成した問い合わせフローは、レガシーワークフローに分類され、新ワークフローに移行する必要があったので、これを機に、問い合わせの対応目的の変化と、Slackのワークフローのバージョンアップにあわせてアップデートをすることにしました。<br><br>
- そこで考えたことは２つ。
    - Slackワークフローのアップデートされた機能を取り入れたい！
    - 情報の可視化をして対応漏れを防ぐ！

### Slackワークフローのアップデートされた機能を取り入れる

- アップデートされた機能から以下の部分を取り入れる事にしました。
    1. スクリーンショットの収集
    1. GitHubのIssueの作成
    1. スプレッドシート上の情報を返す

### 情報の可視化を考える
- 私のチームでは、SalesforceとTableauの管理を行っています。
    - 問い合わせデータは、Googleドライブ経由でTableauに接続し、状況の可視化をすることで「漏れなく対応する」を叶えようと思います。

#### （おまけ）CX推進室メンバーが書いた記事

https://qiita.com/takaHAL/items/d6721a302feb36e12141

https://qiita.com/s__iwata/items/80051761048c8a6f7759


https://qiita.com/hironey/items/27f6464fb1c94fcc1791


https://qiita.com/hs_a/items/ee872d31c601e6e9eb06

https://qiita.com/tkoyr/items/ef2cea13c3ec555e986b
 


## ①スクリーンショットの収集
- Salesforceを利用した業務を行っていると、以下のような問い合わせが来ます。
> 数分前より突然Salesforceにエラー画面が出現します。
エラー画面はスレッドに添付しております。
※黄色い〇を付けている箇所にエラーが生じます。

- どこでエラーが起こっているのか、どんな画面になっているのかを把握するために、スクリーンショットをもらう事が多々あります。
- 問い合わせは、ワークフローを起動したチャンネルの新規スレッドに届くようにしているので、スクリーンショットがそのスレッドに添付されていきます。<br><br>
- 問い合わせ内容と一緒にスクリーンショットも管理できないかなーと思っていたところ、Slackのワークフローの「フォーム」に、スクリーンショットが添付できるようになっていました。<br><br>
    - <img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/0db27bc7-c957-89ac-d546-184bbf39d3c2.png"><br><br>


- アップロードできるファイルは、「単一か、複数か」「動画も含む任意のファイルタイプか、画像のみか」を選択する事が出来ます。
    - <img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/39d04c5b-1605-9e85-53fe-8912a32d643d.png"><br><br>

- こんな感じに届きます。
    - <img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/06902b38-5248-8a3e-f1a2-9d5f3c869558.png">


## ②GitHubのIssueの作成
- これは、ワークフローを共有したらCX推進室のエンジニア（@takaHAL)が設定してくれたものです。
- Slackはアップデートにより、サードパーティ製アプリと連携するアクションが豊富に用意されました。
>ステップは、ワークフローに追加できるアクションのことです。Slack、サードパーティ製アプリ、カスタムアプリで動作するステップを選択します。

- 問い合わせ内容は多岐にわたるため、「テキストで返答するのみ」の時もあれば、開発を伴う対応が発生する場合もあります。
- そのため、対応を引き受けた際に、Issueが作成されるようになっています。
    - Slackのワークフローは分岐ができないので、フローを進める度にIssueが作成されてしまい、開発に紐づかないIssueも大量生産されてしまう‥という難点もあります。これは運用しながら検討したいところです。<br><br>
    - <img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/7b181b14-13fb-c14d-0e0e-2356a421674c.png">

## ③スプレッドシート上の情報を返す
- スプレッドシートの行を特定する事で、該当行の列の値を返すことができます。<br><br>
    - <img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/8681a08a-8ce6-ecf7-53f2-84beb50a162d.png"><br><br>
- これで、すべてのフローが終了した後に、対応時間の結果を返すことができるようにしてみました。<br><br>
    - <img width="300" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/3b151f3a-bda7-45e4-2bf4-e0363ae63f73.png"><br><br>


- しかし、この応答はチームメンバーのレビューの結果、実装はしない事に決めました。
    - 対応時間を短くすることが目的になり、対応がおざなりになってしまうのではないか？という意見があり、管理側が状況を確認するのみに利用をとどめ、返答としては戻さないことに。

## ④Tableauで状況を可視化
- TableauのデータソースでGoogleドライブを選択します。<br>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/741ea490-2fc8-9f6f-7b89-c1714699247f.png)<br><br>

- Slackワークフローで問い合わせを蓄積したスプレッドシートを選択し、データ型を設定します。<br>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/a1cca02c-5494-b177-ab80-f10c9d846096.png)<br><br>

- Tableauで未完了のまま残ってしまっている問い合わせを可視化することができました。
- ツールヒントにカーソルを当てれば、そのまま内容を確認する事ができるようになっています。<br>
<img width="500" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224146/7208a31b-2dcc-29d0-e8cb-0f9b643d13b9.png"><br><br>
- これで、Slackをしらみつぶしに確認しなくても、滞留している問い合わせを確認する事が出来るようになりました。

# まとめ

- 前回のver1では、スプレッドシートのフィルタを使い、対応漏れがないように気を付けていましたが、確認中の問い合わせが増えるにつれて、全体像を捉えることが出来なくなってきてしまっていました。
- 加えて、対応にどれだけの時間がかかったのか、どのような対応が多くなっているのか、統計を取る事にも苦戦していたのですが、Tableauの導入によってデータを見ながら改善活動を進める事ができるようになります。
- また、時間を置かずに、スプレッドシートにデータを蓄積している部分を、Salesforceに置き換えたver3にも挑戦していきたいと考えています。<br><Br>
- **「ツールやシステム導入を促進する側が一番利用する」** <br>この行動指針を大切に、2024年も頑張っていきたいです。

# MerryXmas！
- アドベントカレンダーも最終日を迎えました。
- CX推進室の @hironey がTableauで作成したクリスマスツリー[^2]でお別れしたいと思います。
- よいお年を！

![christmastree_anime.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/81599/50341ee9-4c2a-94b3-4936-6f38b5a48ae2.gif)


[^2]:[Tableau でクリスマスツリーを作ってみた](https://qiita.com/hironey/items/6b64445e8e30f45ca6c9)