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

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

Transcript

1. ͍ΘΏΔ
   lϑϩϯτΤϯυ͕ͳ͍ੈք
   ʹ͍ͭͯߟ͑Δ ϑϩϯτΤϯυΧϯϑΝϨϯε
   
2. l z ʮ΍Γ͍ͨ͜ͱʯʹ͚ͩ
   ूதͰ͖Δੈͷத΁
3. σϞ͋Γ൛͕ݟ͍ͨํ͸8PSE1SFTTUW΁ IUUQTCMPHXPSEQSFTTUWBNB[POBMFYBXQSFTUBQJHVJMFTTXPSEQSFTTBQQMJDBUJPO
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
       ࣮ ߦ ҕ һ ௕
   )JEFUBLB
   0LBNPUP %JHJUBMDVCF
   %FWFMPQFS
5. 8IBU
   JT
   
   lϑϩϯτΤϯυz
   
6. l z ϑϩϯτΤϯυʢӳ
   GSPOUFOEʣͱόοΫΤϯυ ʢӳ
   CBDLFOEʣ͸ɺϓϩηεͷ࠷ॳͱ࠷ޙͷ޻ ఔΛࢦ͢Ұൠత༻ޠͰ͋Δɻ
   ϑϩϯτΤϯυ͸֤छೖྗΛϢʔβʔ͔Βऩू͠ɺ όοΫΤϯυ͕࢖͑Δ࢓༷ʹ߹͏Α͏ʹͦΕΛՃ޻ ͢ΔɻϑϩϯτΤϯυͱόοΫΤϯυͷ݁߹෦͸Π ϯλϑΣʔεͱݺ͹ΕΔɻ
   
   
   
   
   
   
   ग़యɿ8JLJQFEJB http://bit.ly/2nh3i5F
7. l z ϑϩϯτΤϯυʢӳ
   GSPOUFOEʣͱόοΫΤϯυ ʢӳ
   CBDLFOEʣ͸ɺϓϩηεͷ࠷ॳͱ࠷ޙͷ޻ ఔΛࢦ͢Ұൠత༻ޠͰ͋Δɻ
   ϑϩϯτΤϯυ͸֤छೖྗΛϢʔβʔ͔Βऩू͠ɺ όοΫΤϯυ͕࢖͑Δ࢓༷ʹ߹͏Α͏ʹͦΕΛՃ޻ ͢ΔɻϑϩϯτΤϯυͱόοΫΤϯυͷ݁߹෦͸
   ΠϯλϑΣʔεͱݺ͹ΕΔ
   ग़యɿ8JLJQFEJB http://bit.ly/2nh3i5F
8. (SBQIJD
   6TFS
   *OUFSGBDF
   (6*
9. (SBQIJD
   6TFS
   *OUFSGBDF
   (6*
10. (6*͚͕ͩ
    ϑϩϯτΤϯυͰ͸ͳ͍
11. http://www.nointerface.com/book/
12. ೔ຊޠ൛ http://amzn.asia/cdAwh8U
13. 7PJDF
    6TFS
    *OUFSGBDF
    76*
14. (PPHMF
    $-06%
    41&&$)
    "1* IUUQTDMPVEHPPHMFDPNTQFFDI
15. "NB[PO
    "MFYB IUUQTEFWFMPQFSBNB[PODPNBMFYB
16. Ի੠
    
    ίʔυͷม׵Λߦ͏ IUUQTEFWFMPQFSBNB[PODPNQVCMJDTPMVUJPOTBMFYBBMFYBWPJDFTFSWJDF
19. ίʔυͰ
    Ի੠ίϛϡχέʔγϣϯΛ
    ఆٛ͢Δ
20. 7PJDF
    *OUFSGBDF
    ࢖༻ࣄྫ
21. ΞϝϦΧͷۜߦ $BQJUBM
    0OF https://www.capitalone.com/
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 /
24. B A N K & V U I • Χʔυ࢒ߴͷ֬ೝ • ࣍ճҾ͖མͱ͠೔ͷ֬ೝ • ઌि࢖ֹͬͨۚ͸ʁ • ॅ୐ϩʔϯͷݩຊ • etc…
26. ϗςϧɾඈߦػ༧໿αΠτ &YQFEJB https://www.expedia.co.jp/
27. h t t p s : / / w w w. e x p e d i a . c o m / a l e x a
28. T R I P & V U I • ཱྀߦϓϥϯͷ֬ೝ • ϑϥΠτϓϥϯͷ֬ೝ • ϗςϧͷ༧໿ • ౸ண༧ఆ࣌ࠁͷ֬ೝ • ϨϯλΧʔͷ༧໿ • etc.. https://viewfinder.expedia.com/features/alexa-ask- expedia-get-trip-details/
29. https://youtu.be/bpR7xzr7ipM
30. 76*Λ࢖༻ͨ͠ϒʔεలࣔ %JHJUBM$VCF
    $P
    -UE https://amimoto-ami.com/ amimoto-ninja/
33. B O O T H & V U I • αʔϏεͷ঺հ • αʔϏεͷσϞ • ٕज़ྗΞϐʔϧ • ձ࿩ͷ੾Γޱʹ https://viewfinder.expedia.com/features/alexa-ask- expedia-get-trip-details/
35. -FBSO
    )PX
    UP
    $SFBUF
    "VUPNBUFE
    #VTJOFTT
    8PSLqPXT
    XJUI
    LJOUPOF
    
    "NB[PO`T
    "MFYB
    7PJDF
    4FSWJDFT
    BU
    "84
    SF*OWFOU
     IUUQTCMPHLJOUPOFDPNBXTSFJOWFOUBMFYBWPJDFTFSWJDFTLJOUPOF
36. ϒʔεలࣔʹ"MFYB͸
    ૝૾Ҏ্ʹఆ൪Խ͍ͯ͠Δ
37. 7PJDF
    6TFS
    *OUFSGBDF
    ΞϓϦΛ࡞Δ
38. "NB[PO
    "MFYB
    4LJMMT
    ,JU IUUQTEFWFMPQFSBNB[PODPNBMFYB
39. "NB[PO
    -BNCEB IUUQTBXTBNB[PODPNKQMBNCEB
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
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
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
43. (JU)VCʹΞϓϦ࡞੒νϡʔτϦΞϧ IUUQTHJUIVCDPNBMFYB
44. "MFYBΛ࢖ͬͨγςΟΨΠυνϡʔτϦΞϧ IUUQTHJUIVCDPNBMFYBTLJMMTBNQMFOPEFKTDJUZHVJEF
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
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}
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": [] }, //ҎԼུ
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
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?"; …
50. l z OQN
    JOTUBMM
    BMFYBTEL
51. A W S L a m b d a Ͱ ಈ ͘ ݴ ޠ ͳ Β P y t h o n ΍ C # ͳ Ͳ Ͱ ΋ O K
52. (6*
    
    76*
    
    ͦͷઌͷ࿩
53. ձ࿩͢Δͷ΋
    ΊΜͲ͍͘͞
54. 5PVDI
    6TFS
    *OUFSGBDF
    56*
55. ʮԡ͚ͩ͢ʯͰ঎඼͕खʹೖΔͱ͍͏ମݧ IUUQTXXXBNB[PODPKQC OPEF
56. w ཉ͍͠঎඼ͷϘλϯΛߪೖ
    w BNB[POΞΧ΢ϯτͱ࿈ܞ
    w ϘλϯΛΫϦοΫ
    w ঎඼͕ಧ͘ "NB[PO
    %BTI
    #VUUPO
57. w ཉ͍͠঎඼ͷϘλϯΛߪೖ
    w BNB[POΞΧ΢ϯτͱ࿈ܞ
    w ϘλϯΛΫϦοΫ
    w ঎඼͕ಧ͘ WT
    ௨ൢαΠτ w ঎඼͕ͳ͘ͳΔ
    w 1$
    
    εϚϗΛىಈ
    w ௨ൢαΠτʹΞΫηε
    w ঎඼Λݕࡧ͢Δ
    w ঎඼ΛΧʔτʹೖΕΔ
    w ஫จ͢Δ
    w ঎඼͕ಧ͘
58. ϨδͷཁΒͳ͍εʔύʔ IUUQTXXXBNB[PODPNC OPEF
59. w ΞϓϦΛىಈ
    w ΞϓϦͰόʔίʔυΛදࣔ
    w ήʔτͰόʔίʔυΛ͔͟͢
    w ୨͔Βཉ͍͠΋ͷΛͱΔ
    w ཁΒͳ͍΋ͷ͸୨ʹ໭͢
    w ήʔτ͔Βग़Δ
    w ୨͔Βऔͬͨ΋ͷ͚ͩ՝ۚ "NB[PO
    (0
60. "NB[PO͸
    (6*Ҏ֎ͷΞϓϩʔνΛ
    ணʑͱ૿΍͍ͯ͠Δ
61. "84
    SFJOWFOU
     IUUQTSFJOWFOUBXTFWFOUTDPN
64. $49.99 × 32,000ਓ
65. $49.99 × 32,000ਓ →໿1.8ԯԁ
66. 5IF
    "MFYB
    'VOE IUUQTEFWFMPQFSBNB[PODPNBMFYBGVOE
67. 1VCMJTIFE
    "MFYB
    4LJMMT IUUQTXXXBNB[PODPNC JF65'OPEF
68. 1VCMJTIFE
    "MFYB
    4LJMMT IUUQTXXXBNB[PODPNC JF65'OPEF
69. +"84
    %BZT
     IUUQKBXTEBZTKBXTVHKQ
70. By: Atsushi Ando
72. +"846(
    ,0#&
    "MFYB
    NFFUVQ
    
    
    XJUI
    *OTUB73 IUUQTKBXTVHLPCFEPPSLFFQFSKQFWFOUT
73. ߟ͑Δ΂͖͜ͱ
74. (6*͸͕͜͜μϝʂ
    76*͸͕͜͜ૉ੖Β͍͠ʂ
75. (6*͸͕͜͜μϝʂ
    76*͸͕͜͜ૉ੖Β͍͠ʂ º
76. ͳͥ
    (6*Ҏ֎Ͱ
    Ξϓϩʔνͨ͠ͷ͔ʁ
77. ϒϥ΢β
    
    ΞϓϦΛ։͘खؒ
    WT
    ৘ใྔ
    
    ૢ࡞ྔ
78. G U I Ͱ ͭ Β ͍ • εςʔλεͷ֬ೝ • ܾ·Γ͖ͬͨ࡞ۀ • ʮͳ͕Β࡞ۀʯ V U I Ͱ ͭ Β ͍ • ਖ਼֬ͳ৘ใͷೖྗ • େྔͷ৘ใͷΞ΢τϓοτ • ෳࡶͳબ୒ࢶ
79. "MFYB
    ͕ʮ8PSE1SFTTʯͱೝࣝͯ͘͠Εͳ͍ IUUQTHJUIVCDPNBNJNPUPBNJBNJNPUPBNB[POBMFYBCMPC NBTUFSEBUBBMJBTFTZNM wordpress: - the valkyries - worth press - well press - was the price - why the press - what the press - what race
80. Ϣʔβʔ͕
    ʮΑΓ؆୯ʯͱײ͡Δ
    ΠϯλʔϑΣΠεΛ
    ఏڙ͢Δ
81. (6*͸ͳ͘ͳΒͳ͍
82. ϢʔβʔͷମݧΛ
    ྑ͘͢ΔͨΊʹɺ
    ʮ(6*ʯҎ֎ͷ
    બ୒ࢶΛखʹೖΕΔ
83. l z ʮ΍Γ͍ͨ͜ͱʯʹ͚ͩ
    ूதͰ͖Δੈͷத΁
84. l z ʮ෇ՃՁ஋Λੜ·ͳ͍
    ɹɹॏ࿑ಇ͔Β։์͢Δʯ
    ࢓ࣄΛ͠Α͏ https://aws.amazon.com/jp/blogs/news/new-user-pools-for-amazon-cognito/
85. l z "OZ
    2VFTUJPO