Slack通知を少しだけ豪華にしてみた

皆さんは、メッセージを通知する際、どのようなツールを使用していますか？最も一般的なツールといえば、メールだと思います。どのようなメッセージを通知するかにもよりますが、Slackは使いやすい！わかりやすい！ということで圧倒的におススメです。

そこで今回は、Slackにはどのような利点があるのか、Slackではどのようなことが実現できるのかということを、実際に私が実装した体験をもとにご説明します。

メールとSlackの通知の違い

メールとSlackの最大の違いは、Slackではチャンネル分けができるということです。

Slackではチャンネルごとに通知が振り分けられます。

Slackの導入で来たメールの中から重要なものをピックアップし、フォルダ分けして、返信して…といったメールでお馴染みの作業は必要なくなります。そもそもSlackでは最初から作業や仕事ごとにチャンネルを分けているので、異なる種類のメッセージが同じ欄に表示されることはありません。

また、メールの場合、「CC:」に誰を入れるべきか迷うこともあるかと思いますが、Slackではチャンネル内で共有すれば、チャンネル内の全員がメッセージを見れるようになっているので、メッセージを知らせる人で悩むこともなくなります。

Slackでできること

Slackを使用すると、効率的なコミュニケーションが実現できます。
効率的なコミュニケーションのために用意されている機能を2点ご紹介します。

＠メンション機能

＠リアクションボタン

改修内容（attachmentsチートシートの仕組み、自分が行った改修）

Slackではメールに比べて多くのことができるということがわかりましたが、Slackでどのように通知を豪華にするのでしょうか。
Slackの通知を豪華にする際には、SlackのAPIに用意されているattachmentsを使用します。
こちらが、attachmentsを挿入した場合のSlack通知です。とても見やすいですよね？

ここで、実際私が行った改修をもとに、attachmentsに追加できる機能についてご説明します。
この通知は、1つのattachmentに2つのfieldsを組み合わせて構成されています。
fieldsの中でさらに細かく設定を追加することでより見やすい通知を実現しています。

他にもいくつかパラメータが存在しますので、是非自分流の通知にアレンジしてみてください。

• ①pretext：attachmentsの上に表示するテキストです。
  この通知が何のメッセージなのかを記載しています。特に、複数のattachmentsを追加する場合に有効です。
• ②colort：色を指定することができます。
  Slackでは「good」「warning」「danger」の3つが用意されていますが、カラーコードを指定することで好きな色に設定することができます。今回はfieldsごとにカラーコード（#AAFFAA）と（#D8A5AA）を指定しています。
• ③title：タイトルを表示します。今回の通知方法では、titleはfields内に「Good」「Bad」として記載しています。
  記入例：

  
                      "pretext":"2020/12/08分 集計",
                      "color":"#AAFFAA",
                      

  
• ④fields：attachmentsの中で複数のブロックを作成することができます。
  今回は「Good」に4種類、「Bad」に5種類のfieldsを組み込みました。
• ⑤alues：fields内に記載される内容です。
• ⑥short：attachment内を左右で半分ずつ表示します。
  　　"true"を入れると半分ずつ表示し、"false"を入れると通常の表示になります。
  　　コード記載の「Good」のfiledsでは、test1～test4までのすべてのfieldsに"true"が入っています。
  記入例：

  
                  "fields":
                  [
                      {
                          "title":"Good",
                          "short":false,
                      },
                      {
                          "value":"test1：1件 (2件減)",
                          "short":true,
                      },
                      { ………
                      },
                  ]
              

  attachments全体のコードは以下のようになります。

  
                  "attachments":
                  [
                      {
                          "pretext":"2020/12/08分 集計",
                  
                          "color":"#AAFFAA",
                          "fields":
                          [
                              {
                                  "title":"Good",
                                  "short":false,
                              },
                              {
                                  "value":"test1：1件 (2件減)",
                                  "short":true,
                              },
                          ]
                      }
                      {
                          "color":"#D8A5AA",
                          "fields":
                          [
                              {
                                  "title":"Bad",
                                  "short":false,
                              },
                              {
                                  "value":"合計：0件",
                                  "short":true,
                              },
                          ]
                      }
                  ]
              

attachmentsを組み込む利点

一目見ただけでどのような通知内容かがわかる