いわゆる"フロントエンド"がない世界について考える

 いわゆる"フロントエンド"がない世界について考える

フロントエンドカンファレンス 2017

75486cbfd37125f121cf4a6c5614601c?s=128

Hidetaka Okamoto

March 18, 2017
Tweet

Transcript

  1. 4.

    w 8 P S E # F O D I

    ژ ౎ Ϟ σ Ϩ ʔ λ  w 8 P S E 1 S F T T ೔ ຊ ޠ ϑ Υ ʔ ϥϜ ੈ ࿩ ໾  w 8 P S E $ B N Q  ,Z P U P      ࣮ ߦ ҕ һ ௕  )JEFUBLB0LBNPUP %JHJUBMDVCF%FWFMPQFS
  2. 17.
  3. 18.
  4. 22.

    h t t p s : / / w w

    w. c a p i t a l o n e . c o m / a p p l i c a t i o n s / a l e x a /
  5. 23.
  6. 24.

    B A N K & V U I • Χʔυ࢒ߴͷ֬ೝ

    • ࣍ճҾ͖མͱ͠೔ͷ֬ೝ • ઌि࢖ֹͬͨۚ͸ʁ • ॅ୐ϩʔϯͷݩຊ • etc…
  7. 25.
  8. 27.

    h t t p s : / / w w

    w. e x p e d i a . c o m / a l e x a
  9. 28.

    T R I P & V U I • ཱྀߦϓϥϯͷ֬ೝ

    • ϑϥΠτϓϥϯͷ֬ೝ • ϗςϧͷ༧໿ • ౸ண༧ఆ࣌ࠁͷ֬ೝ • ϨϯλΧʔͷ༧໿ • etc.. https://viewfinder.expedia.com/features/alexa-ask- expedia-get-trip-details/
  10. 31.
  11. 32.
  12. 33.

    B O O T H & V U I •

    αʔϏεͷ঺հ • αʔϏεͷσϞ • ٕज़ྗΞϐʔϧ • ձ࿩ͷ੾Γޱʹ https://viewfinder.expedia.com/features/alexa-ask- expedia-get-trip-details/
  13. 34.
  14. 40.

    A u d i o C a p t u

    re A u d i o P l a y b a c k R u n s o m e s c r i p t s Ta l k s o m t h i n g R e s p o n c e S p e e c h t o Te x t Te x t t o S p e e c h
  15. 41.

    A u d i o C a p t u

    re A u d i o P l a y b a c k R u n s o m e s c r i p t s Ta l k s o m t h i n g R e s p o n c e S p e e c h t o Te x t Te x t t o S p e e c h A L E X A S K I L L S K I T
  16. 42.

    A u d i o C a p t u

    re A u d i o P l a y b a c k R u n s o m e s c r i p t s Ta l k s o m t h i n g R e s p o n c e S p e e c h t o Te x t Te x t t o S p e e c h AW S L A M B D A A L E X A S K I L L S K I T
  17. 45.

    A u d i o C a p t u

    re A u d i o P l a y b a c k R u n s o m e s c r i p t s Ta l k s o m t h i n g R e s p o n c e S p e e c h t o Te x t Te x t t o S p e e c h A L E X A S K I L L S K I T
  18. 46.

    ʮΠϯςϯτ໊"MFYB΁ݴ͏಺༰ʯͰఆٛ \ม਺໊^ͱ͍͏ܗͰม਺΋ఆٛͰ͖Δ getTopFiveIntent tell me top five things to do

    getTopFiveIntent what are the top five things to do getTopFiveIntent what I should see getAttractionIntent tell me what to do getAttractionIntent give me an attraction getMoreInfoIntent tell me more about {attraction} getMoreInfoIntent open attraction {attraction} getMoreInfoIntent open number {attraction}
  19. 47.

    Πϯςϯτͷఆٛ͸+40/ܗࣜ IUUQTHJUIVCDPNBMFYBTLJMMTBNQMFOPEFKTDJUZHVJEFCMPCNBTUFS TQFFDI"TTFUTJOUFOU4DIFNBKTPO { "intents": [ { "intent": "getOverview", "slots":

    [] }, { "intent": "getTopFiveIntent", "slots": [] }, { "intent": "getAttractionIntent", "slots": [] }, { "intent": "getMoreInfoIntent", "slots": [{ "name": "attraction", "type": "AMAZON.NUMBER" }] }, { "intent": "getNewsIntent", "slots": [] }, { "intent": "AMAZON.YesIntent", "slots": [] }, //ҎԼུ
  20. 48.

    A u d i o C a p t u

    re A u d i o P l a y b a c k R u n s o m e s c r i p t s Ta l k s o m t h i n g R e s p o n c e S p e e c h t o Te x t Te x t t o S p e e c h AW S L A M B D A
  21. 49.

    ϨεϙϯεςΩετ͸/PEFKTͰੜ੒͢Δ IUUQTHJUIVCDPNBMFYBTLJMMTBNQMFOPEFKTDJUZHVJEFCMPCNBTUFS TSDJOEFYKT var Alexa = require('alexa-sdk'); var http =

    require('http'); var location = "Seattle"; var welcomeMessage = location + " Guide. You can ask me for an attraction, the local news, or say help. What will it be?"; …
  22. 51.

    A W S L a m b d a Ͱ

    ಈ ͘ ݴ ޠ ͳ Β P y t h o n ΍ C # ͳ Ͳ Ͱ ΋ O K
  23. 57.

    w ཉ͍͠঎඼ͷϘλϯΛߪೖ w BNB[POΞΧ΢ϯτͱ࿈ܞ w ϘλϯΛΫϦοΫ w ঎඼͕ಧ͘ WT௨ൢαΠτ w

    ঎඼͕ͳ͘ͳΔ w 1$εϚϗΛىಈ w ௨ൢαΠτʹΞΫηε w ঎඼Λݕࡧ͢Δ w ঎඼ΛΧʔτʹೖΕΔ w ஫จ͢Δ w ঎඼͕ಧ͘
  24. 62.
  25. 63.
  26. 71.
  27. 78.

    G U I Ͱ ͭ Β ͍ • εςʔλεͷ֬ೝ •

    ܾ·Γ͖ͬͨ࡞ۀ • ʮͳ͕Β࡞ۀʯ V U I Ͱ ͭ Β ͍ • ਖ਼֬ͳ৘ใͷೖྗ • େྔͷ৘ใͷΞ΢τϓοτ • ෳࡶͳબ୒ࢶ