#AAJUG vol.2 APL ハンズオン

2019/03/01 開催
Amazon Alexa Japan User Group (AAJUG) 関東支部 vol.2
「Alexaスキル開発ハンズオン 〜APL対応スキルのつくりかた〜」資料

Transcript

1. APL ϋϯζΦϯ AAJUG vol.2 2019.03.01 HASHTAG: #AAJUG
2. ߨࢣ঺հ
3. ਗ਼໺ ߶࢙ʢͤʔͷʣ Ϋϥεϝιουגࣜձࣾ ࡳຈΦϑΟεॴଐ ׆ಈ಺༰ ίϛϡχςΟʮAlexa Salonʯओ࠵ ίϛϡχςΟʮAmazon Alexa Japan User GroupʯӡӦ Amazonೝఆ Alexa ΤʔδΣϯγʔ ॻ੶ʮ͸͡ΊͯͷAlexaεΩϧ։ൃʯࣥච Classmethod, Inc. AI Solution Department Alexa Technical Evangelist / VUI Architect
4. AGENDA
5. Step #1 Step #3 Step #5 Step #2 Step #4 APLͰͰ͖Δ͜ͱ APLΛ૊ΜͰΈΑ͏ ॓୊(STEP4)ղઆ Ξϯέʔτ ϋϯζΦϯSTEP1 ϋϯζΦϯSTEP2ʙ3 ղઆ
6. APL Alexa Presentation Language
7. Display Template ܾ·ͬͨ࿮ʹςΩετ΍ը૾Λ౰ͯ͸ΊΔɻ 01 02 03 ࣗ༝౓͕௿͍ɻ هड़͕؆୯ɻ
8. APL ࣗ༝౓͕ߴ͍ɻ 01 02 03 ը໘ͷେ͖͞Ͱग़͠෼͚ΒΕΔɻ ಈ͖͕͚ͭΒΕΔɻ
9. APLͰͰ͖Δ͜ͱ
10. 01 07 02 03 06 05 04 APL͕ Ͱ͖Δ͜ͱ APL ಡΈ্͛ςΩετಉظ 01. 02. 03. 04. 05. 06. 07. ը໘αΠζ͝ͱͷग़͠෼͚ σʔλͱϨΠΞ΢τͷ ෼཭ εΫϩʔϧରԠ εϥΠυγϣʔ ಈతͳUIͷߏங λονɺεϫΠϓରԠ
11. STEP1 - 10෼
12. Hands on -STEP1 ͜ͷޙͷϋϯζΦϯͷϕʔεͱͳΔԻ੠εΩϧΛߏங͠·͢ɻ ίϐʔˍϖʔετͷΈͳͷͰ͋ͬͱ͍͏ؒʹͰ͖Δ͸ͣʂ develop basic skill Point ʮ͋ͳͨͷ໊લʯ͸AMAZON.FirstNameεϩοτΛ࢖༻͍ͯ͠·͢ɻ ΋͠ೝࣝ͞Εʹ͍͘৔߹͸εϩοτʹ௚઀ॻ͘ͷ͕͍͍͔΋ɻ
13. APLجૅߨ࠲
14. APL Document ը໘ϨΠΞ΢τͱ ίϯϙʔωϯτΛنఆ͢Δ  APL Data ը໘ʹຒΊࠐΉ ৘ใΛఆٛ͢Δ  APL Command ը໘ͱͷ ΠϯλϥΫγϣϯΛ ఆٛ͢Δ 
15. ※ΠϝʔδͰ͢ɻ APL Data APL Document APL Commands
16. APL Document ελΠϧγʔτతͳΠϝʔδ { "type": "Container", "height": "100vh", "item": [ { "type": "Image", "width": "100vw", "height": "100vh", "opacity": 0.4, "source": "https:/ /XXX.png", "scale": "best-fill", "position": "absolute" }, { "type": "Text", "paddingTop": "50px", "text": "͖͢ͳͻͱΛ͑ΒΜͰͶ" }, { "type": "Container", "width": "100vw", "height": "65vh", .......
17. Image / Text Pager Touch Wrapper APL Document ελΠϧγʔτతͳΠϝʔδ Sequence Container Frame Ұํ޲ʹ ίϯϙʔωϯτΛ഑ஔɻ ͦͷ·Μ·ɻ ը૾ͱจࣈɻ ڥքͱഎܠ৭ɻ ؙΛ࡞ͬͯͦͷதʹς ΩετΛ഑ஔ͢Δɺ౳ ϖʔδϯάॲཧɻ ίϯϙʔωϯτ܈ͷ ഑ྻ͕ೖΔɻ εΫϩʔϧͰදࣔɻ ॎͱԣΛબ΂Δɻ ࢦఆۣͨ͠ܗʹ λονΠϕϯτΛ ΋ͨͤΔ
18. APL DocumentʹΑΔߏ੒
19. APL DocumentʹΑΔߏ੒ Container Container Container Image Image Image Text Text Text Panel Text
20. ΦʔαϦϯάπʔϧ
21. ΦʔαϦϯάπʔϧ APL DocumentͷߏஙΛखܰʹ
22. ମݧͯ͠ΈΑ͏
23. STEP2 - 15෼
24. Hands on -STEP2 STEP1ͷεΩϧʹAPLͷը૾Λ௥Ճ͠·͢ɻ ͪ͜Β΋ίϐʔˍϖʔετͷΈʂ develop APL Top page Point Lambdaʹ৽ͨʹϑΥϧμ΍ϑΝΠϧΛ௥Ճ͠·͢ɻ ͜ͷ௲Γ΍େจࣈখจࣈΛؒҧ͑ͳ͍Α͏ʹʂ
25. STEP2ղઆ
26. σʔλόΠϯσΟϯά
27. datasource όΠϯσΟϯά͍ͨ͠Documentͷ৔ॴΛม਺Խͯ͠ datasourceʹσʔλΛೖΕΔ DocumentͱDataΛͭͳ͙
28. http:/ /bit.ly/aajug-apl-doc-top
29. Lambda͔ΒData Binding
30. STEP3 - 20෼
31. Hands on -STEP3 STEP2ͷεΩϧʹAPLͷը૾Λ௥Ճ͠ɺ ಈతʹσʔλόΠϯσΟϯά͠·͢ɻ ίʔυ͕ൈ͚͍ͯΔͷͰɺߟ͑ͯຒΊͯΈΑ͏ʂ ੒ޭͨ͠Β࣮ࡍʹϝοηʔδ͕ඈͿΑʂ develop APL Staff page Point σʔλόΠϯσΟϯάΛLambda͔Βߦ͏ʹ͸Ͳ͏͢ΔΜͰ͚ͨͬ͠ʁ
32. STEP3ղઆ
33. STEP4
34. STEP4ղઆ
35. APL Commands ExecuteCommandsͰಈ࡞ΛJSONܗࣜͰఆٛɻ APL DocumentͷίϯϙʔωϯτʹIDΛ͚ͭ APL CommandͷComponent IDͰࢦఆͯ͠ ಈ͖Λ͚ͭΔ APL Documentʹಈ͖Λ͚ͭΔ
36. APL Commandsγʔέϯε Sequential SetPage Parallel SpeakItem SetPage Parallel SpeakItem SetPage Parallel SpeakItem …………
37. STEP4Ͱ࢖͍ͬͯΔTips 01 02 03 04 APL DocumentʹTextΛ෯0Ͱ࢓ࠐΉɻ PagerͱTextΛಉϨϕϧͰContainerʹೖΕΔ SpeakItemͱSetPageΛParallelίϚϯυͰ͘͘Γɺ ϖʔδભҠͱಉ࣌ʹൃ࿩ͤ͞Δ APL DataͷTransformersΛ࢖ͬͯSSMLΛԻ ੠ʹม׵ 3. ΛSequentialίϚϯυͰॱ൪ʹྲྀ͢ 05 ࠷ॳʹશը૾Λදࣔ͢Δ͜ͱͰը૾ΛΩϟογϡͤ͞ɺ λΠϛϯά͕ͣΕͳ͍Α͏ʹ͢Δ
38. Alexa Day 2019 https:/ /alexaday2019.aajug.jp
39. ͓ർΕ༷Ͱͨ͠ See you next AAJUG!