Upgrade to Pro — share decks privately, control downloads, hide ads and more …

#AAJUG vol.2 APL ハンズオン

chao2suke
March 01, 2019

#AAJUG vol.2 APL ハンズオン

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

chao2suke

March 01, 2019
Tweet

More Decks by chao2suke

Other Decks in Technology

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