Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
#AAJUG vol.2 APL ハンズオン
chao2suke
March 01, 2019
Technology
0
1.5k
#AAJUG vol.2 APL ハンズオン
2019/03/01 開催
Amazon Alexa Japan User Group (AAJUG) 関東支部 vol.2
「Alexaスキル開発ハンズオン 〜APL対応スキルのつくりかた〜」資料
chao2suke
March 01, 2019
Tweet
Share
More Decks by chao2suke
See All by chao2suke
chao2suke
0
780
chao2suke
0
670
chao2suke
0
640
chao2suke
0
560
chao2suke
0
95
chao2suke
0
1.3k
chao2suke
0
980
chao2suke
0
170
chao2suke
0
320
Other Decks in Technology
See All in Technology
ganariya
0
320
opdavies
0
1.6k
siroemk
0
280
kilometer
0
160
simplework_oi
0
180
kraj
0
5.4k
seto_hi
0
120
hisaichi5518
0
210
ocise
0
200
clustervr
0
170
yasuakiomokawa
0
400
muras
0
120
Featured
See All Featured
lara
590
61k
sugarenia
233
840k
62gerente
587
200k
chrislema
173
14k
notwaldorf
13
1.6k
addyosmani
1347
190k
jasonvnalue
82
8.1k
dotmariusz
94
5.1k
jmmastey
9
540
pauljervisheath
195
15k
sstephenson
144
12k
thoeni
4
550
Transcript
APL ϋϯζΦϯ AAJUG vol.2 2019.03.01 HASHTAG: #AAJUG
ߨࢣհ
ਗ਼ ߶࢙ʢͤʔͷʣ Ϋϥεϝιουגࣜձࣾ ࡳຈΦϑΟεॴଐ ׆ಈ༰ ίϛϡχςΟʮAlexa Salonʯओ࠵ ίϛϡχςΟʮAmazon Alexa Japan
User GroupʯӡӦ Amazonೝఆ Alexa ΤʔδΣϯγʔ ॻ੶ʮ͡ΊͯͷAlexaεΩϧ։ൃʯࣥච Classmethod, Inc. AI Solution Department Alexa Technical Evangelist / VUI Architect
AGENDA
Step #1 Step #3 Step #5 Step #2 Step #4
APLͰͰ͖Δ͜ͱ APLΛΜͰΈΑ͏ ॓(STEP4)ղઆ Ξϯέʔτ ϋϯζΦϯSTEP1 ϋϯζΦϯSTEP2ʙ3 ղઆ
APL Alexa Presentation Language
Display Template ܾ·ͬͨʹςΩετը૾ΛͯΊΔɻ 01 02 03 ࣗ༝͕͍ɻ هड़͕؆୯ɻ
APL ࣗ༝͕ߴ͍ɻ 01 02 03 ը໘ͷେ͖͞Ͱग़͚͠ΒΕΔɻ ಈ͖͕͚ͭΒΕΔɻ
APLͰͰ͖Δ͜ͱ
01 07 02 03 06 05 04 APL͕ Ͱ͖Δ͜ͱ APL
ಡΈ্͛ςΩετಉظ 01. 02. 03. 04. 05. 06. 07. ը໘αΠζ͝ͱͷग़͚͠ σʔλͱϨΠΞτͷ εΫϩʔϧରԠ εϥΠυγϣʔ ಈతͳUIͷߏங λονɺεϫΠϓରԠ
STEP1 - 10
Hands on -STEP1 ͜ͷޙͷϋϯζΦϯͷϕʔεͱͳΔԻεΩϧΛߏங͠·͢ɻ ίϐʔˍϖʔετͷΈͳͷͰ͋ͬͱ͍͏ؒʹͰ͖Δͣʂ develop basic skill Point ʮ͋ͳͨͷ໊લʯAMAZON.FirstNameεϩοτΛ༻͍ͯ͠·͢ɻ
͠ೝࣝ͞Εʹ͍͘߹εϩοτʹॻ͘ͷ͕͍͍͔ɻ
APLجૅߨ࠲
APL Document ը໘ϨΠΞτͱ ίϯϙʔωϯτΛنఆ͢Δ APL Data ը໘ʹຒΊࠐΉ ใΛఆٛ͢Δ
APL Command ը໘ͱͷ ΠϯλϥΫγϣϯΛ ఆٛ͢Δ
※ΠϝʔδͰ͢ɻ APL Data APL Document APL Commands
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", .......
Image / Text Pager Touch Wrapper APL Document ελΠϧγʔτతͳΠϝʔδ Sequence
Container Frame Ұํʹ ίϯϙʔωϯτΛஔɻ ͦͷ·Μ·ɻ ը૾ͱจࣈɻ ڥքͱഎܠ৭ɻ ؙΛ࡞ͬͯͦͷதʹς ΩετΛஔ͢Δɺ ϖʔδϯάॲཧɻ ίϯϙʔωϯτ܈ͷ ྻ͕ೖΔɻ εΫϩʔϧͰදࣔɻ ॎͱԣΛબΔɻ ࢦఆۣͨ͠ܗʹ λονΠϕϯτΛ ͨͤΔ
APL DocumentʹΑΔߏ
APL DocumentʹΑΔߏ Container Container Container Image Image Image Text Text
Text Panel Text
ΦʔαϦϯάπʔϧ
ΦʔαϦϯάπʔϧ APL DocumentͷߏஙΛखܰʹ
ମݧͯ͠ΈΑ͏
STEP2 - 15
Hands on -STEP2 STEP1ͷεΩϧʹAPLͷը૾ΛՃ͠·͢ɻ ͪ͜ΒίϐʔˍϖʔετͷΈʂ develop APL Top page Point
Lambdaʹ৽ͨʹϑΥϧμϑΝΠϧΛՃ͠·͢ɻ ͜ͷ௲ΓେจࣈখจࣈΛؒҧ͑ͳ͍Α͏ʹʂ
STEP2ղઆ
σʔλόΠϯσΟϯά
datasource όΠϯσΟϯά͍ͨ͠DocumentͷॴΛมԽͯ͠ datasourceʹσʔλΛೖΕΔ DocumentͱDataΛͭͳ͙
http:/ /bit.ly/aajug-apl-doc-top
Lambda͔ΒData Binding
STEP3 - 20
Hands on -STEP3 STEP2ͷεΩϧʹAPLͷը૾ΛՃ͠ɺ ಈతʹσʔλόΠϯσΟϯά͠·͢ɻ ίʔυ͕ൈ͚͍ͯΔͷͰɺߟ͑ͯຒΊͯΈΑ͏ʂ ޭͨ͠Β࣮ࡍʹϝοηʔδ͕ඈͿΑʂ develop APL Staff
page Point σʔλόΠϯσΟϯάΛLambda͔Βߦ͏ʹͲ͏͢ΔΜͰ͚ͨͬ͠ʁ
STEP3ղઆ
STEP4
STEP4ղઆ
APL Commands ExecuteCommandsͰಈ࡞ΛJSONܗࣜͰఆٛɻ APL DocumentͷίϯϙʔωϯτʹIDΛ͚ͭ APL CommandͷComponent IDͰࢦఆͯ͠ ಈ͖Λ͚ͭΔ APL
Documentʹಈ͖Λ͚ͭΔ
APL Commandsγʔέϯε Sequential SetPage Parallel SpeakItem SetPage Parallel SpeakItem SetPage
Parallel SpeakItem …………
STEP4Ͱ͍ͬͯΔTips 01 02 03 04 APL DocumentʹTextΛ෯0ͰࠐΉɻ PagerͱTextΛಉϨϕϧͰContainerʹೖΕΔ SpeakItemͱSetPageΛParallelίϚϯυͰ͘͘Γɺ ϖʔδભҠͱಉ࣌ʹൃͤ͞Δ
APL DataͷTransformersΛͬͯSSMLΛԻ ʹม 3. ΛSequentialίϚϯυͰॱ൪ʹྲྀ͢ 05 ࠷ॳʹશը૾Λදࣔ͢Δ͜ͱͰը૾ΛΩϟογϡͤ͞ɺ λΠϛϯά͕ͣΕͳ͍Α͏ʹ͢Δ
Alexa Day 2019 https:/ /alexaday2019.aajug.jp
͓ർΕ༷Ͱͨ͠ See you next AAJUG!