Alexa Skill開発を加速する ask-utils / vuilt-kyoto-5

vuilt kyoto vol.5のスライドです。

Transcript

1. Alexa Skill։ൃΛՃ଎͢Δ ask-utils VUI LT Vol.5@Kyoto Ԭຊलߴ #VUILT
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 #VUILT
3. Amazon Alexa Japan User Group (AAJUG) https://aajug.connpass.com/ #VUILT
4. Alexa Day 2018 https://alexaday2018.jaws-ug.jp/ #VUILT
5. Alexa Champions https://developer.amazon.com/ja/alexa/champions/hidetaka-okamoto #VUILT
6. ઌʹએ఻ ࣌ؒΦʔόʔͷؾ഑Λײͨ͡ͷͰ #VUILT
7. 11/3 JAWS FESTA 2018 OSAKA https://jft2018.jaws-ug.jp/ #VUILT
8. ·͔͞ͷձ৔ http://suitacityfootballstadium.jp/ #VUILT
9. ࠓ೔঺հ͍ͨ͠΋ͷ https://www.npmjs.com/package/ask-utils #VUILT
10. ͳΜͰͭͬͨ͘ͷʁ #VUILT
11. ask-sdkͰͷΠϯςϯτϋϯυϥʔͷॻ͖ํ const HelpIntentHandler = { canHandle (handlerInput) { return handlerInput.requestEnvelope.request.type === 'IntentRequest' && handlerInput.requestEnvelope.request.intent.name === 'AMAZON.HelpIntent' }, handle (handlerInput) { const speechText = 'This is example skill' return handlerInput.responseBuilder .speak(speechText) .reprompt(speechText) .withSimpleCard(SKILL_NAME, speechText) .getResponse() } } #VUILT
12. ͜͜Λຖճॻ͘ͷ͕൥Θ͔ͬͨ͠ const HelpIntentHandler = { canHandle (handlerInput) { return handlerInput.requestEnvelope.request.type === 'IntentRequest' && handlerInput.requestEnvelope.request.intent.name === 'AMAZON.HelpIntent' }, handle (handlerInput) { const speechText = 'This is example skill' return handlerInput.responseBuilder .speak(speechText) .reprompt(speechText) .withSimpleCard(SKILL_NAME, speechText) .getResponse() } } #VUILT
13. npm i -S ask-utils #VUILT
14. handlerInputͷத਎ΛΑ͠ͳʹνΣοΫͯ͘͠ΕΔ const { canHandle } = require('ask-utils') const HelpIntentHandler = { canHandle (handlerInput) { return canHandle(handlerInput, 'IntentRequest', 'AMAZON.HelpIntent') }, handle (handlerInput) { const speechText = 'This is example skill' return handlerInput.responseBuilder .speak(speechText) .reprompt(speechText) .withSimpleCard(SKILL_NAME, speechText) .getResponse() } } #VUILT
15. ask-utilsͰมΘͬͨ͜ͱ • ୯७ʹίʔυΛॻ͘ྔ͕ݮͬͨ • VS Codeʹೖྗิ׬͸͋Δ͚Ͳ΋ɺ΋ͬͱָ͍ͨ͠ • ʮΑ͘ॻ͘ίʔυʯͷύοέʔδԽͰޮ཰Խ • ask-sdkͷίʔυΛࢀߟʹ͢ΔͷͰɺษڧʹ΋ͳΔ #VUILT
16. ask-utilsͰΑΓΑ͍VUXΛ #VUILT
17. Alexa blogʮฦࣄ͸ϥϯμϜʹͨ͠ํ͕ࣗવͬΆ͍Αʯ 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
18. getRandomMessage()ͰҰൃ const { getRandomMessage } = require('ask-utils') const errorMessages = [ 'I can not here what you say, please say again.', 'Please say again.', "I'm sorry, please tell me again" ] const message = getRandomMessage(errorMessages) #VUILT
19. ϦΫΤετʹ͕͔͔࣌ؒΔ࣌͸ɺ଴ػίϯςϯπΛ https://developer.amazon.com/ja/docs/custom-skills/send-the-user-a-progressive-response.html
20. enqueueProgressiveResponseDirective()ͰҰൃ try { // ϓϩάϨογϒϨεϙϯεΛར༻͢Δ await enqueueProgressiveResponseDirective(handlerInput, ‘ݕࡧத') } catch (err) { // τϥϒϧ͕ൃੜͯ͠΋ɺॲཧΛܧଓͤ͞Δɻ console.log(err) } // ֎෦ͷ API ͱ઀ଓ͢Δ const content = await get() return responseBuilder.speak(content).getResponse() #VUILT
21. aws-sdk & ask-utilsͰσʔλΛอଘ͢Δ const AWS = require('aws-sdk') const { getUserId } = require('ask-utils') const dynamoDB = new AWS.DynamoDB.DocumentClient() const TableName = 'MyExampleDB' const SaveProfileHandler = { … async handle(handlerInput) { const userId = getUserId(handlerInput) const params = { TableName, Item: { id: userId, } } await dynamoDB.put(params).promise() ... } } #VUILT
22. aws-sdk & ask-utilsͰσʔλΛอଘ͢Δ const AWS = require('aws-sdk') const { getUserId } = require('ask-utils') const dynamoDB = new AWS.DynamoDB.DocumentClient() const TableName = 'MyExampleDB' const SaveProfileHandler = { … async handle(handlerInput) { const userId = getUserId(handlerInput) const params = { TableName, Item: { id: userId, } } await dynamoDB.put(params).promise() ... } } #VUILT
23. aws-sdk & ask-utilsͰσʔλΛอଘ͢Δ const AWS = require('aws-sdk') const { getUserId } = require('ask-utils') const dynamoDB = new AWS.DynamoDB.DocumentClient() const TableName = 'MyExampleDB' const SaveProfileHandler = { … async handle(handlerInput) { const userId = getUserId(handlerInput) const params = { TableName, Item: { id: userId, } } await dynamoDB.put(params).promise() ... } } #VUILT
24. ask-utilsͰͰ͖Δ͜ͱ • UserID΍DeviceIDɺIntentNameͷऔಘ • ϓϩάϨογϒϨεϙϯεͷ࡞੒ • Displayαϙʔτঢ়گͷ֬ೝ • ςετ༻ͷMock Event࡞੒ • ͦͷ΄͔Զ͕ཉ͘͠ͳͬͨϔϧύʔؔ਺ #VUILT
25. GitHubͰίʔυެ։ࡁΈ https://github.com/hideokamoto/ask-utils #VUILT
26. APIυΩϡϝϯτʢ֦ॆதʣ https://ask-utils.github.io/ask-utils/ #VUILT
27. Example΋࡞ͬͯΈͨ https://github.com/ask-utils/example #VUILT
28. ϨϏϡʔ ϓϧϦΫ ཁ๬ ࢖ͬͨใࠂϒϩά ࠩ͠ೖΕ ͓·͍ͪͯ͠·͢ʂ #VUILT #VUILT
29. એ఻ #VUILT
30. 2018/10/08 (݄) 11:00ʙ17:00: ٕज़ॻయ̑ https://techbookfest.org/event/tbf05 #VUILT
31. AlexaεΩϧ։ൃͷ͍ΖΜͳTips·ͱΊͯ·͢ #VUILT
32. ͓02 ʮΦϨ͕ͨͪ஌Γ͔ͨͬͨΞϨΫαͷ࿩ʯ https://techbookfest.org/event/tbf05/circle/27560001 #VUILT
33. 9/18 Amazon Alexa Online Discussion #05 https://aajug.connpass.com/event/100409/ #VUILT
34. 11/3 JAWS FESTA 2018 OSAKA εϐʔΧʔืूத https://jawsugosaka.doorkeeper.jp/events/79928 #VUILT
35. #VUILT