奥深きAPLの世界

2019/07/26 AAJUG沖縄 登壇資料

Transcript

1. Ԟਂ͖ "1-ͷੈք AAJUGԭೄ vol.1 2019.07.26 Ϋϥεϝιουגࣜձࣾ
   ͤʔͷ
2. ਗ਼໺ ߶࢙ʢͤʔͷʣ Ϋϥεϝιουגࣜձࣾ ࡳຈΦϑΟεॴଐ ׆ಈ಺༰ ίϛϡχςΟʮAlexa Salonʯओ࠵ ίϛϡχςΟʮAmazon Alexa Japan User GroupʯӡӦ Amazonೝఆ Alexa ΤʔδΣϯγʔ ॻ੶ʮ͸͡ΊͯͷAlexaεΩϧ։ൃʯࣥච Classmethod, Inc. AI Solution Department Alexa Technical Evangelist / VUI Architect
3. AGENDA
4. Step #1 Step #3 Step #5 Step #2 Step #4 APLͱ͸ APLͷ࣮૷ APLͷجૅ APL Video APLͰͰ͖Δ͜ͱ
5. "1- "MFYB
   1SFTFOUBUJPO
   -BOHVBHF
6. Display Template ܾ·ͬͨ࿮ʹςΩετ΍ը૾Λ౰ͯ͸ΊΔɻ 01 02 03 ࣗ༝౓͕௿͍ɻ هड़͕؆୯ɻ
7. APL ࣗ༝౓͕ߴ͍ɻ 01 02 03 ը໘ͷେ͖͞Ͱग़͠෼͚ΒΕΔɻ ಈ͖͕͚ͭΒΕΔɻ
8. "1-ͰͰ͖Δ͜ͱ
9. 01 07 02 03 06 05 04 APL͕ Ͱ͖Δ͜ͱ APL ಡΈ্͛ςΩετಉظ 01. 02. 03. 04. 05. 06. 07. ը໘αΠζ͝ͱͷग़͠෼͚ σʔλͱϨΠΞ΢τͷ ෼཭ εΫϩʔϧରԠ εϥΠυγϣʔ ಈతͳUIͷߏங λονɺεϫΠϓରԠ
10. "1-ͷجૅ
11. APL Document ը໘ϨΠΞ΢τͱ ίϯϙʔωϯτΛنఆ͢Δ  APL Data ը໘ʹຒΊࠐΉ ৘ใΛఆٛ͢Δ  APL Command ը໘ͱͷ ΠϯλϥΫγϣϯΛ ఆٛ͢Δ 
12. ※ΠϝʔδͰ͢ɻ APL Data APL Document APL Commands
13. "1-
    %PDVNFOU
14. 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", .......
15. Image / Text Pager Touch Wrapper APL Document ελΠϧγʔτతͳΠϝʔδ Sequence Container Frame Ұํ޲ʹ ίϯϙʔωϯτΛ഑ ஔɻ ͦͷ·Μ·ɻ ը૾ͱจࣈɻ ڥքͱഎܠ৭ɻ ؙΛ࡞ͬͯͦͷதʹς ΩετΛ഑ஔ͢Δɺ౳ ϖʔδϯάॲཧɻ ίϯϙʔωϯτ܈ͷ ഑ྻ͕ೖΔɻ εΫϩʔϧͰදࣔɻ ॎͱԣΛબ΂Δɻ ࢦఆۣͨ͠ܗʹ λονΠϕϯτΛ ΋ͨͤΔ
16. APL DocumentʹΑΔߏ੒
17. APL DocumentʹΑΔߏ੒ Container Container Container Image Image Image Text Text Text Panel Text
18. ΦʔαϦϯάπʔϧ
19. ΦʔαϦϯάπʔϧ "1-
    %PDVNFOUͷߏஙΛखܰʹ
20. "1-
    %BUB
21. ※ΠϝʔδͰ͢ɻ APL Data APL Document APL Commands
22. datasource όΠϯσΟϯά͍ͨ͠%PDVNFOUͷ৔ॴΛม਺Խͯ͠
    EBUBTPVSDFʹσʔλΛೖΕΔ %PDVNFOUͱ%BUBΛͭͳ͙
23. "1-
    $PNNBOE
24. ※ΠϝʔδͰ͢ɻ APL Data APL Document APL Commands
25. APL Commands &YFDVUF$PNNBOETͰಈ࡞Λ+40/ܗࣜͰఆٛɻ
    "1-
    %PDVNFOUͷίϯϙʔωϯτʹ*%Λ͚ͭ
    "1-
    $PNNBOEͷ$PNQPOFOU
    *%Ͱࢦఆͯ͠
    ಈ͖Λ͚ͭΔ "1-
    %PDVNFOUʹಈ͖Λ͚ͭΔ
26. APL Commandsγʔέϯε Sequential SetPage Parallel SpeakItem SetPage Parallel SpeakItem SetPage Parallel SpeakItem …………
27. ࣮૷ํ๏
28. ΠϯλʔϑΣʔεΛઃఆ
29. APL DocumentΛઃఆ
30. A P L D o cu m e n tΛઃఆ
31. addD ir e ctiv e () Ͱ Ϩεϙϯε
32. DocumentͱCommand͸ผ APL Document APL Command
33. RenderDocument document: “cafe.json”, datasources: { cafedata: { properties: {
 dataA: “AAA”, dataB: “BBB”, dataC: “CCC” } } } cafe.json(Lambda) { "type": "Text", "width": "0", "height": "0", "text": "${payload.cafedata.properties.dataA"}, "id": "SpeechDrip", DocumentͱDataSources
34. DocumentͱDataSources RenderDocument cafe.json(Lambda) document: “cafe.json”, datasources: { cafedata: { properties: {
 dataA: “AAA”, dataB: “BBB”, dataC: “CCC” } } } { "type": "Text", "width": "0", "height": "0", "text": "${payload.cafedata.properties.dataA"}, "id": "SpeechDrip",
35. ※ΠϝʔδͰ͢ɻ APL Data APL Document APL Commands
36. "1-
    7JEFP
37. APL Document
38. ओͳϓϩύςΟ audioTrack foreground/background autoplay true/false source ιʔεURL onEnd ऴྃ࣌ͷίϚϯυ
39. Tips 01 02 03 ιʔε63-͸഑ྻܗࣜͰ΋0, "1-
    $PNNBOEٴͼTQFFDI0VUQVU͸࠶ੜதՄೳ BVEJPUSBDL
    GPSFHSPVOE࣌͸1BSSBSFMίϚϯυ͸࢖͑ͳ͍
40. Summ a ry 01 02 03 "1-͸ը૾ɾςΩετɾϘλϯɾϏσΦͳͲ͕ࣗ༝ʹ഑ஔͰ͖Δ "1-
    $PNNBOEͰ"1-ͷૢ࡞͕Մೳ ϏσΦΛ্ख͘࢖͏ͱΑΓྟ৔ײͷ͋ΔεΩϧ͕Ͱ͖ΔΑ