「Alexa、出勤！」で快適なリモートワークを

# 完成したAlexa
　こんな感じで会話をしながら、最終的にslackに投稿してくれるAlexa Skillを実装しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Alexaからslackに投稿できるスキル作った<a href="https://t.co/uvWrFhfqLl">https://t.co/uvWrFhfqLl</a></p>&mdash; Takayoshi Makabe (@Takayoshi_ma) <a href="https://twitter.com/Takayoshi_ma/status/1367853953984032769?ref_src=twsrc%5Etfw">March 5, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# リモートワークの悩み
　きっとQiitaを見てる大半の人はエンジニア、そうでなくとも何かしらIT関係のお仕事をしている方が多数かと思います。コロナの影響で一気にリモート化が進んだIT業界、自らも気づけばフルリモート生活が長らく続いています。
　『出勤する時間が無くなった』、『無駄な会議が無くなって業務時間の短縮に繋がった』など、個人的にリモートワークに対してはポジティブな印象を抱いているのですが、中には<font color="OrangeRed"><strong>「家事と仕事が同時に襲ってくる」</strong></font>、<font color="OrangeRed"><strong>「子供の世話で手が離せなくてストレスを感じてしまう」</strong></font>など、必ずしも良いことばかりでは無いという方も多いように見受けられます。そんな中、<font color="OrangeRed"><strong>「家事とかしながらslackに簡単なメッセージ投稿できたら楽じゃね？」</strong></font>と思い、今回Alexaからslackに投稿できるスキルを実装しました。決して<font color="Blue"><strong>「これでベッドにいながら話しかけるだけで出勤！！」</strong></font>とかのために実装したのでは無いので悪しからず！

# 仕様

　下記のシーケンス図は正常系の処理になります。

![system.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/323251/a60804f8-f7a9-b178-6322-f1cb75af7b46.png)

（補足）
1. Skillの呼び出し名は「スラック」とする。「Alexa、スラック」や「Alexa、スラック起動して」などどと話しかければ、スキルが起動する。
2. 起動後に「Slackを起動しました。どの様に投稿しますか？」と聞き返す。ユーザーが投稿内容をつぶやいた後、「Slackに◯◯」と投稿してもよろしいですか？」と聞き返す。
4. 2の後、「はい、イエス、オッケー」などをユーザーが発話するとslackへの投稿を行う。
5. 2の後、「だめ、いや、ノー」などをユーザーが発話するともう一度「どの様に投稿しますか？」と聞く。
6. 2の後、「はい」や「いいえ」に関連するワード以外(例:キツネ)を発話すると「キツネと投稿しますよろしいですか？」と聞く。
7. 無事、Slackへの投稿が終了した場合、「Slackに◯◯と投稿しました。」と発話する。
8. 投稿するワークスペースは1つだけ。またchannnelも1つだけとする。
9. 何らかの原因で投稿が完了しなかった場合、その旨をユーザーに伝える。

# Slack API
　SlackAPIを使い、投稿をポストできるように準備します。この方の[記事](https://qiita.com/kou_pg_0131/items/56dd81f2f4716ca292ef)の通り進めていけば問題なくできました。このアプリをslackのチャンネルに追加することで、投稿することが確認できました。

```
curl -X POST 'https://slack.com/api/chat.postMessage' \
-d 'token=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' \
-d 'channel=#general' \
-d 'text=Alexa Talk Appです。投稿してみたよ。'

curl -X POST 'https://slack.com/api/chat.postMessage' \
-d 'token=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' \
-d 'channel=#general' \
-d 'text=これはさっきと違ってslackAPIを利用することで僕の代わりにアプリが僕のアカウントで話してる'
```


上記のシェルスクリプトを実行して以下のように投稿できれば成功です。
![スクリーンショット 2021-02-27 0.58.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/323251/a058dd8d-80b4-4867-afa8-3a7f32f230eb.png)

　slackに投稿する方法をググった際、これより先にwebhookを使う方法が出てきました。そちらの方法だと追加したアプリ自身が投稿することは簡単に出来たのですが、私自身のアカウントを使用して投稿したい場合、この方が簡単そうなので、今回はこちらの方法で実装していくことにしました。

# Alexa Skill
　Alexa SkillからLambdaにきちんと投稿内容を飛ばせるようにするために簡単な設定を行います。Alexaには***インテント***や***シノニム***、***スロット***を使って、幾つもの会話パターンを事前登録する機能があります。例えば以下のようにスロットを設定するとAlexaは{}部分に入るワードをリクエストjsonの中に組み込んで出力します。

```
{post}って投稿して
{post}ってお願い
{post}でよろしく
```

ただ毎回、毎回「って投稿して」って言うのも煩わしいので、今回は下記の通り3つのインテントスロットとスロットタイプを設定しました。

![screencapture-developer-amazon-alexa-console-ask-build-custom-amzn1-ask-skill-0aee8890-1b58-4b2f-9872-2134294651ec-development-ja-JP-intents-PostToSlackIntent-2021-03-05-01_18_16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/323251/e39bcb47-08f3-42ae-9a02-a8ab57770129.png)

![post_slot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/323251/8c2c15aa-a993-86e2-f7d5-dbd5481a7e20.png)

![reply_no_slot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/323251/4875fa29-c823-5b04-3a50-0c59d40a1ae1.png)

![reply_yes_slot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/323251/da2bf67a-b4f8-c8e8-c575-b2db56701545.png)

これで、この中のどれかの発言をした場合、Alexa側で指定されたスロットとしてlambdaにリクエストを飛ばしてくれます。ただ実際問題、どのスロットに該当しないワードを発話したい場合の方が殆どだと思います。　（（例）今日は休みます。）
　その場合、Alexa側で自動的にどれかのスロットに分類してリクエストを飛ばしてくるのですが、labda側で強制的に`post_slot`に値をswapすることで、より自然なコミュニケーションになる様に工夫しています。

# Lambda
　まず関数を適切なロールをアタッチして上で作成します。次にLambda側のトリガーに先ほど作成したAlexaSkill側のSkillIDを登録し、次にAlexa側にエンドポイントとしてLambdaの`ARN`を登録します。設定が終わりましたら、以下のレポジトリ [[GitHub]](https://github.com/spider-man-tm/alexa-slack) をローカルにクローンして、必要なモジュールをインストールしzipで圧縮後、先ほど作成したlambdaにソースコードをアップロードします。

```
# クローンしたディレクトリに移動後、初期化＆必要なモジュールをインストール
$ npm install
$ npm install --save ask-sdk-core
$ npm install --save ask-sdk-model
$ npm install --save request

# 圧縮後lambdaにアップロード
$ zip -r {ファイル名} index.js node_modules
```

　尚、コード内にトークンを直書きするのも色々危ないので、lambda側で`SLACK_ENDPOINT`、`TOKEN`、`CHANNEL`の三つを環境変数として予め登録しています。また、AlexaSkillの方もインテントやエンドポイントの設定が終わった後にきちんとデプロイしないと、正しく動作しません。

# あとがき
　「こんなの作ってもどうせ使わない」とか思う人も多いと思います。実際僕もそうでした（笑）ただ意外に使い出してみると結構手放せなくなるのがスマートスピーカーの良いところ。これは使ってみないと分かりません。ぜひ皆さんもAlexaいじってみてください（スマホからもアプリとしてインストールできます。）