お問い合わせからGitHub Issue作成まで：Slackワークフローで簡単実現

この記事は[Ateam LifeDesign Advent Calendar 2023](https://qiita.com/advent-calendar/2023/ateam-life-design)の20日目記事です。

# はじめに

この記事では、Slackのワークフローを使用して、GitHubのIssueの作成方法をご紹介します。

# この記事で詳しく書かないこと
この記事では、GitHubやSlackワークフローについての基本的な説明は省略していますので、それらの知識があることを前提としています。


# 完成したワークフロー

## 1. お問い合わせ内容を記入

![スクリーンショット 2023-12-17 23.38.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/96f5a47b-bc97-9e50-6202-93375641ca36.png)

## 2. 問い合わせ内容をチャンネルに投稿

![スクリーンショット 2023-12-17 23.43.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/3c7401fd-ff5a-38ee-4f00-fdd583745192.png)

## 3. Issueを作成

Issueを作成ボタンを押すと、事前に設定したリポジトリへフォームの内容のIssueが作成されます。

![スクリーンショット 2023-12-17 23.45.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/1f2d5b53-4fbe-d1ad-bf3a-665c81051a31.png)

さらに作成後は、
作成したIssueのURLをスレッドに残しました。

![スクリーンショット 2023-12-17 23.47.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/41f8faaa-17b5-6acc-c553-8be990ca00d1.png)

# ワークフロー作成

今回はテンプレートを使わずにゼロから作成しました。

## 1. ワークフローの開始方法を選択


`Slack内のリンクから`を選択。

![スクリーンショット 2023-12-17 23.52.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/8b2d5880-6ae9-7874-ee54-d6d80438dc79.png)

## 2. フォームを設置

`ステップ>フォーム`から`情報をフォームで収集する`を選択。

![スクリーンショット 2023-12-17 23.54.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/bc581f5f-168b-1aae-cca8-7bb0c8315ee4.png)

今回は、以下の内容で設定しました。

- 緊急度
    - ドロップダウン
- 期限
    - 日付
- 件名
    - 1行テキスト
- 問い合わせ内容
    - 段落

![スクリーンショット 2023-12-18 0.00.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/30a459c9-1e45-8fe0-c5a8-a191df7736e6.png)

## 3. お問い合わせ内容をSlackに投稿

`ステップ>メッセージ`から`チャンネルへメッセージを送信する`を選択。

![スクリーンショット 2023-12-18 0.02.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/a2e278e2-35cd-3434-991b-cb13878a850f.png)

変数を挿入から`すべてのデータを挿入する`を選びます。

![スクリーンショット 2023-12-18 0.05.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/937aa9d9-518e-5bcc-6a61-9e4ccaeccb75.png)

![スクリーンショット 2023-12-18 0.04.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/01828408-10cb-68bc-01c6-8572aa1066b0.png)

## 4. Issueを作成するボタンを作成

先ほど設定した`チャンネルへメッセージを送信する`の`ボタンを含める`にチェックを入れます。
ボタンテキストを`Issueを作成する`にします。

![スクリーンショット 2023-12-18 0.04.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/01828408-10cb-68bc-01c6-8572aa1066b0.png)

## 5. GitHub Issueを作成する設定

`ステップ>GitHub`から`イシューを作成する`を選択。

![スクリーンショット 2023-12-18 0.10.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/c0da4bee-ae15-1269-6f14-ebe855b2431a.png)

Issueを作成するアカウントについては、Slackワークフロー内で事前に設定した認証情報を使ってIssueを作成させることもできます。

Slack内でGitHubアカウントを持ってない人でもIssueを作れるようになります。

![スクリーンショット 2023-12-18 0.12.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/0c95040a-d06b-06e2-ab7d-332f0c3d2945.png)

今回は以下のようなフォーマットで
Issueを作成するようにしました。

![スクリーンショット 2023-12-18 0.11.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/662d7a38-00bd-b533-dfb2-8c46d4890493.png)

## 6. 作成したIssue情報をスレッドに返信

`ステップ>メッセージ`から`スレッドでメッセージに返信する`を選択。

![スクリーンショット 2023-12-18 0.15.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/79c7be0f-eb24-2155-387d-93d1cb096969.png)

変数を挿入から作成したIssue情報を選択

![スクリーンショット 2023-12-18 0.16.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/ab8c6dc3-2952-6e08-e38c-2505d55bef84.png)

今回の内容は以下のようにしました。

![スクリーンショット 2023-12-18 0.16.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/558e3579-099d-6fd7-1e26-65ec17d46da2.png)

## 7. 最後に全体

![スクリーンショット 2023-12-18 0.18.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/445600/7e7a221c-ddd3-065c-f59a-4d1eb8d38cee.png)

# さいごに

今までは、Slackワークフローを使用してIssueを作成するのに少し手間がかかっていましたが、[ワークフロービルダーの新しいバージョンへのレガシーワークフローの移行](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)により、GitHubのIssue作成ステップが簡単に利用できるようになりました。GitHubのIssueを活用することで、お問い合わせ対応のトラッキングやチーム内でのタスク割り当てが容易になり、社内でのお問い合わせ対応の効率向上と、お問い合わせに費やす時間の計測が容易になったります。
ぜひ使ってみてください！