#AAJUG vol.2 APL ハンズオン

46e8de7d6e95be6327e8c49bf3b0c028?s=47 chao2suke
March 01, 2019

#AAJUG vol.2 APL ハンズオン

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

46e8de7d6e95be6327e8c49bf3b0c028?s=128

chao2suke

March 01, 2019
Tweet

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!