20
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ハンズラボAdvent Calendar 2017

Day 12

Storylineを使ってAlexaスキルを作ってみた

Last updated at Posted at 2017-12-11

※お知らせ

Storylineが大幅にリニューアルし、日本語にも対応するようになっていました!すごい!
コーディングなしでサクッとAlexaスキルを作成できるサービス「Storyline」を試してみた

下記の当時投稿した情報は古くなってしまっていますのでご注意ください。

#:pig:
この記事は ハンズラボ Advent Calendar 2017 12日目の記事です。

6日目に引き続き、@sr-mtmtです。

先日Alexaがついに日本でも発売されましたね。
ハンズラボでもAlexaスキル開発を行っており、開発方法についても現在試行錯誤中です。

Alexaのスキルのクオリティを左右するシナリオ部分ですが、
これはユーザーによって細かな要望があることが予想されます。
ちょっとした修正であればノンプログラマでも修正できるようなツール・サービスがあれば素敵!
ということでStorylineというサービスを試してみました。

#Storyline
https://thestoryline.io/
1.png

Coggleのマインドマップと連携させることで簡単にシナリオが作成できるツールです。

こちら、今のところスキルの言語が英語とドイツ語しかないので、その点だけ要注意ですが、
デプロイまでの流れは非常に簡単なのでおすすめです。
有料プランもありますが、お試しであれば無料プランで十分使えると思います。

事前準備

:one:Googleアカウントの用意
:two:Amazonアカウントの用意
:three:AWS開発者アカウントの用意(ASKを始めるところまで設定しておく

手順

Storylineの使い方について公式動画もあります(英語)

「+Create new」から新しいシナリオを作成します。
2.png

「Connect Coggle Mindmap」をクリック。
Coggleのマインドマップを利用しますが、画面上はStorylineだけで完結しているので見やすいですね
3.png

「YES, ALLOW ACCESS」をクリック。
4.png

ここで「FactApp」などを選択すると簡単なテンプレートが自動生成されますが、
今回は「Create from Scratch」から自分でシナリオを作成します。
5.png

AppName(シナリオ名)を決めます。後でApp一覧から名前を変更することも可能です。
7.png

このシナリオの言語を選択します。「英語(US)」「英語(UK)」「英語(インド)」「ドイツ語」から選択可能。日本語くれ。
8.png

そうすると自由にシナリオを生成できる画面になります。
グレーの部分にカーソルを合わせるとプラスボタンが表示されるのでクリックします。
9.png

そうするとブランチが出てきます。
この時の色などは有料プランだと変更できるようです。
英語スキルなので、適当に英語のセリフを入れてみます。
10.png

入力規則などはこの「Cheatsheet」を見るとだいたいわかります。
例えば行頭が「==」で始める行を複数入力しておくと、ランダムにどちらかのセリフを話します。
11.png

ここからブラウザテストもできます。
12.png

「Start plaing」でシナリオのスタートから自動再生、
プルダウンからシナリオのスタート位置を指定することもできます。
ユーザーの音声入力シーンになるとマイク許可を求められるので承認します。
13.png

シナリオが完成したらデプロイしましょう。
「Deproy」をクリックするとAmazonアカウントとAWS開発者アカウントの登録画面になります。
このとき、ASKを始めるところまで進めていないとデプロイが実行されないようなので注意してください。
14.png

「Deploy」ボタンの横に緑のチェックマークが表示されたらデプロイ完了です。
アマゾンアプリ開発者ポータルにスキルが作成されていると思います。
「テスト」を有効にするように促されるのでスキルの設定をしましょう。

英語版のスキルなので「alexa.amazon.com」に登録されているAlexa対応端末が必要です。
この一覧に先ほど作成されたスキルが表示されると思うので有効にします。

※同じ端末を英語スキルを扱う「alexa.amazon.com」と日本語スキルを扱う「alexa.amazon.co.jp」の両方に設定することはできないようです。
切り替えるとWifi設定からスタートになりますが、有効にしたスキル情報などは切り替え後も保持されます。

以上です。
今回は英語版スキルの開発ですが、日本語対応のスキル作成ツールも使ってみたいですね!

ハンズラボ Advent Calendar 2017 13日目の明日は、@mozukuKitchenさんです!

参考

音声アプリ戦国時代の救世主?プログラミング無しでAlexa Skillが作れる「Storyline」
【祝Alexa日本上陸】とりあえず日本語でスキルを作ってみる
開発中のAlexaスキルを実機テストする方法

20
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
20
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?