Storylineではじめる モック駆動Alexa Skill開発 / alexa-storyline

Transcript

1. StorylineͰ͸͡ΊΔ ϞοΫۦಈAlexa Skill։ൃ Alexaηϛφʔ AlexaͰੈքΛΑΓྑ͍৔ॴʹ Ԭຊलߴ
2. ࣗݾ঺հ • Digitalcube Co. Ltd. • WordCamp Kyoto 2017࣮ߦҕ һ௕ • AWS Samurai 2017 H i d e t a k a O k a m o t o
3. ࠓ೔͢Δ࿩ • VUIΞϓϦέʔγϣϯΛ࡞Δࡍʹҙࣝ͢Δ͜ͱ • Alexa Skills KitͰͰ͖Δ͜ͱ • Alexa Skillͷ։ൃϫʔΫϑϩʔ
4. SkillΛ࡞Ζ͏ʂ
5. SkillΛ࡞Ζ͏ʂ ɾɾɾͷલʹ
6. ͋ͳͨ͸Ͳͬͪʁ • ͳΜͰ΋͍͍͔ΒͱΓ͋͑ͣ࡞ͬͯΈ͍ͨ • ϓϩμΫτɾαʔϏεΛAlexaͰϦϦʔε͍ͨ͠
7. ͋ͳͨ͸Ͳͬͪʁ • ͳΜͰ΋͍͍͔ΒͱΓ͋͑ͣ࡞ͬͯΈ͍ͨ • ͍·͙͢Alexa Skill։ൃμογϡϘʔυΛ։͜͏ • ϑϥογϡϒϦʔϑΟϯάεΩϧ͸RSS͋Ε͹Ұॠ • ϓϩμΫτɾαʔϏεΛAlexaͰϦϦʔε͍ͨ͠ • webαΠτ΍αʔϏεΛ࡞Δ࣌ͬͯͳʹ͠·͢ʁ • Ի੠ΞϓϦ(Alexa Skill)΋σβΠϯ͸ඞਢͰ͢ɻ
8. Ի੠ΛσβΠϯ͢Δ
9. Ի੠σβΠϯΨΠυ by Amazon https://developer.amazon.com/ja/designing-for-voice/
10. Ի੠UIઃܭͷνΣοΫϦετ • ͋ͳͨͷεΩϧͰϢʔβʔ͕ԿΛͰ͖Δ͔ɺ໌֬Ͱ͔͢ʁ • Ϣʔβʔ͸͋ͳͨͷεΩϧΛݟ͚ͭΔ͜ͱ͕Ͱ͖·͔͢ • ࣗવͳձ࿩ͱͳΔΑ͏ʹઃܭ͞Ε͍ͯ·͔͢ʁ • Α͍σβΠϯํ๏ʹԊͬͨઃܭΛ͍ͯ͠·͔͢ʁ • Ϣʔβʔ͕૝ఆ֎ͷൃ࿩Λͨ͠৔߹Ͱ΋ɺ
 ஸೡʹରԠ͢ΔΑ͏ʹͳ͍ͬͯ·͔͢ʁ • Ϣʔβʔ͕εΩϧΛར༻͢Δͱ͜ΖΛ؍࡯͠·͔ͨ͠ʁ
11. Ի੠UIઃܭͷνΣοΫϦετ • ͋ͳͨͷεΩϧͰϢʔβʔ͕ԿΛͰ͖Δ͔ɺ໌֬Ͱ͔͢ʁ • Ϣʔβʔ͸͋ͳͨͷεΩϧΛݟ͚ͭΔ͜ͱ͕Ͱ͖·͔͢ • ࣗવͳձ࿩ͱͳΔΑ͏ʹઃܭ͞Ε͍ͯ·͔͢ʁ • Α͍σβΠϯํ๏ʹԊͬͨઃܭΛ͍ͯ͠·͔͢ʁ • Ϣʔβʔ͕૝ఆ֎ͷൃ࿩Λͨ͠৔߹Ͱ΋ɺ
 ஸೡʹରԠ͢ΔΑ͏ʹͳ͍ͬͯ·͔͢ʁ • Ϣʔβʔ͕εΩϧΛར༻͢Δͱ͜ΖΛ؍࡯͠·͔ͨ͠ʁ
12. Ϣʔβʔ͕εΩϧΛར༻͢Δͱ͜ΖΛ؍࡯͠·͔ͨ͠ʁ ެ։લͷεΩϧΛ ͦͷεΩϧʹ׳Ε͍ͯͳ͍Ϣʔβʔʹར༻ͯ͠΋Β͍ɺ ͦͷ༷ࢠΛ؍࡯͍ͯͩ͘͠͞ɻ ձ࿩͕໰୊ͳ͘੒ཱ͢Δ෦෼ͱͦ͏Ͱͳ͍෦෼͕໌֬ʹ ͳΓɺඞཁͳमਖ਼Λߦ͏͜ͱ͕Ͱ͖ΔͰ͠ΐ͏ɻ
13. ૉૣ࢝͘ΊΔ ૉૣࣦ͘ഊ͢Δ
14. Alexa SkillͰ࡞Δ΋ͷ͸̎ͭ A u d i o C a p t u re A u d i o P l a y b a c k C a l l w e b A P I Ta l k s o m t h i n g R e s p o n c e S p e e c h t o Te x t Te x t t o S p e e c h A l e x a S k i l l s K i t - > Ի ੠ Λ Ͳ ͏ ม ׵ ͢ Δ ͔ AW S L a m b d a - > Ͳ ͏ σ ʔ λ Λ ॲ ཧ ͢ Δ ͔
15. ͲͪΒΛઌʹ࡞Δ΂͖͔ʁ
16. ʮԻ੠ΛͲ͏ม׵͢Δ͔ʯ͕࠷༏ઌ A u d i o C a p t u re A u d i o P l a y b a c k C a l l w e b A P I Ta l k s o m t h i n g R e s p o n c e S p e e c h t o Te x t Te x t t o S p e e c h A l e x a S k i l l s K i t - > Ի ੠ Λ Ͳ ͏ ม ׵ ͢ Δ ͔ ʮ Կ ͕ ͘Δ ͔ ʯ ͕ Θ ͔ Β ͳ ͍ ͱ ࣮ ૷ ʹ ೖ Ε ͳ ͍
17. Storyline - GUIͰAlexa SkillΛ࡞ΕΔαʔϏε https://getstoryline.com/
18. υϥοάˍυϩοϓͰର࿩Ϟσϧ͕࡞ΕΔ https://getstoryline.com/
19. ͳͥStorylineΛ࢖͏΂͖͔ʁ • ର࿩Ϟσϧ͕μϝͳΒͦ΋ͦ΋࢖ΘΕͳ͍ • ࣮ࡍͷར༻γʔϯͰςετͯ͠ௐ੔͢΂͖ • ͦ΋ͦ΋ͦͷγʔϯͰԻ੠ΞϓϦ͸ඞཁ͔ʁ • ΋ࣗ͠෼͕ਓʹ͓ئ͍͢ΔͳΒͲ͏͍͏͔ʁ • ேٸ͍Ͱ͍Δ࣌ʹͦͷฦࣄ͸ΠϥΠϥ͠ͳ͍ʁ • ུশ΍ํݴΛΧόʔͰ͖͍ͯΔʁ • νΣοΫϦετͷʮϢʔβʔ͕εΩϧΛར༻͢Δͱ͜Ζ Λ؍࡯͠·͔ͨ͠ʁʯΛૉૣ࢝͘ΊΕΔ
20. alexa-sdk / Lambda͸΋͏ཁΒͳ͍ͷʁ • ͦΜͳ͜ͱ͸ͳ͍ɻ • GUIͰܧଓతʹอक͍ͨ͠։ൃνʔϜ͕͍Ε͹ผ͔΋ • Storyline΍BlueprintͰɺର࿩ϞσϧΛ࡞Δ • ର࿩ϞσϧͱγφϦΦ͕͋Ε͹ɺςετέʔε͕࡞ΕΔ • JSONಡΊΕ͹ςετίʔυ΋͔͚Δ • ϞοΫ͔Β࡞Δͱɺޮ཰తʹ࣮૷ʹೖΔ͜ͱ͕Ͱ͖Δ
21. Storyline͔Β͸͡ΊΔ ϞοΫۦಈ։ൃ
22. Storyline͔Β͸͡ΊΔϞοΫۦಈ։ൃ • Ի੠σβΠϯΨΠυʹଇͬͯ୆ຊΛ࡞Δ • StorylineͰ୆ຊΛͦͷ··Alexa SkillԽ͢Δ • ask-cliͰର࿩ϞσϧɾσʔλͷΤΫεϙʔτ • Lambda / ֎෦API΁ͷ੾Γସ͑
23. StorylineͰͷ୆ຊͷεΩϧԽ
24. GoogleΞΧ΢ϯτΛ࢖༻ͯ͠ϩάΠϯ https://getstoryline.com/
25. Ի੠࠶ੜɾϥδΦετϦʔϜɾετʔϦʔͷ̏ςϯϓϨʔτ https://getstoryline.com/
26. Alexaͷൃ࿩ɾϢʔβʔൃ࿩ͷऔΓѻ͍ͳͲΛGUIͰ
27. ࡞ͬͨϞσϧΛͦͷ··σϓϩΠͰ͖Δ
28. ୆ຊεΩϧԽͷϙΠϯτ • ୆ຊΛͦͷ··εΩϧʹ͢Δ͜ͱ • ͜͜Ͱςετ͍ͨ͠ͷ͸ʮ୆ຊ͕ঢ়گʹ͍͋ͬͯΔ͔ʯ • ಈ͖΍ॲཧɺม਺ͷऔΓѻ͍͸࣮૷࣌·Ͱզຫ
29. ask-cliΛ࢖ͬͨ ϞσϧͷίʔυԽ
30. Alexa Skills Kitʹ͸CLIπʔϧ͕͋Δ $ npm i -g ask-cli $ ask -h Usage: ask [options] [command] Command Line Interface for Alexa Skill Management API
31. Storyline͕σϓϩΠͨ͠σʔλΛΤΫεϙʔτ # ͻͳܗ࡞੒ $ ask new -n SKILL_NAME && cd SKILL_NAME # εΩϧ৘ใ $ ask api get-skill -s {SKILL_ID} > ./skill.json # ର࿩Ϟσϧ $ ask api get-model -s {SKILL_ID} \ —stage development -l ja-JP > ./models/ja-JP.json
32. ଓ͖͸webͰ https://wp-kyoto.net/migrate-alexa-skill-from-gui-to-ask-cli/
33. Lambda / ֎෦API΁ͷ ͚͔ͭ͑
34. ίϯιʔϧ͔ΒΤϯυϙΠϯτΛม͑Δ͚ͩ
35. [ςετ]λϒͰinput / output͕ݟΕΔ
36. ࡞ͬͨϞοΫΛLambda / API։ൃʹ׆͔͢ • StorylineͰ࡞ͬͨϞοΫΛσϓϩΠ͢Δ • Alexa։ൃίϯιʔϧͰςετ͢Δ • දࣔ͞Εͨinput / outputΛه࿥͢Δ • ։ൃνʔϜʹinput / outputΛࢀߟʹ࣮૷ͯ͠΋Β͏ • in / outΛςετίʔυԽͰ͖Ε͹ΑΓ҆ఆͨ͠։ൃʹ
37. ΑΓࣗવͳձ࿩ΛΊͯ͟͠
38. Alexaެࣜϒϩάʢ೔ಠӳࠞ߹ʣ https://developer.amazon.com/ja/blogs/alexa/tag/Alexa
39. ঺հ͞Ε͍ͯΔTipsΛҰ෦঺հ • ෳ਺ͷ࣭໰͕͋Δ৔߹͸DialogΛ࢖͏ • ޮՌԻΛ׆༻͢Δ • ฦࣄʹਓؒΒ͠͞ΛՃ͑Δ
40. ঺հ͞Ε͍ͯΔTipsΛҰ෦঺հ • ෳ਺ͷ࣭໰͕͋Δ৔߹͸DialogΛ࢖͏ • ޮՌԻΛ׆༻͢Δ • ฦࣄʹਓؒΒ͠͞ΛՃ͑Δ
41. ʮΞϨΫαɺࠓ൩ग़ൃͷ ɹ৽େࡕߦ͖ͷͷͧΈͷ ɹ૭ࡍͷࢦఆ੮Λ୳ͯ͠ʯ
42. ʮΞϨΫαɺࠓ൩ग़ൃͷ ɹ৽େࡕߦ͖ͷͷͧΈͷ ɹ૭ࡍͷࢦఆ੮Λ୳ͯ͠ʯ
43. εϩοτͷ਺͕͍ͬͺ͍
44. μΠΞϩάͰඞਢ஋ͷ௥Ճ࣭໰͕ՄೳʹͳΔ
45. Dialog.DelegateσΟϨΫςΟϒΛ࢖ͬͯॲཧ // ͜͜ͷintentRequestม਺͸ɺεΩϧʹૹ৴͞ΕΔIntentRequestΦϒδΣΫτͰ͢ɻ if (intentRequest.dialogState === "STARTED"){ // ೖྗࡁΈεϩοτ: σϑΥϧτ஋ͷ͋Δεϩοτ஋Λ࢖༻ͯ͠ // ΠϯςϯτΦϒδΣΫτΛߋ৽͠·͢ɻ࣍ʹupdatedIntentϓϩύςΟͷ͜ͷߋ৽͞ΕͨΠϯ ςϯτͰ // Dialog.DelegateΛฦ͠·͢ɻ } else if (intentRequest.dialogState != "COMPLETED"){ // updatedIntentϓϩύςΟΛ࣋ͨͳ͍Dialog.Delegate σΟϨΫςΟϒΛฦ͠·͢ɻ } else { // μΠΞϩά͸׬ྃ͠ɺ͢΂ͯͷඞཁͳεϩοτ͕ೖྗ͞Ε·ͨ͠ɻ // ௨ৗͷΠϯςϯτϋϯυϥʔΛݺͼग़͍ͯͩ͘͠͞ɻ handlePlanMyTripIntent(intent, session, callback); }
46. ෳ਺ͷ߲໨ʢม਺ʣΛ ѻ͍͍ͨ৔߹͸ɺ μΠϠϩάΛ࢖ͬͯॊೈʹ
47. ঺հ͞Ε͍ͯΔTipsΛҰ෦঺հ • ෳ਺ͷ࣭໰͕͋Δ৔߹͸DialogΛ࢖͏ • ޮՌԻΛ׆༻͢Δ • ฦࣄʹਓؒΒ͠͞ΛՃ͑Δ
48. ASK Sound Library https://developer.amazon.com/docs/custom-skills/ask-soundlibrary.html
49. ޮՌԻΛ؆୯ʹೖखɾར༻Ͱ͖ΔΑ͏ʹͳΔ <speak> This is Alexa's regular speech, followed by the sound effect "bear groan roar (1)". <audio src='https://s3.amazonaws.com/ask- soundlibrary/animals/ amzn_sfx_bear_groan_roar_01.mp3'/> </speak>
50. ޮՌԻͷछྨ΋๛෋ • Ambience • Animal • Battle • Cartoon • Foley • Home • Human • Impact • Magic • Musical • Nature • Office • SciFi • Transportation
51. ঺հ͞Ε͍ͯΔTipsΛҰ෦঺հ • ෳ਺ͷ࣭໰͕͋Δ৔߹͸DialogΛ࢖͏ • ޮՌԻΛ׆༻͢Δ • ฦࣄʹਓؒΒ͠͞ΛՃ͑Δ
52. ਓ͕ؒશ͘ಉ͡ฦࣄΛ ຖճฦ͢ͷ͸ෆࣗવ
53. ฦ౴ʹϥϯμϜ͞Λ΋ͨͤΑ͏ͥͱ͍͏ϒϩά https://developer.amazon.com/ja/blogs/alexa/post/37e732b7-48fa-4940-9f12-9ffde7eeeaf8/alexa-skill-recipe- randomize-your-responses-to-add-variety-to-your-skill
54. ϥϯμϜͳฦ౴Λฦ࣮͢૷αϯϓϧ const { randomResponse } = require('ask-utils') const errorMessages = [ '͢Έ·ͤΜɺΑ͘ฉ͖औΕ·ͤΜͰͨ͠ɻ΋͏Ұ౓͓ئ͍͠·͢ɻ', '͢Έ·ͤΜɺΑ͘ฉ͖औΕ·ͤΜͰͨ͠ɻ', '্खʹฉ͖औΕͳͯ͘͢Έ·ͤΜɻ΋͏Ұ౓ݴͬͯ΋Β͑·͔͢ʁ', '͝ΊΜͳ͍͞ɻ΋͏Ұ౓ݴͬͯ΋Β͑Δͱॿ͔Γ·͢ɻ' ] const message = randomResponse.getRandomMessage(errorMessages) return handlerInput.responseBuilder .speak(message) .reprompt(message) .getResponse()
55. ϥϯμϜͳฦ౴Λฦ࣮͢૷αϯϓϧ const { randomResponse } = require('ask-utils') const errorMessages = [ '͢Έ·ͤΜɺΑ͘ฉ͖औΕ·ͤΜͰͨ͠ɻ΋͏Ұ౓͓ئ͍͠·͢ɻ', '͢Έ·ͤΜɺΑ͘ฉ͖औΕ·ͤΜͰͨ͠ɻ', '্खʹฉ͖औΕͳͯ͘͢Έ·ͤΜɻ΋͏Ұ౓ݴͬͯ΋Β͑·͔͢ʁ', '͝ΊΜͳ͍͞ɻ΋͏Ұ౓ݴͬͯ΋Β͑Δͱॿ͔Γ·͢ɻ' ] const message = randomResponse.getRandomMessage(errorMessages) return handlerInput.responseBuilder .speak(message) .reprompt(message) .getResponse()
56. ࡞ͬͨɿask-sdkͰͷॲཧΛศརʹ͢ΔϥΠϒϥϦ https://www.npmjs.com/package/ask-utils
57. Learn and be curious