slackに「勤怠報告機能」をノンコーディングで追加する

# slack上での勤怠報告

COVID-19の影響で、リモート勤務が始まったエンジニアの方も多いかと思います。
皆様の会社（チーム）では出勤・昼休憩・退勤という報告はいかがされていますか？
弊社では、新たに各チームでリモート勤怠報告用のチャンネルが作成され、
「各自が勤怠状態を都度投稿する」という運用をしています。
似たような運用をされている会社さんもいらっしゃるのではないでしょうか。
![スクリーンショット 2020-04-07 21.12.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/60128729-1c3c-1372-8715-5f2e953b5e5e.png)
ここで気になることが２つあります。

 - 毎度勤怠状態を手打ちするのが面倒
 - 各自の表現にブレがあり、視認性が悪い

こんな「定型文を投稿するようなフォームを手早く作りたい」というときこそ、
slackの「ワークフロービルダー」の出番です。
※注：2020/04/08時点でワークフロー機能は「スタンダード、プラス、Enterprise Grid の各プラン」（＝つまりslackの有料プランを契約している）でのみ利用可能です。

# 最終的な成果物
下図のようなフォーム内の選択肢をクリックすると・・・
![スクリーンショット 2020-04-07 21.04.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/66d43a02-59be-fb4c-10a6-25602a880134.png)

クリックしたユーザー名とともに、定型文が投稿される。
![スクリーンショット 2020-04-07 21.25.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/f8995b82-53c6-3eee-6e93-b35f2a18dae1.png)

※このフォームは、チャンネル内に所属しているメンバーであれば誰でも使用可能です。

# 導入するメリット
面倒な手打ちが無くなるのは勿論なのですが、
上図のように定型文に絵文字を混ぜることでさらに視認性が上昇します。
自分は「昼休憩に入った（＝その人は居ない）」という情報を手早く確認したいので、重宝しています。

もしご興味ある方は、下記に導入手順を記しますので参考にして頂ければ幸いです。
※コーディング不要で実装可能ですので、エンジニア以外の方でも是非お試し下さい。

# 導入手順
#### 手順1. slackの画面左上のグループ名をクリックして・・・
![スクリーンショット 2020-04-07 20.56.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/afc96523-2fdc-ad5d-25f5-1a303cf07d8e.png)

#### 手順2. 表示されるプルダウンから「ツール＞ワークフロービルダー」を選択。
![スクリーンショット 2020-04-07 20.56.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/581deaa0-06f7-9e5b-8102-b98c42a3f8cc.png)

#### 手順3. ワークフロービルダーの画面に遷移するので「作成」を選択。
![スクリーンショット 2020-04-07 20.56.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/233c03df-a2fe-97de-40df-0313da37e260.png)

#### 手順4. ワークフローに適当な名前をつけて、次へを押す。
![スクリーンショット 2020-04-07 20.56.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/057ba416-0f03-8631-223d-5c330df5d1d5.png)

#### 手順5. ショートカットの行の「選択する」を押す。
![スクリーンショット 2020-04-07 20.57.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/1c30b5b2-28e9-5b60-b05b-34917f2c6520.png)

#### 手順6. フォームを呼び出したいチャンネルを選択し、短い名前を入力して保存する。
![スクリーンショット 2020-04-07 20.58.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/d07240a2-9d20-3237-22b8-648d7f879e9d.png)

#### 手順7. 続けて「ステップを追加する」を押します。
![スクリーンショット 2020-04-07 20.58.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/d111782e-6d49-7461-52b0-7c6208f806d4.png)

#### 手順8. フォームを作成するの行の「追加」を押す。
![スクリーンショット 2020-04-07 20.59.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/f4e4755a-850a-bf3c-776b-8b59d5a01c25.png)

#### 手順9. 下図のように質問・選択肢を記載して保存する。
※最下部の「ワークフローを開始したチャンネル」に送信するオプションは忘れずに選択して下さい。
![スクリーンショット 2020-04-07 21.05.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/39bceb0c-011b-1fe8-110d-c2979ea4a74e.png)

#### 手順10. 右上の「公開する」を押す。
![スクリーンショット 2020-04-07 21.03.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/27927c23-9ed4-13d7-db84-6c1eeb7aa460.png)

#### 手順11. ここまでの手順が完了すると、メッセージ投稿フォーム左端のカミナリマークが青くなります。
![スクリーンショット 2020-04-07 21.03.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/a2818af9-7531-9ffd-d9a1-d7e6a88ee45f.png)

#### 手順12. カミナリマークから呼び出した画面内に、先程追加したワークフローが選択肢として現れます。
![スクリーンショット 2020-04-07 21.04.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/d0221602-7c13-69f1-c1c9-95b172476c6e.png)

#### 手順13. ワークフローを押すと、フォームが現れます。
![スクリーンショット 2020-04-07 21.04.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/35176d25-7063-8b02-1d5b-6ce79fdbc2a2.png)

#### 手順14. 選択肢を選んで送信することで、定型文が投稿されます。
![スクリーンショット 2020-04-07 21.25.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225823/dab0881e-072f-0734-d1b8-df9f6e2a720f.png)


手順は以上となります。
ご精読ありがとうございました。