Slack連携による生産性向上の施策（その１）〜Workflow Builder編〜

# はじめに
こちらの記事は三部構成になっております。
- [Slack連携による生産性向上の施策（その１）〜Workflow Builder編〜](https://qiita.com/oc-arimura/items/ff4c194c617a9d309d9c)
- [Slack連携による生産性向上の施策（その２）〜Slack App編〜](https://qiita.com/oc-arimura/items/fdb6b1faca5ea1150b3a)
- [Slack連携による生産性向上の施策（その３）〜AWS Lambda編〜](https://qiita.com/oc-arimura/items/e9fb983b411b68fd941a)

また、全ての記事の内容を含んだ動画も用意しております。
動画で確認したい方は[コチラ](https://www.youtube.com/watch?v=JE7ZVJ9yE9Q)まで。
※動画開始50分頃からの内容になります。

# 事の経緯
![スクリーンショット 2024-04-04 16.45.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/66db9017-f5c8-4045-9040-0dd90bebbb12.png)
![スクリーンショット 2024-04-04 16.47.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/d33daea8-f219-4a94-30c3-adb89cdb39a4.png)
![スクリーンショット 2024-04-04 16.48.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/2b53fcbe-ba7e-e259-b474-eb172ffa9d32.png)

# 今回の構成
## 入力方法
- Slackからデータを入力する
- その際、Workflow Builderを使って定型化させる
## データ送信方法
- Slack Appを使って入力内容をAWS Lambdaへ送信
## データ登録方法
- AWS Lambdaを使ってBacklogへデータ登録

# Workflow Builderの作り方
1. SlackのメニューからTools & settings -> Workflow Builderをクリック
![スクリーンショット 2024-04-08 17.53.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/35af057a-f9cd-2b30-77d0-e5927ddcc7e3.png)

1. WorkflowBuilder画面の「Create Workflow」ボタンをクリック
![スクリーンショット 2024-04-08 18.08.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/59b95188-67a6-412d-8f18-818ca05bbcd8.png)


1. 「From a link in Slack」をクリック
![スクリーンショット 2024-04-04 17.18.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/83ece203-fa78-1a41-4d37-03df8f33112a.png)

1. 「Continue」ボタンをクリック
![スクリーンショット 2024-04-04 17.43.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/45477cd1-8ce8-4e06-ef2e-2fd5f057176e.png)

1. 右オプションから「Forms」を選択し、「Collect info in a form」をクリック
![スクリーンショット 2024-04-04 17.41.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/eeaf6475-6ff2-af6e-14bb-013637afcde3.png)

1. 入力フォームの内容を設定していき、「Save」ボタンをクリック
![スクリーンショット 2024-04-04 18.08.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/d48da63d-a692-d420-06fa-be57bfc90ee3.png)
（各項目入力後「Add Question」ボタンを押して、繰り返し入力項目を追加していく）

1. 右オプションから「Messages」を選択し、「Send a message to a channel」をクリック
![スクリーンショット 2024-04-04 18.14.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/25d51990-a4bd-f0b9-5a34-d3af739cd7f6.png)

1. 出力メッセージ内容を設定していき、「Save」ボタンをクリック
![スクリーンショット 2024-04-04 18.23.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/deaace97-296b-d57c-6c76-a9746abe1514.png)

1. 「Untitled Workflow」をクリック
![スクリーンショット 2024-04-04 18.31.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/3c645482-fbb4-a7a5-4f31-64301bff0f82.png)

1. ワークフロー詳細内容を設定していき、「Save」ボタンをクリック
![スクリーンショット 2024-04-04 18.37.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/e0ecfa3a-e5ba-307d-3278-70e594d3e079.png)

1. ワークフロー内容の設定が完了したので、「Finish Up」ボタンをクリック
![スクリーンショット 2024-04-04 18.38.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/1c0313ca-b8da-9498-4ddc-1aa46d4efa3f.png)

1. ワークフロー内容を確認をして「Publish」ボタンをクリックすることで、公開されます
![スクリーンショット 2024-04-04 18.42.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/3475852e-a1a2-27b9-f80f-c90351a35e84.png)

1. 公開された情報が表示されます
![スクリーンショット 2024-04-05 11.57.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/0c495003-438f-ec49-c87e-02253b49130a.png)


# Workflow Builderを使ってみよう
1. Slackチャンネルの「Add a bookmark」をクリックし、「Add a bookmark to this channel」をクリック
![スクリーンショット 2024-04-04 18.59.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/7d29a8d5-9faa-d596-5653-b85ba49d37e5.png)

1. ブックマークの入力画面が表示されるので、先ほど作成したワークフローのURLを貼り付け、「Add」ボタンをクリック
![スクリーンショット 2024-04-05 11.57.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/f901927f-007c-e9f0-e60d-b60bd50fe749.png)

1. Slackチャンネルにブックマークが登録されるので、「知恵袋 質問起票」をクリック
![スクリーンショット 2024-04-04 19.00.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/8d58684f-ccd1-3bc2-f704-ddd86b789ccf.png)

1. 知恵袋 質問起票の入力画面が表示されるので、各項目を入力し「Submit」ボタンをクリック
![スクリーンショット 2024-04-04 19.07.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/4bdffe36-f800-f04a-c29e-f73bb03464f9.png)

1. Slackメッセージとして表示される
![スクリーンショット 2024-04-04 19.07.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3763114/d1045acb-9a0c-8abb-a535-ca0f818542e2.png)


# Slackメッセージをどうやって連携させるか？
***Slackメッセージのイベントをトリガーに何かを実行させる！***


### Slack連携による生産性向上の施策（その２）〜Slack App編〜　に続く…