#AAJUG vol.2 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!