Alexa Presentation Language for multi-screen apps

主に AWS re:Invent 2018 ワークショップのフィードバック

Transcript

1. ALEXA PRESENTATION LANGUAGE FOR MULTI-SCREEN APPS MEGURO.ES IN RAKSUL AT DEC 6, 2018
2. 
   •  •GitHub / Twitter / Qiita : @ovrmrw •     
3. 
   Deliver richer interactions
   Control layout and visual expression
   Optimize for 10s of millions of Alexa devices
   Simplify navigation for customers Alexa Presentation Language
4. http://alexa.design
5.  
    Alaxa 
6.    alexa presentation language 
   
7.  
    (  )
8. APL DOCUMENT
9. APL Directive 
    (ref) https://developer.amazon.com/ja/docs/alexa-presentation-language/apl-overview.html
10. APL Document  JSON 
     (ref) https://developer.amazon.com/ja/docs/alexa-presentation-language/apl-document.html
11. APL Directive  document  
      JSON (APL Document)   
12. APL Document 
     
13. VIEWPORT PROFILE
14. @viewportProfile
    Describe the properties of the screen on the device
    Accessible in the skill code and on the template Visual Characteristics Framework
15. APL Document 
       import 
16. for Echo Show (medium screen) for Echo Spot (small screen) When Clauses
17.    UI
    
18. CSS
    Flexbox/Yoga  (ref) https://yogalayout.com/
19. APL DATA SOURCE
20. APL Data Source  JSON 
     (ref) https://developer.amazon.com/ja/docs/alexa-presentation-language/apl-data-source.html
21. APL Directive  datasources  
      JSON (APL Data Source)   
22. APL Document parameters     
    
23. APL Data Source 
     APL Document  
24. 
    
25. 1218 () AWS re:Invent
       
26. THANKS