目的

Slackで特定の言葉に反応して返信をくれるSlackのアプリの作り方をまとめる。

この記事のターゲット

Slack botを作成してみたいが、環境構築でなにをしたらいいのかわからない方
Node.jsの開発環境が欲しい方
環境設定がうまくいかずに諦めたくなった方

実施概要

WSLのインストール
Windows10上にLinuxを仮想マシンとして作成するWSLをインストールする。
VisualStudioCodeのインストール
とっても便利なエディタと今回使用する拡張機能をインストールする。
作るSlack botを動かすテスト用のワークスペースの作成
これから作っていくSlack botをテスト的に動かす場所を作る。
Slackアプリの作成(今回はここまで)
SlackアプリはSlack botを作るうえで、Slack側の「受け皿」になる存在、深く理解しようとせず、作ってみる。
Slackアプリの設定_1
権限や、どのチャンネルに対して返答するかを設定する。
ローカルサーバの導入
Slack botが動作するサーバを導入する。
ローカルサーバの設定
ローカルサーバの設定をして外部公開できるようにする。
Slackアプリの設定_2

実施詳細

WSLのインストール
1. 下記記事を参考にして、WSLを導入する。
  Windows10 に WSL(Ubuntu18.04) を導入する
VisualStudioCodeのインストール
1. 下記記事を参考にして、VisualStudioCodeのインストールを行う。
  Visual Studio Code 導入方法 VSCode ダウンロードから日本語化対応まで～画像付き導入解説～
2. 下記記事を参考にして、プラグイン「Remote Development」を導入する。(接続テスト(WSL)が正常にできていればOK)
  Visual Studio Code に Remote Development を導入しよう
作るSlack botを動かすテスト用のワークスペースの作成
Slackアプリの作成
1. 下記サイトにアクセスする。
  https://slack.dev/bolt/ja-jp/tutorial/getting-started
2. 下記画像の「Slackアプリを作成」をクリックする。
3. 下記画像のように「App name」に任意のアプリ名を入力する。「Development Slack Workspace」で先ほど作成したテスト用のワークスペース名を選択する。
4. 「Creat App」をクリックする。
5. 下記画像の画面が出ればOK
6. 画面少し下の「Bots」をクリックする。「Save Chages」がクリックできるようになっていたらクリックする。
7. 下記画像の画面に勝手に遷移するか、しない場合は画面左の「Bot users」をクリックして下記画像の画面に移動する。
8. 「Add a Bot User」のボタンがアクティブになったらクリックする。
9. 「Display name」「Default name」は自動で入力されるので特にこだわりがなければそのまま「Add Bot User」をクリックする。