ALEXAアプリで簡単な受け答えアプリケーションを製作する

#1.はじめに
これは[CPSLab Advent Calendar 2019](https://adventar.org/calendars/3974)の記事です。
12日目は[こちら](https://hackmd.io/@itadakimausu8/ryE0NcCpB)です
markdownの記事制作は不慣れですがお許しください。

##どうしてALEXA？
10月末ごろにAmazonでセット購入すると1000円でAmazon Echo Dotが手に入るキャンペーンがあったため、[即ぽちりました](https://usedoor.jp/howto/life/campaign/amazon-echo-dot-music-unlimited-set-gekiyasu/)

##実は・・・
Alexaのアプリ開発はデバイスがなくてもできます！アプリの開発をするだけならamazonのアカウントのみで製作できるので気になる人はぜひやってみるといいかと思います。

#2.アプリ制作
##Developer登録
**実はここが一番重要なところになります。**自分のアレクサを使う際には必ずamazon.co.jpのアカウントでなければなりません。
alexa開発でググると出てくる開発者アカウントでアカウントを作ってしまうと、amazon.comでアカウントを作ったことになり、日本国内のアカウントで登録されているアレクサに自分が制作したアプリを登録することができません。先人たちが残されていった記事を参考にしてアカウント周りで失敗しないようにしましょう。参考にした記事は[こちら](https://developer.amazon.com/ja/blogs/alexa/post/9f852a38-3a44-48bd-b78f-22050269d7c7/hamaridokoro)

##スキルの作成
- アプリの作成を選択
![スキル作成.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/a7d843eb-3881-9238-0a29-917c442d2ea8.png)


- スキル名、モデル選択、バックエンドリソースをホスティングする方法を選択
今回はPythonでやってみます（Pythonでやっている記事があまりなかったので）
![スキル選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/0850eb55-c1ef-2a0d-63e4-5ace42d147ec.png)

- テンプレート選択　今回はHello Worldスキルにします
![テンプレ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/7bf28287-267e-02bd-ab4a-97d4ac64fc7c.png)

これでアプリが作成されます！
アレクサ側の準備ができるとこのような画面になります
<img width="946" alt="top.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/43ef12f8-9ff6-ea47-edbe-60869f28f732.png">

ここで呼び出し名の部分を確認してください。今回の場合はラボという名前にしています。
ここでのスキルの呼び出し名は「アレクサ、○○を開いて、xxをして」の○○に当たる部分です。

##エディタで変更とビルド＆テスト
- 上部のコードエディタのタブをクリックしていくとこのような画面になります
<img width="944" alt="editor_first.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/e2d608f4-c904-23c0-8ad2-ca256540a292.png">

このような画面に入ったら一旦デプロイをクリックしてください。デプロイを一回しないとアプリが動きませんのでご注意を。
デプロイが終了しましたら、コードエディタの隣のテストの画面に移動してください。以下の画面になるかと思われます。
<img width="947" alt="test.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/468db7cb-b0e6-2a6b-b3fa-13a974372bc4.png">

この画面になったら非公開のタブを開発中に変更してください。ブラウザによってはマイクの許可が求められますが承認しておいてください。
そうしましたら、テキストボックスに「ラボ」と入力してください。そうしますとアレクサからは英語で返答が来ると思われます。（音声が出ますのでご注意を！）
<img width="959" alt="syoki.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/c2e08051-2c28-6f1c-47af-3eac8c8489e7.png">

このままだとあまりにも味気ないので変更を加えます。コードエディタへ移って以下の赤枠の部分のテキストを好きなように変更してみてください。
<img width="954" alt="henkou.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/6ee93d23-8de3-2cd6-f0f0-5a763a83412a.png">

テキストを変更したら保存→デプロイをお忘れなく
デプロイが完了したら先ほどと同様にテストからテキストボックスに「ラボ」と入力orマイクで音声を入力すると・・・
<img width="959" alt="kansei.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/238493/b446be43-07eb-b4b7-0163-1134c05368fc.png">

はい！これで自分の入力したテキストになっていればOKです

## 自分の作ったアプリを確認したいとき
こちらの[URL](https://www.amazon.co.jp/ap/signin?showRmrMe=1&openid.return_to=https%3A%2F%2Falexa.amazon.co.jp%2F&openid.identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid.assoc_handle=amzn_dp_project_dee_jp&openid.mode=checkid_setup&openid.claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&)からログインしてみてください
スキル　→　有効なスキル　→　開発スキル

#3.おわりに
今回のは本当に冒頭の部分の紹介となりましたが興味のある人はどんどん調べて勉強していくといいかなと思います。

#参考にさせていただいたサイト
<https://developer.amazon.com/ja/blogs/alexa/post/31c9fd71-f34f-49fc-901f-d74f4f20e28d/alexatraining-firstskill>