#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
   

   View Slide

2. ߨࢣ঺հ
   

   View Slide

3. ਗ਼໺ ߶࢙ʢͤʔͷʣ
   Ϋϥεϝιουגࣜձࣾ ࡳຈΦϑΟεॴଐ
   ׆ಈ಺༰
   ίϛϡχςΟʮAlexa Salonʯओ࠵
   ίϛϡχςΟʮAmazon Alexa Japan User GroupʯӡӦ
   Amazonೝఆ Alexa ΤʔδΣϯγʔ
   ॻ੶ʮ͸͡ΊͯͷAlexaεΩϧ։ൃʯࣥච
   Classmethod, Inc.
   AI Solution Department
   Alexa Technical Evangelist / VUI Architect
   

   View Slide

4. AGENDA
   

   View Slide

5. Step #1 Step #3 Step #5
   Step #2 Step #4
   APLͰͰ͖Δ͜ͱ
   APLΛ૊ΜͰΈΑ͏
   ॓୊(STEP4)ղઆ
   Ξϯέʔτ
   ϋϯζΦϯSTEP1
   ϋϯζΦϯSTEP2ʙ3
   ղઆ
   

   View Slide

6. APL
   Alexa Presentation Language
   

   View Slide

7. Display Template
   ܾ·ͬͨ࿮ʹςΩετ΍ը૾Λ౰ͯ͸ΊΔɻ
   01
   02
   03 ࣗ༝౓͕௿͍ɻ
   هड़͕؆୯ɻ
   

   View Slide

8. APL
   ࣗ༝౓͕ߴ͍ɻ
   01
   02
   03 ը໘ͷେ͖͞Ͱग़͠෼͚ΒΕΔɻ
   ಈ͖͕͚ͭΒΕΔɻ
   

   View Slide

9. APLͰͰ͖Δ͜ͱ
   

   View Slide

10. 01
    07 02
    03
    06
    05 04
    APL͕
    Ͱ͖Δ͜ͱ
    APL
    ಡΈ্͛ςΩετಉظ
    01.
    02.
    03.
    04.
    05.
    06.
    07.
    ը໘αΠζ͝ͱͷग़͠෼͚
    σʔλͱϨΠΞ΢τͷ
    ෼཭
    εΫϩʔϧରԠ
    εϥΠυγϣʔ
    ಈతͳUIͷߏங
    λονɺεϫΠϓରԠ
    

    View Slide

11. STEP1 - 10෼
    

    View Slide

12. Hands on -STEP1
    ͜ͷޙͷϋϯζΦϯͷϕʔεͱͳΔԻ੠εΩϧΛߏங͠·͢ɻ
    ίϐʔˍϖʔετͷΈͳͷͰ͋ͬͱ͍͏ؒʹͰ͖Δ͸ͣʂ
    develop basic skill
    Point
    ʮ͋ͳͨͷ໊લʯ͸AMAZON.FirstNameεϩοτΛ࢖༻͍ͯ͠·͢ɻ
    ΋͠ೝࣝ͞Εʹ͍͘৔߹͸εϩοτʹ௚઀ॻ͘ͷ͕͍͍͔΋ɻ
    

    View Slide

13. APLجૅߨ࠲
    

    View Slide

14. APL Document
    ը໘ϨΠΞ΢τͱ
    ίϯϙʔωϯτΛنఆ͢Δ
    
    APL Data
    ը໘ʹຒΊࠐΉ
    ৘ใΛఆٛ͢Δ
    
    APL Command
    ը໘ͱͷ
    ΠϯλϥΫγϣϯΛ
    ఆٛ͢Δ
    
    

    View Slide

15. ※ΠϝʔδͰ͢ɻ
    APL Data APL Document
    APL Commands
    

    View Slide

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",
    .......
    

    View Slide

17. Image / Text
    Pager Touch Wrapper
    APL Document ελΠϧγʔτతͳΠϝʔδ
    Sequence
    Container Frame
    Ұํ޲ʹ
    ίϯϙʔωϯτΛ഑ஔɻ
    ͦͷ·Μ·ɻ
    ը૾ͱจࣈɻ
    ڥքͱഎܠ৭ɻ
    ؙΛ࡞ͬͯͦͷதʹς
    ΩετΛ഑ஔ͢Δɺ౳
    ϖʔδϯάॲཧɻ
    ίϯϙʔωϯτ܈ͷ
    ഑ྻ͕ೖΔɻ
    εΫϩʔϧͰදࣔɻ
    ॎͱԣΛબ΂Δɻ
    ࢦఆۣͨ͠ܗʹ
    λονΠϕϯτΛ
    ΋ͨͤΔ
    

    View Slide

18. APL DocumentʹΑΔߏ੒
    

    View Slide

19. APL DocumentʹΑΔߏ੒
    Container
    Container
    Container
    Image Image Image
    Text Text Text
    Panel Text
    

    View Slide

20. ΦʔαϦϯάπʔϧ
    

    View Slide

21. ΦʔαϦϯάπʔϧ
    APL DocumentͷߏஙΛखܰʹ
    

    View Slide

22. ମݧͯ͠ΈΑ͏
    

    View Slide

23. STEP2 - 15෼
    

    View Slide

24. Hands on -STEP2
    STEP1ͷεΩϧʹAPLͷը૾Λ௥Ճ͠·͢ɻ
    ͪ͜Β΋ίϐʔˍϖʔετͷΈʂ
    develop APL Top page
    Point
    Lambdaʹ৽ͨʹϑΥϧμ΍ϑΝΠϧΛ௥Ճ͠·͢ɻ
    ͜ͷ௲Γ΍େจࣈখจࣈΛؒҧ͑ͳ͍Α͏ʹʂ
    

    View Slide

25. STEP2ղઆ
    

    View Slide

26. σʔλόΠϯσΟϯά
    

    View Slide

27. datasource
    όΠϯσΟϯά͍ͨ͠Documentͷ৔ॴΛม਺Խͯ͠
    datasourceʹσʔλΛೖΕΔ
    DocumentͱDataΛͭͳ͙
    

    View Slide

28. http:/
    /bit.ly/aajug-apl-doc-top
    

    View Slide

29. Lambda͔ΒData Binding
    

    View Slide

30. STEP3 - 20෼
    

    View Slide

31. Hands on -STEP3
    STEP2ͷεΩϧʹAPLͷը૾Λ௥Ճ͠ɺ
    ಈతʹσʔλόΠϯσΟϯά͠·͢ɻ
    ίʔυ͕ൈ͚͍ͯΔͷͰɺߟ͑ͯຒΊͯΈΑ͏ʂ
    ੒ޭͨ͠Β࣮ࡍʹϝοηʔδ͕ඈͿΑʂ
    develop APL Staff page
    Point
    σʔλόΠϯσΟϯάΛLambda͔Βߦ͏ʹ͸Ͳ͏͢ΔΜͰ͚ͨͬ͠ʁ
    

    View Slide

32. STEP3ղઆ
    

    View Slide

33. STEP4
    

    View Slide

34. STEP4ղઆ
    

    View Slide

35. APL Commands
    ExecuteCommandsͰಈ࡞ΛJSONܗࣜͰఆٛɻ
    APL DocumentͷίϯϙʔωϯτʹIDΛ͚ͭ
    APL CommandͷComponent IDͰࢦఆͯ͠
    ಈ͖Λ͚ͭΔ
    APL Documentʹಈ͖Λ͚ͭΔ
    

    View Slide

36. APL Commandsγʔέϯε
    Sequential
    SetPage
    Parallel
    SpeakItem
    SetPage
    Parallel
    SpeakItem
    SetPage
    Parallel
    SpeakItem
    …………
    

    View Slide

37. STEP4Ͱ࢖͍ͬͯΔTips
    01
    02
    03
    04
    APL DocumentʹTextΛ෯0Ͱ࢓ࠐΉɻ
    PagerͱTextΛಉϨϕϧͰContainerʹೖΕΔ
    SpeakItemͱSetPageΛParallelίϚϯυͰ͘͘Γɺ
    ϖʔδભҠͱಉ࣌ʹൃ࿩ͤ͞Δ
    APL DataͷTransformersΛ࢖ͬͯSSMLΛԻ
    ੠ʹม׵
    3. ΛSequentialίϚϯυͰॱ൪ʹྲྀ͢
    05
    ࠷ॳʹશը૾Λදࣔ͢Δ͜ͱͰը૾ΛΩϟογϡͤ͞ɺ
    λΠϛϯά͕ͣΕͳ͍Α͏ʹ͢Δ
    

    View Slide

38. Alexa Day 2019
    https:/
    /alexaday2019.aajug.jp
    

    View Slide

39. ͓ർΕ༷Ͱͨ͠
    See you next AAJUG!
    

    View Slide