【Watson×Slack】Watson Assistantを連携させたSlack botを開発する方法 (ノンコーディング編)

皆さん、こんにちは。戸倉彩です。

今回は、Watson APIを使ったSlack Botアプリの開発する手順をご紹介いたします。コーディングなしで進めることができますので、プログラミングに慣れていない方も触ってみてください。この操作を終えると、SlackにWatsonが連携されたSlack Botと自然な会話の流れでチャットを体験することができます。
※今回は、IBM WatsonとSlackの連携が簡単に行えることを解説するため、英語サンプルを利用していますが、実際はWatson Assistant上でカスタマイズすることで日本語も利用することが可能です。
【Slack bot完成後の例】
<img src="https://gf6mxw.by.files.1drv.com/y4mjIzZCDrGnqMTNkYdQiD22v27TyQWVdv1V-hwoiVhaYUku-VCy73YhJjHBcugGO9WxX-xEmM2OkJMTTNYC8pPwpa6WCNdVG78MbV2i9QZlYjAVhfpuCE41T1hgmkkDyksL96n2R_7CmHIfZra9TPpBYD0Ahdj22ehB8s4HUFAkwcWD_3Ce7GQa9lWKw8o_N1pMbw3mFs8T9KFeZ2GbEW0Mg?width=1660&height=714&cropmode=none" width="600">

[Memo]
こちらの操作は、**Firefox** および **Chrome** のWebブラウザで操作を試しました。
万が一、他のブラウザを利用した際に、メニューが正しく表示されない、手順とは挙動が異なるなどの問題が発生した場合には、FirefoxまたはChromeで再度操作を試してみてください。

## IBM Waton Assistantについて
**Watson Assistant**は、チャットボット等、ユーザーとコンピューターが自然言語で対話可能なアプリケーションを簡単に開発するためのAPIサービスです。
詳しくは、[Watson Assitant](https://www.ibm.com/watson/jp-ja/developercloud/conversation.html)サイトをご覧ください。

# 用意する環境と操作の流れ
## 必要なシステム
Webブラウザ上ですべての操作を行うため
* Webブラウザ (私のほうでは **Chrome, Firefox** 環境で検証しました)
* インターネット接続
をご用意ください。

## 操作の流れ
今回は次の5つのステップで手順を解説しています。
所用時間目安は30分〜くらいです。Slack bot開発に慣れている方だともう少し早く完成させることが出来ると思います。
<img src="https://fq6lxw.by.files.1drv.com/y4m4YUl7EgyJ_t_U0HrBa0CIE5CyX_9n4ym-4JQ8Xzp0xWIS-jXUdyHf6P7dyvmss0rkOwgUxKGFA3B5X1CBjwQBq5N3strcwSUSRwGeQET_ISTXgeaKI_g1CX5q93Ck1BdJC_wtIgp_WedEV0NvXwf3bBEy4x_gVrSOWdanyYWKT9Th3VS0oN_WCdAdleZcRizbFQbSulW4lDgA9nnccp-Pw?width=772&height=113&cropmode=none" width="700">

# 1. IBM Cloud アカウント作成
IBM Watson Assistantサービスを利用するためには、**IBM Cloudアカウント**が必要です。
初めてIBM Cloudを利用される方は、[コチラ](https://ibm.biz/Bd2PtK)から無料で利用できるライトアカウント登録をしてください。
※メールアドレスのみの登録で始められます。

# 2. Slack ワークスペースの作成
※すでにご自身でSlackワークスペースをお持ちの場合は、こちらの手順はスキップしてください。
1. [Slack ワークスペース新規作成の画面](https://slack.com/create)へアクセスする。
2. **自分のメールアドレス** を入力して **「次へ」** をクリックする。      
<img src="https://iv6wdg.by.files.1drv.com/y4m9KNChODdsJY2mn25cWcspJ0qgk1i0aDzosLh4kOMYwdAzUDbSEhWzNGLB2QuEX8a7iwmmSfqkQm484vVy6ASO_SkXp6cHhS6wDlCAn2R1-UrE2T3fx1i1lTygkA4iHKdsemSk3J1x9uYTnUNoHcJDeD28t8mHGOkcaIsQ6WG-fFVf27TDy6t8R_ovljZ-IQXineV5Usq2eFpG9mmQ8fybA?width=1652&height=1022&cropmode=none" width="500">
3. Slack から届いたメールにある 6 桁の確認コード入力する。  
<img src="https://iv6vdg.by.files.1drv.com/y4mHiI0amqAHidBZW29Pm_8myrmZ_KLLo5NuKc0MoubVcSSc0jZrka6ofKgqzRVwTGmGwx-Khg8mlGukkrLUkMTVo7MyUb4b9VC90ym85Gxn9f4LGGg9b0zD_j-vaYtxEmdy8AOkzDR0QeA7Tu4O04FkaTkTK-SbuO391kx2BCU8L2VTOIz4Z9nOtfmhmyVhSG0nDcPfzgBad0Ir0t2Mtw7gA?width=834&height=1072&cropmode=none" width="400">
4. **「社名またはチーム名を教えてください。」**の下のボックスに任意で名前を入力して、**「次へ」**をクリックする。(デモサンプルでは「DeveloperAdvocate」と入力しました) 
<img src="https://iv6udg.by.files.1drv.com/y4m_c9XD6M-JAMRH1iLNGtJmVSDCEmGVx25GsiyIZ56G_AbbSZBrI7HdhNieLaElbXOe6JdSrFgY4CmShY3dbAzMbCUAGpM56ZKA2nZyLulNGUJsxdKRxqKTPX-sDzwA6Yahih1mgXjOxrBufR_myVLyZzq0KtYe0zTgrWbRHgL9XIKVrimImbTZx_KozI83bL_XTQu-lTdiUpWVgXzuXwSjQ?width=1742&height=1096&cropmode=none" width="600">
5. 任意の**「プロジェクト名」**を入力して**「次へ」**をクリックする。※Slackのチャンネル名に使用できるのは日本語、英数字、スペース、ハイフンのみの21文字以下となっています。※「general」のプロジェウト名を入力すると先に進めないため、別の名前を指定してください。
<img src="https://iv6tdg.by.files.1drv.com/y4mK86Z4b9ohTjMivtWRFxzPqGaGTr_jlTKIxFvDGJBcYZAvK3YCloNRXmZju6LXvAdguZpV6ffBgKudsdtFrXgTZQnOhKX8in_8bmp31bC-cOalRJmMNPR1j1JRe-6UXdUY-b7t4Wnxwqz1KM9eNGm3gxcfXl92-BNrnWA6qyAbyTJrpwwO_vuCpZcO24mjRVnx5uAY_CYVNPEwAXeqZazOw?width=1704&height=1054&cropmode=none" width="500">
6. **「後で」**をクリックする。
<img src="https://iv6sdg.by.files.1drv.com/y4m_fxaXrzzCwDp5P1GY6ykvZ1v3MZXaRzWuPt9oqYQ9Py4NgihVOsmOI70jIhx79u-JTHhYCdR1lBsmqG4rqgDe0yPaecOUFl3qSTqSKdf-ayPmBvmHTgXze_fsCg-_qEkrSpO38GajzdX2EeXteJcCKsEyqFMem33JmZqb9OhJayd5qdh5RwyqWsoclUpMWR0NSG3miNSYNCez41Jxfjrkg?width=1512&height=1094&cropmode=none" width="500">
7. Slackワークスペースとチャンネルができました！
<img src="https://iv6rdg.by.files.1drv.com/y4mE6Yg15C4_TbtnzyDeI0xe_rsRU4eo_itldjbaMSSWQjpddAyezUe-sJByS4Z0-2fRBWN_Hi13st7-JcPQ9nGnjQyE3bM5bXeAS4P1onAAjJUManzC4MnmExeqwJegAvsPKhMCLieO04zQEqrV6L53qWOS02VJNxagxk_IWIenIRXmKFJYxQzVTv7_blUErIqOMB24oTKcrKfS_Yf-5SlwA?width=1504&height=1132&cropmode=none" width="500">

# 3. IBM Watson Assitantの作成
1. Webブラウザから[IBM Cloudダッシュボード](https://cloud.ibm.com/)へアクセスする。 
2. 「カタログ」→「AI」→「Watson Assistant」の順に選択する。   
<img src="https://gp6oxw.by.files.1drv.com/y4mblIReVzQnMr0Sz0FvCo0EQb3vRayVpqo94j0ZwhAb0BCPArjlCFh0r8Kv_sSlmDpYYA8R9muplNdZVqI1iS_1nyyjns84bpwEqckaWPGEus_gov3p6G-xGENIKFaWFXu_7aPiE8ShtLLHtuooNpYje4Fph_O3KLq9yErpM_WT4EPOTM3DNUYgiiuT1_zE7ZCCXKeB30zu3dY1UAjJ_vmIg?width=1610&height=1028&cropmode=none" width="600">
3. 「サービス名」に任意のサービス名を入力し、「作成」ボタンをクリックする。
<img src="https://gp6pxw.by.files.1drv.com/y4mP2gTEUpK90cn3gYUBB2JBJBShgLfJogSSWe7cxz559rnF_thqSN1heLT5QILP4iXnDQ_AwnHIdXa_78anIJ5AgGkOa9RmpQsF3WhVq7PBUMLIyXqMpgriD4tMxgYYj_dgPlV3eVB9LC2hGoAsHFizXng2xHSRJ_xI8B2P8b8cy96dLjt1Y1Z9BYtXJoT_Yc3tPuIfuudRIeFQxj5eSBwNw?width=1438&height=1152&cropmode=none" width="600">

# 4. IBM Watson Assitantの設定
ここではすでに用意されている英語の会話モデルを利用した手順を紹介しています。

(もし日本語のスキル(会話モデル)をスクラッチから作成したい場合には[こちらの解説動画](https://www.youtube.com/watch?v=ZRwsu4OXLeE)(すべて字幕が付いていますので、音声無しでも視聴することができます)を参考に作成してみてください。その場合には、「IBM Watson Assistant」→「Assistants」タブで「Create assitant」ボタンより作成したスキルを「Add dialog skill」ボタンから呼び出し、画面右に表示される「Integrations」→「Add integration」ボタンで「Slack」を指定してください。)

英語のまま進める方は下記の手順を行ってください。
<img src="" width="600">
1. 「Watson Assistantの起動」ボタンをクリックする。
<img src="https://gf62ig.by.files.1drv.com/y4m_0jWvwkzrkS5jm0sEy7s5sYBTN7lIgPNgBDzwdgGloM0mA8eroUEbHmO9jKBCg1H7FUiTRJEA77S9Pwvd9gqaul8vrRPed7njbeEESSbIm4nfv-NOUx3fydpRSp0--k2K1j3SVOo2hi5VWnAqzCyQBby67HuFG4ItDafrOyt7iniDQ1-mIvyXiSB_x5EzpKfFVLwzJwHRBOGLQRp4aj3hQ?width=1416&height=700&cropmode=none" width="600">
2. 「IBM Watson Assistant」画面が表示されたら「Skills」タブをクリックし、「Create new」をクリックする。
<img src="https://gf61ig.by.files.1drv.com/y4mJVUpb94INIjwCcY8y-PRM7DosyTCjacufJdsHcIJjzIJoIEbVQl--7ZWUco5-ib3MHuj-nfTKzRT5RJ6yHFXXvF41pzV8gie5j4IF3EcaTwB1qCDJNQ4iN-y_AV31VZHEvv0uz0XnAuSbgerFociHjd5vBzHBNb6gnLh03Q0_mKB7hQVieERlHjjPx-z59N5XzlYDIDQsJC3j3jTCNtc0A?width=1972&height=784&cropmode=none" width="600">
3. 「Add Dialog Skill」画面で今回は既存のサンプル(英語)を利用するため、「Use sample skill」タブより、「Customer Care Sample Skill」をクリックする。
<img src="https://gp6lxw.by.files.1drv.com/y4mDSgtOYAznaobdL_t90zf-yVF4LOEcA3x-Ws7TlPINi9HR0UGHHssifCJypEGJwXQJh3SuyWGhGxusUT4N3EFMO7kmBoXDT3u30WEEddixpSv1qOmaG8tENr_JBDEUKFEtrWFrbqXEUkWLEB9CzCdSRoaxoje1LiMTYUHBh49SQTB2jFNkIXzxQULIb7iFDy8P2eqXj0gEqjYXKm5Sq6tHg?width=1658&height=970&cropmode=none" width="600">
4. 「IBM Watson Assistant」をクリックし、「Assitants」タブより「Create new」ボタンをクリックする。
<img src="https://gf63ig.by.files.1drv.com/y4mEZAtcHb-kYzrijaLl2Nh1p0N3fmsr25yNtXuHMew1evKdz58yeaSEWAvnJcCLac73FIKGJdNFl5peoLIIIcp3BXdcfpkK_xwK4KaCLrueqy6zjcefOM6iUczRFlk50avnx-AAhVT4j1rKMTTSlJSAbnfSr5qcFmM4i-Lw2UJeCQ07eZzjNuREa7YpGGo4PAIUwuCAp-44h97L48pgCy-bA?width=1720&height=602&cropmode=none" width="600">
5. 「Name」に任意の名前を入力し、「Enable Preview Link」チェックを外した後、「Create assistant」ボタンで次に進む。(例えば、今回の画面では「Customer Service Assistant」と入力しました。)
<img src="https://gf60ig.by.files.1drv.com/y4mCCOr6GmEpXeI_YVKspHUlkLQZTNINVf5bGDBaFuvh67-w2AZ782hfuAWCqEosyKvASivywu2AGFKJgRmtITGgeDNyal1zDgFJQpQYNARKFJIk1GnlcZ57e4whvbUCW-AVL_Srf-XrwoIK49qwZ-WaYgEc5iWt3Q7W4r2-r5KBKAvc2TJnpn4mjaSmNGRUHLQ6iecZ-_TtxXg4gG9SSGDTw?width=1728&height=824&cropmode=none" width="600">
6. 作成した名前の画面が表示されたら、「Add Dialog Skill」ボタンをクリックする。
<img src="https://gf6yig.by.files.1drv.com/y4mvqqfdwHXOcul3An3kQvSS9DVyjPXHC3shbOReT1YMDfoFOzaxpn8YpOL2_gC9YmiIN0c43oPrnl7URl4F_noxkuTGp11fBkg4vebSmJ5l48-zQ228oeVKcR3_Ir7AxVCLfScO49a6fFYtpRzpcSlDXe9RjQkVvnsGo1Ifbi3ZzKfx2GxaQITydqLbeJfsJOvjD25B_Xp9KUmJHJx50ccLA?width=1418&height=576&cropmode=none" width="600">
7. 「Add existing skill」タブが表示されている状態になっていることを確認し、ご自身で作成したSkillをクリックする。
<img src="https://gf6zig.by.files.1drv.com/y4mUqYdiWuTkCv09I49Ep6DQg8C5Ah-gufQiLbXTaGKi9cqwjchDAw6TB7IQjRJyxOLBz6LF56zWOPH1-YUVpwDu3PEzujDIe8v17NDZGNr-VDUdRb_4yW0rx6s8jhb6m6EzeQATO7DG1TzX_jX5Zw0TKx1Ii4TYeO-1jq49hLHl9RRd_lf6zqmsANN28V5nckPRWNPPqzsxBxPj5p_GgyGHg?width=1412&height=610&cropmode=none" width="600">
8. 「Add Integration」ボタンをクリックする。
<img src="https://gf6xig.by.files.1drv.com/y4mM-ozPLP8o2RrutQw9MnUzIOATEw0v_OVgsJHO2LO-Xw6oCh4rqbuEC5zyBiuTV9v2Naa1-C4BilerZg_FevzA4zgMAAu9WG9es8Vp6Sa8T_ON__zM-slc0y4VbEGfqgkGpn_Q-D75sD3aDJcAy5Bugzd8R1zxzvEf8JpSKxAlurOTu1m4AMbuwpOq0ejPAZVUmPE-QolA61y5i_SHM-mhA?width=1416&height=696&cropmode=none" width="600">
9. 「Add Integration」画面で「Slack」を選択する。
<img src="https://gf6oxw.by.files.1drv.com/y4m1cy-MI_6c76v9B71nIyTPNx63GZL7uE1p2RVifk9nJPhPuIaTy3K5Eu54JGWuxCzTlDfn5xtFqj3R-Y_K9WQrNul81-JqVT-1f2DO0CUkE8P5hPmHWhJpFvviItya4_1J9qcnTmWUp3QLzIf4pfi0Y5ArkjxdHZCPzXxbKezW0Dbpit0I9PCs1vfujFWPtqhmvk8KLHS9VeqlcHTU-I3yQ?width=1468&height=1202&cropmode=none" width="600">
10. 「Slack Integration」画面が表示されたら「Name」に任意の名前を入力する。(例えば、今回の画面では「Customer Service Integration」と入力しました。)
<img src="https://gf6pxw.by.files.1drv.com/y4mzf4TeejagE0MxFJBKchyQI-33tMu23o_FKX-1NTpovgWooHHz1c8djUyLBEiiKbKnPeuzuXxR6cCnK-00ELkLh43FHubli4YZlM2S70TindB_n5lXna7GHM_gVVx9KkRKlaG8xIbgzsjpui30TXNbrxB9zL5j3vVB0crD1QJryOjVx6R99SAv8wqqSWiN86UwnM5-HrGVjXudBA9zyZbXw?width=1864&height=738&cropmode=none" width="600">

#5. Slackとの連携を設定する
ここからはSlackサービスとの連携をするための操作になります。

## 5-1 Slackの設定 (Configuration for Slack)
1. [「Create a Slack app」](https://api.slack.com/slack-apps)リンクをクリックする。  
<img src="https://gf6nxw.by.files.1drv.com/y4mw_gxGW-VU_3ck-iVibu4X2it9IgCCJhHNSg9DVn0go6n-V5Ftqmz_Smh5Pwvm5jotHxcGhBDX5sjATL4Ft6GWw8h5l53pMRUdQqfeaoQJ97TI5vl7XGA5rhpYW9Aoys-yYWY1ztszMD4SmhNCFSP7EQhQseQkrS_4GmvvXkMCfLhDsnTnoD0P7x3mlHFKrJYwr01nHfty8aH20YDTw6rfQ?width=1952&height=728&cropmode=none" width="600">
2. 「Slack API」画面が表示されたら、画面を下にスクロースして「Create a Slack app」ボタンをクリックする。
<img src="https://fq6pxw.by.files.1drv.com/y4mBpuRQP7jfSpRdrKZvvgl9xFL5s_Dv-aoND34ayDfOg9Xq0UdJaqPRcYIrNdX6GucVAttrLqeCIZMEhxw9Am9I9LFDoLZisiEZJEU5BQbPildd0vlvE2zTTnaFsiOkhKTFY5_NBLnW1gDICfyo_18p-z0SClYUTLd_wPWBaBc95oHID2G0MYWq-VP6a4ZTmz2tR4Am-5Ip68r6zEgwWZgQQ?width=1250&height=1228&cropmode=none" width="600">
3. 「App Name」に任意のアプリ名を入力し、「Development Slack Workspace」でご自身のSlack Workspaceを選択し、「Create App」ボタンで次に進む。
※ここではSlack Workspaceの作成方法を割愛させていただきます。  
<img src="https://fv6hxw.by.files.1drv.com/y4m40jvCHa9ECSJknKL3r3BGG9ifc8E5c3rEfvCab1tWtg_rT_8XJ2u9heqOZUb8ySoxi1wAbbpUoy6VyO6kYWmYGSwynzGhqwqO4lsC5_PUVl8xFlYy-x_aSzNdRAgZKWn-u9HSeKzv84LXL4zAC3mtYIAknyrBaomUE03IGsnhBNOyOq4icdQLLZ9fA5mjcpVXf73KF3fH5RVSFW-inNyRg?width=1244&height=1018&cropmode=none" width="600">  
4. 「Basic Information」画面が表示されたら、左側のメニューから「Bot Users」をクリックする。
<img src="https://fv6gxw.by.files.1drv.com/y4m7YtV0ngDwuaZV-bC425nDJaRdYcK_IvSYlis6HTLCYYWLoyhz1zT9EiXPf-PYC4WDa46WEUQ8q5Lue8BMRCzvqywACcoq0WmIVKyqN9SIXW3EkUJ9eyA7jRkrmyGIk5HzaMosWNRxPcktWNSnCItYhmeDk2LvNCew-9XmVwNK26DXBjoNqnjAYzSpIrBam3394OzqG4ezu0s_P88RBHbTQ?width=1270&height=1170&cropmode=none" width="600">
5. 「Bot User」画面で「Add a Bot User」をクリックする。  
<img src="https://fq6oxw.by.files.1drv.com/y4mi2RabPcPn5QT7Wb-K4hrSUcaKBs83B2fa3fPUFKPcqimnGpD-vSE3wvK_NzMWPUjHnYynYxs2nxlo6NhliRTKhCnPZE_GSW1ZpGs3Fvqqo7oLu7T4hQk44e224EI9uLQil9fSSozx2QQY3cCUw7WRc9hrg7v89YQ2L7kLi0f2nhGjh0N0jo_sWDkSYmTs4SUHpm_r9lu3JuKXVt2kVkFQQ?width=1680&height=744&cropmode=none" width="600">
6. 「Always Show My Bot as Online」を「On」にし、「Add Bot User」をクリックする。  
<img src="https://fq6nxw.by.files.1drv.com/y4mBg8kBoSqVBmJmaGu5Dck6M-3ZDqZchSbwRBJ2OUgsR9AjW2cNV6oUBfHX8e6QgeNh-aTcuO3Wh0NhXk8pOPYkUe7BzbX4W4-WuVDfsHLr1y1ooDLnIkSbYzMWoTW7CInpDvKcbMnlD7nyLzz7z_Jk0lzp_wsgr_5akZvrJ4Qq2WqBRPPC2Gs_5oNVDMkAedN0lmiS-vH20nHlSJYWu_hHQ?width=1532&height=1224&cropmode=none" width="600">

## 5-2 SlackとWatson Assistantの連携 (Connect Watson Assistant to Slack)
1. 左メニューの「Basic Information」をクリックし、下にスクロールして「App Credentials」セクションに表示されている「Verification Token」をコピーする。  
※**Credential**の情報は大切に管理してください。  
<img src="https://fq6mxw.by.files.1drv.com/y4m0ukPBfaFe0yOzeIXE0dEpma2xLKfeaOUaH3eDHuoCj7UAJNxNHeyqdDUstQzWTgG0h1-gt1pXlA1P2xwGBEK3WT08kSd81CYf1QwPAuAHrcLZL8dt6ZU4Eap04D3vb6f69pwRQHKO_DehdgONJ9Jx4VvmqA_Ip3SEbhYwqC5PQE0r3DNmbIUYuE7lP-OcYTgr6fa7rQM-mvrNs5M-Y8tDw?width=716&height=916&cropmode=none" width="600">
2. 「IBM Watson Assistant」画面に戻り「Configuration for Slack」のStep 2の「Verification toke」に貼り付ける。
<img src="https://gf6hxw.by.files.1drv.com/y4mvuvftx_vjMj6uKjjBgGYZ1GIDTjcLXhnWnRCLo7ULdaeWI3Z0A9rZBk0Atrwlvh4ezXk4i-UyZSrUWi8TN8gmHdfbikl4xYHVGfiCE2F4Zhekls5UH1Qbzfhw9nHo6aq5zXmxJqLCHXBNApyGX-WKtwL0JwQrACyN1i2lm7l1Ok3IudxoFzJyXNjvOlfmcHk5DyVaB_2QCTEn3bLg59L3g?width=1674&height=574&cropmode=none" width="600">
3. 「Slack API」サイトに戻り続いて左メニューの「OAuth & Permissions」より「Install App to Workspace」をクリックしてインストールする。  
<img src="https://fv6pxw.by.files.1drv.com/y4mAvgg9ojmkN1T3ad5CbRupkNam8yLrRXz1PwF29lOXVbM-MJZQ6m8z4AHI8DYE11cE8QOp5FSO30WjXv1-K8zi_jo1JcZrDBHalqikGyVBCDypbNYPaSWmKzxIxFBIVbZqeDdIRxuMzUHd9Jm1PuyHU180Wgackfp_FyVBDUrM2oovlEODD5KH-bGt9ESRfbVCGlNMj4jQyEkmYMb2_jgww?width=1796&height=920&cropmode=none" width="600">
4. 確認画面が表示されたら内容を確認し「許可する」ボタンをクリックする。  
<img src="https://gf6gxw.by.files.1drv.com/y4mS1Hn84jRKl6_q0wykm3RrJyT2KXDk0qf9hbS_aZnpDRxrWmT6LorGWte62lluf3PFoE07_8A5c4InAm7PysSRwWgDTOwSMjkR_nhPuT3j9gu4sR_8mjfzrTk2_hxatgUxhABdt7_77a1zZCmSP0VMEnBH6_zegLRS6rR7a6SQYBIXnGnUKerWyI_AJ9IaYUFsI1MbWnPwv5OLuSEgygyMA?width=824&height=796&cropmode=none" width="500">
5. 生成された「OAuth Access Token」と「Bot User OAuth Access Token」をコピーしながら「IBM Watson Assistant」サイトに戻りStep 2のそれぞれのボックスに入力する。  
<img src="https://fv6nxw.by.files.1drv.com/y4mkEvKXS6-8XjBOMhM9zQGhjihXkkHgi_6EUSN6j05fQ3gcDCSCehTeyGZiOrXVTqJNOh1qYZkKaqGUzZmKuma85HcIj6NznKpBI6jG9-teeRFpOMbs-QvJTxIrU2rEJLS008d4CVT9jiHJ0C2j5ti1R-WWBUb7jWq4hFq_H3IiDeMrX98ETpSgbi9JA4AYn6rkI3TG3MSR8N-irCqK0trVg?width=2198&height=694&cropmode=none" width="600">

##5-3 Slack bot の設定
1. 「Slack API」サイトに戻り、「Event Subscriptions」の「Enable Event」を「On」にする。
<img src="https://fv6lxw.by.files.1drv.com/y4m5895ljxBOgwmv4HBKIB40kFVBabjC4IQd_p9ENJWT1v-OSe2T1TvHo_oU5r8cmiZgQbzjLf6yxyl0mLqaT1St0AvdW0Eq1gCLWjewXV3I_u51a-8jgxD35iPd33EzEI9ERQ5lmKa9ewcICYBFx83hHym-4CNLU4YxyWZQUPcue1F0IUHk6Y0BcqATvnBIgavXA66Q-Wo10Pme7nwfOnFMQ?width=1580&height=1090&cropmode=none" width="600">
2. 「IBM Watson Assistant」サイトのStep 3の「Configure your Slack bot」で「Generate request URL」をクリックし、生成されたURLをコピーする。
<img src="https://fv6mxw.by.files.1drv.com/y4mk3qH6qEsqtXjost6hkBenlDdhFCZw0j0ozlMysSHz1198pI0M7roP2M96ednsriSAwFNliJ4YyRJ5wf2Cn-ljgZglWvOnh8xO0o0RcGxotd6gOVv1vF4MhOEpeaztFpbQsL7JZVwu9fEVOCsvVV0-D8YPX9PUg0sUJz1Z_myVtnAVgCk0srB_jGUe-k51aloJuPoJb82o-dV2o8aOMrSMQ?width=1756&height=514&cropmode=none" width="600">
3. 「Slack API」サイトに戻り、先ほどの項目の下 (左メニュー「Event Subscriptions」→「Event Subscriptions」→「Enable Events」) の「Request URL」を入力する。
※Verifiedと緑のチェックマークが表示されればOKです。

## 5-4 Assitantへの接続
1. 画面を下のほうへスクロールし、「Subscribe to Bot Events」の「Add Bot User Event」ボタンをクリックする。
<img src="https://fv6jxw.by.files.1drv.com/y4mtHfAofQ0a_7x1Trz_B4PnmxxA3xBnPM_9jDKeiZ7hGY75pqdX2Kw9XgAKy4pNJMQn0aGbWYywILJILUR9YIBV2VB8uMJZg55-K2Vbcfn6y1pNR-SLP8G-6VoyjrKvQOnfEZ_1Ag9sF0aQ4IkNtcKqvkW6phgOCHFhbHaHMqgXkWlqE70HNXF9SaWvTFhZ5_aTA6rCv5f5EbVoVKt9adoBQ?width=1504&height=772&cropmode=none" width="500">
2. ドロップダウンメニューより下記の2つのイベントを選択し、画面右下の「Save Changes」ボタンをクリックする。  
**message.im**  
**app_mention**  
<img src="https://fv6ixw.by.files.1drv.com/y4m3oIJdQeQp4-FjpNcxNgKWhtPmknyeyh9_zp-CH0-B3BKb9aXz9xzsfnDX6_0we7q8HzKjOkZ95wdDKwXRY-cStyxCmZ3RW_RwWQgTffUwgHR4Ing1XkgXZwmL67_WOlaB0xtGCw8yDA_gJgbTWWvSsDQp5DCXg_hRk6w39cdyEETerS_3zjv9MFE5Sq2FBdU684uYYoREdOgcK1YHHGjrQ?width=1544&height=1038&cropmode=none" width="600">
3. 「IBM Watsno Assitant」サイトで先ほど**5-3**の手順で生成した「Generated request URL」をコピーする。
4. 「Slack API」サイトの左側メニューの「Interactive Components」より「Interacitity」を「On」に変更する。
<img src="https://gf6ixw.by.files.1drv.com/y4mfcn5vEArV0zx-hc1IMROjcRTcL3y-RSI-UN2S54R2ADzgxx2jtwk5bQisSyP4Vsc_eMcw9S3rPyn7N-1STZr3S-HYto8z-vPa7e3DPrfkBVPy-akvEYsV2lZDIW7IfPXkx1hEN7fJTFhswyrzMAdFxLmRSaj_Ly1LJoavx4PKUurz2l9p7F7m-Pa7sKHvMS9map4SA5e0BGmg6QPnAPg4g?width=1784&height=1050&cropmode=none" width="600">
5. 「Interactivity」の「Request URL」を入力し「Save Changes」ボタンをクリックする。  
<img src="https://gf6jxw.by.files.1drv.com/y4mkwn3_FgIzk1id6H4jevh1g8pGGFrfpu5QTxFOHB679k10tMX0SuJxi1EaQBRdy-EGCS0AhQ0iy3rI3QEXhdna8yya7M1VcDgzcE2LU0ZmgyUgWVM-TJa6Wwr-aGNokntDBfDl-iJRCEMHgChGtR9nBsyeQjMCqojZ4368yweT5dFRGXxrx3hVFh-MYCk9oGS6k4Rp3jWIWYRa0zsrqnpgw?width=1406&height=688&cropmode=none" width="500">

# 6. Slack上で動作確認する
1. ご自身のSlack Workspaceへアクセスする
2. 「App」にご自身で作成されたアプリ名が表示されていることを確認する。
<img src="https://gf6kxw.by.files.1drv.com/y4mGZ_ose2omnH1mUn-HAI2z0gCukWkq8ZSEia9DhxbEzH268LPvOQ0uyGnFi86L6pgcVPbRR9XxIdW705MhfUbTi5_aOvru1rY4RvD6XMFhUJ7nnIovQ4AIzsR72fTMsNgBwtSJjBEEBneR9syUeg4d2bKFcqHZprszh8RtznIVhaZkSSKjaRyKQBWwuRm69OgxG2_78ny_MGwaIZ8HudOKQ?width=1986&height=1180&cropmode=none" width="600">
3. 何か話しかけてみる。  
(今回は英語のサンプルを用いているため、このSlack botが認識できるのは英語になります。)  
4. Slack botから応答が返ってきたら成功です！  
<img src="https://gf6lxw.by.files.1drv.com/y4m_kroX6J7NznF630sn55Blc3bkFZN_2dCmTo7JzKu3lUOpoH18IqMu1Z3JdGj5wtsWwnPbEP4qxD0hkKr9cZmThyGaYOf8gEWf4xhrELHvAPwm-54GuSPKLJQ9OjScGEIkKzr1zA3qBZgm15c1T-KfxWq-Ru19eJrJB8bLUAklNdmYt16B-_uc_Tcbbd8yi0HNjGgq2HnzrENXG2l0N32CQ?width=1366&height=592&cropmode=none" width="600">

以上です。後半はIBM Watson AssistantとSlack APIサイトを行ったり来たりの操作になりましたが、入力ミスなどがなければスムーズに進めることができる内容だったかと思います。

【Note】
2019年3月11日現在に取得したスクリーンショットをベースに書いています。今後予告なく変更される場合があります。ご了承くださいませ。

お疲れ様でした。

Have a nice Geek Life♪　　
※Twitterで最新情報配信中 [@ayatokura](https://twitter.com/ayatokura)