Alexaスキルを簡単に作る 〜その1〜 【Alexa Skill Blueprints を試してみた（ #alexaday2019 ）】

# はじめに

<!---
●自分だけのAmazon Alexa スキルを簡単に作成できるツール「Alexa Skill Blueprints」が日本でも使えるようになりました : Alexa Blogs
　https://developer.amazon.com/ja/blogs/alexa/post/9dcb1b5b-cfb5-45e7-8013-c56d6772332d/alexa-skill-blueprints-is-available-in-japan
-->

[日本で使えるようになったというニュース](https://developer.amazon.com/ja/blogs/alexa/post/9dcb1b5b-cfb5-45e7-8013-c56d6772332d/alexa-skill-blueprints-is-available-in-japan)を見て、とても気になっていた
　[「Alexa Skill Blueprints」](https://blueprints.amazon.co.jp/)
を、[Alexa Day 2019](https://alexaday2019.aajug.jp/) というイベントの[セッション]( https://alexaday2019.aajug.jp/session/391/ )で初めて使いました。

Alexa Skill Blueprints を使うと、特別なプログラミングの知識なしに、
Alexaスキルを作成することができます。

ワークショップについて補足すると、Alexa Day 2019 で [BluePrints Lab](https://alexaday2019.aajug.jp/session/391/) というセッションがあり、
その中で、[エバンジェリストの畠中さん](https://twitter.com/Toshimin8)にノウハウを教えていただきました。

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">電小会議室では、<br>ランチタイムにワークショップがあるらしいですよ！<a href="https://twitter.com/hashtag/alexaday2019?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday2019</a>  <a href="https://twitter.com/hashtag/alexaday?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday</a> <a href="https://t.co/QJo3fb35BW">pic.twitter.com/QJo3fb35BW</a></p>&mdash; you (@youtoy) <a href="https://twitter.com/youtoy/status/1114360383966306305?ref_src=twsrc%5Etfw">2019年4月6日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


# Alexa Skill Blueprints について

## 概要

使い方については、[Amazonさんの記事](https://developer.amazon.com/ja/blogs/alexa/post/9dcb1b5b-cfb5-45e7-8013-c56d6772332d/alexa-skill-blueprints-is-available-in-japan)にも情報がありますが、大まかな流れは以下のとおりです。

1. Amazonアカウントを準備（※ Amazonでの買い物に使うアカウントがあればOKです）
2. [Blueprintsのページ（https://blueprints.amazon.co.jp/）](https://blueprints.amazon.co.jp/)へアクセス
3. Amazonアカウントでのサインイン
4. Blueprintsのページのテンプレートの中から、好きなものを選択。
5. 「作成する」のボタンをクリックし、テンプレートの中身をカスタマイズ。
6. カスタマイズが完了したら、スキル名を設定して、「スキルを作成」ボタンをクリック。
7. スキルの完成を待つ（所用時間は数分ほど）
8. Blueprintsの作成に使ったAmazonアカウントを登録した、Alexa搭載デバイス等（各種Echoや、スマホのAlexaアプリ等）で利用

上記の手順4のテンプレートについてですが、2019/4/6 現在で、利用できるものは8つです。
以下のとおり公式の記事によると、今後も順次追加が行われていくとのことです（後述しますが、海外版はたくさんのテンプレートがあります）。

> 
今日時点でお使いいただけるBlueprintsテンプレートの数は８種類。今後も楽しく便利なテンプレートを順次追加していく予定です。
> 
【試してみよう】
カスタムQ&A：Alexaに対する質問と回答をカスタマイズ
フラッシュカード：音声を使って勉強、テストも可能
ルーレット：Alexaに選んでもらおう
トリビア：選択回答式のトリビアゲーム（１～４人対応）
【グリーティング】
春のお便り：新生活に向けてメッセージ（カスタム画像・音声対応）
お祝い：お祝いのメッセージ（カスタム画像・音声対応）
ありがとう：感謝のメッセージ（カスタム画像・音声対応）
誕生日祝い：お誕生日のメッセージ（カスタム画像・音声対応）

> 引用： [Alexa Blogs の BluePrints に関する記事](https://developer.amazon.com/ja/blogs/alexa/post/9dcb1b5b-cfb5-45e7-8013-c56d6772332d/alexa-skill-blueprints-is-available-in-japan) より


## 実際に作ってみる

それでは、実際に Blueprints を使ってスキルを作成してみます。

上記のとおり複数用意されたテンプレートを利用可能ですが、
その中で **使い勝手が良いのは「カスタムQ＆A」** とのことです。

ワークショップでも、まずこちらを試しました。

<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja"><p lang="ja" dir="ltr">一番使い勝手が良いのが「カスタムQ＆A」。<a href="https://twitter.com/hashtag/blueprints?src=hash&amp;ref_src=twsrc%5Etfw">#blueprints</a><a href="https://twitter.com/hashtag/alexaday2019?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday2019</a>  <a href="https://twitter.com/hashtag/alexaday?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday</a> <a href="https://t.co/iR7XUg52YM">pic.twitter.com/iR7XUg52YM</a></p>&mdash; you (@youtoy) <a href="https://twitter.com/youtoy/status/1114368073299947521?ref_src=twsrc%5Etfw">2019年4月6日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

テンプレートを選んだ直後の画面では、作成を始める前の画面として、サンプルを聞いたり、作り方・使い方を見ることができます。



どんなものを作ることができるかは、このサンプルを再生してみると分かりやすいです。

<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja"><p lang="ja" dir="ltr">「カスタムQ＆A」を選んで、<br>再生ボタンを押すと、どんなことができるか分かる<br>音声を聞くことができます。<a href="https://twitter.com/hashtag/blueprints?src=hash&amp;ref_src=twsrc%5Etfw">#blueprints</a><a href="https://twitter.com/hashtag/alexaday2019?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday2019</a>  <a href="https://twitter.com/hashtag/alexaday?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday</a> <a href="https://t.co/agjtrEzpiQ">pic.twitter.com/agjtrEzpiQ</a></p>&mdash; you (@youtoy) <a href="https://twitter.com/youtoy/status/1114369280471003136?ref_src=twsrc%5Etfw">2019年4月6日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

「カスタムQ＆A」では、
　「Alexaに話しかける内容」と「Alexaの応答内容」
を複数入力していくことができます。
ワークショップでは、自分は「ゴミの日を教えてもらえるスキル」を試しに作りました（入力した文章の内容は以下のとおりです）。

<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja"><p lang="ja" dir="ltr">ゴミの日を教えてくれる「カスタムQ＆A」をお試し。<a href="https://twitter.com/hashtag/blueprints?src=hash&amp;ref_src=twsrc%5Etfw">#blueprints</a><a href="https://twitter.com/hashtag/alexaday2019?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday2019</a>  <a href="https://twitter.com/hashtag/alexaday?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday</a> <a href="https://t.co/WxR0UGvPFJ">pic.twitter.com/WxR0UGvPFJ</a></p>&mdash; you (@youtoy) <a href="https://twitter.com/youtoy/status/1114369456115814400?ref_src=twsrc%5Etfw">2019年4月6日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

そのワークショップで作成したスキルを、実際に動作させた様子がこちらです。
iOSの画面の収録機能を使って、iPhoneのAlexaアプリで試した様子の画面を動画にしました。

<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja"><p lang="ja" dir="ltr"><a href="https://twitter.com/hashtag/blueprints?src=hash&amp;ref_src=twsrc%5Etfw">#blueprints</a> で作った、<br>ゴミの日を教えてくれる「カスタムQ＆A」を使っている様子。<br><br>iPhoneの画面収録をした動画です。<a href="https://twitter.com/hashtag/alexaday2019?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday2019</a>  <a href="https://twitter.com/hashtag/alexaday?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday</a> <a href="https://t.co/XWAPnXweYv">pic.twitter.com/XWAPnXweYv</a></p>&mdash; you (@youtoy) <a href="https://twitter.com/youtoy/status/1114371876782870528?ref_src=twsrc%5Etfw">2019年4月6日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 注意点や関連情報など

利用にあたり注意すべき事や関連情報を、畠中さんから伺うことができたので記載します。

### 基本機能の上書きをしないよう注意！

Alexaが標準で応答してくる文章、例えば「今日の天気は？」とか「今何時？」といった文章を利用してしまうと（【例】 上記の事例だと、「カスタムQ＆A」の質問にそれらの文章を設定してしまうと）、それらの文章を使った標準機能が利用できなくなります。
理由として、標準機能の呼び出しよりも、Blueprintsで作成したスキルの動作が優先されてしまう仕組みのためとのことです。
Blueprintsでのスキル作成時には注意する必要があります。

### Blueprintsで作成したスキルのストア公開

[海外版のBlueprints（https://blueprints.amazon.com/）](https://blueprints.amazon.com/)で作成したスキルは、海外版のストアでの公開ができるようになっているそうです。
一方で日本版では、Blueprintsで作成したスキルのストア公開はできないとのこと。

### Blueprintsで作成したスキルの共有

上記のとおり、現時点の日本版のBlueprintsはストアへの公開はできないですが、一部のテンプレートを除いてユーザ間での共有ができるそうです（例えば、家族と共有して利用したり、など）。


### 海外版はテンプレートが豊富！（日本版も順次追加予定）
 
[海外版のBlueprints](https://blueprints.amazon.com/)ではテンプレートがたくさん準備されているようです。
公式の記事によると、日本版も順次追加予定とのことですので、今後が楽しみです。

# おわりに

Blueprintsを使うと、非常に簡単にスキル作成をすることができました。
今回試したテンプレートは1つだけだったので、その他のテンプレートも試していければと思います！


# 追記

### 関連資料

[Alexa Day 2019 公式ページの Follow Up]( https://alexaday2019.aajug.jp/follow-up/ ) のページを後で見たら、PDF資料へのリンクが追加されていたのでリンクを記載しておきます。

* [Blueprints Lab（カスタムQ&A）](https://www.dropbox.com/s/113j0vyupk060u0/CustomQA.pdf)
* [Blueprints Lab（春のお便り）](https://www.dropbox.com/s/9isi7d5lnhis627/HaruNoOtayori.pdf)

### 参加レポート

Alexa Day 2019 の参加レポート的なブログ記事も書きました。
 ⇒ [Alexa Day 2019 に参加してきました 〜その1〜（ #alexaday2019 ） - 技術とエンタメと、その他・・・]( https://yo-to.hatenablog.com/entry/20190408/1554679548 )

# 余談

Alexa Day 2019 の会場に到着して、最初に訪ねて行ったのが BluePrints Lab で、
畠中さんとは楽しいおしゃべりをさせていただきました。

20〜30分くらい部屋にいたのですが、このときは BluePrints を試すことなく色々な話をして終わり（笑）、
BluePrints を試したのは冒頭に掲載したランチタイム中のセッションのときとなりました。

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">朝一は、<br>小会議室の BluePrints Lab に来て、<a href="https://twitter.com/Toshimin8?ref_src=twsrc%5Etfw">@Toshimin8</a> さんといろいろお話をしていました。<a href="https://t.co/IBFA2a4CGD">https://t.co/IBFA2a4CGD</a><a href="https://twitter.com/hashtag/alexaday2019?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday2019</a>  <a href="https://twitter.com/hashtag/alexaday?src=hash&amp;ref_src=twsrc%5Etfw">#alexaday</a> <a href="https://t.co/CFln4mZwHP">pic.twitter.com/CFln4mZwHP</a></p>&mdash; you (@youtoy) <a href="https://twitter.com/youtoy/status/1114347907870683136?ref_src=twsrc%5Etfw">2019年4月6日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>