Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018

eureka Meetup #9 Pairs フロントエンドの裏側の発表資料です
https://eure.connpass.com/event/83314/

Transcript

1. 7VF
   'FT
   +BQBO
   
   ͷཪଆ ͍ͷ͏͑ͨ͘΍ʢ͓͍ͪΌΜʣ
   !JOPVFUBLVZB
   
   FVSFLB
   .FFUVQ
   
3. స৬υϥϑτʢCZ
   Ϧϒηϯεʣ ͍ͷ͏͑ͨ͘΍
   
   ͓͍ͪΌΜ
   !JOPVFUBLVZB /VYUKT
   7VFY
   7VFKT
   ެࣜυΩϡϝϯτͷ຋༁ऀɺϝϯςφ ൴ঁ͔Β͸ɺ͓͍ͪΌΜͱݺ͹Ε͍ͯ·͢
4. ٕज़બఆ
5. ςΟβʔαΠτͷཁ݅
6. ςΟβʔαΠτͷཁ݅ wΠϕϯτΛߦ͏͜ͱٴͼΠϕϯτͷ಺༰Λ఻͑ ΒΕΔ͜ͱ
   wࢀՃر๬ऀͷϝʔϧΞυϨεΛొ࿥Ͱ͖Δ͜ͱ
7. ͯ͞ɺԿΛ࢖͓͏͔ʁ
8. ͯ͞ɺԿΛ࢖͓͏͔ʁ wϓϨʔϯͳ
   )5.-
   
   $44
   
   +BWB4DSJQU
   w8PSE1SFTT
   w੩తαΠτδΣωϨʔλʔ
9. ੩తαΠτδΣωϨʔλʔ w+FLZMM
   3VCZ
   .JEEMFNBO
   3VCZ
   w)VHP
   (P
   w)FYP
   /PEFKT
   w4UBUJD(FO
   ʹ͸
   ݸҎ্ฒΜͰ͍Δʜ
10. ཁ݅Λ΋͏গ͠੔ཧ w΋ͪΖΜ࠷ॳ͸αΫοͱ࡞Γ͍ͨʢ։ൃॳ଎ʣ
    wࠓޙ͍Ζ͍Ζͳίϯςϯπ͕௥Ճ͞ΕΔ
    wίϯϙʔωϯτΛ࠶ར༻Ͱ͖ΔΑ͏ʹ͍ͨ͠
    wίϯϙʔωϯτ୯ҐͰʢ$44
    ͳͲΛʣดͯ͡ɺ ϝϯςφϯε͠΍͍ͨ͘͢͠
11. ͦΕͬͯ
    7VFKT
    ͷಘ ҙ෼໺ͳͷͰ͸ʁ
12. ͦΕͬͯ
    7VFKT
    ͷಘҙ෼໺ͳͷͰ͸ʁ wίϯϙʔωϯτࢦ޲
    w4DPQFE
    $44
    w3FBDU
    ΑΓ΋γϯϓϧͳهड़
    w/VYUKT
    ͷग़൪
14. /VYUKT
    ͱ͸ w7VFKT
    ͷΤίγεςϜΛΠΠײ͡ʹ૊Έ߹Θͤͯ͘ ΕΔϑϨʔϜϫʔΫ
    w7VFKT
    WVFSPVUFS
    7VFY
    WVFNFUB
    8FCQBDL
    ͳ Ͳͷ૊Έ߹ΘͤΛ΍ͬͯ͘ΕΔ
    w443
    w੩తϑΝΠϧδΣωϨʔτػೳ΋ಛ௕ͷͻͱͭ
15. ٕज़બఆ·ͱΊ
16. ٕज़બఆ·ͱΊ w੩తαΠτ
    wͪΐͬͱϑΥʔϜ͕͋Δ
    wͪΐͬͱ
    "1*
    ͱ௨৴͕͋Δ
    wαΫοͱͭ͘Γ͍͚ͨͲɺϝϯςφϒϧʹ΋͍ͨ͠
    wͦ͏͍͏ཁ݅ͷͱ͖ʹ
    /VYUKT
    ͷ੩తϑΝΠϧδΣωϨʔ τػೳɺͪΐ͏Ͳ͍͍
17. 7VF1SFTT
18. 7VF1SFTT w੩తαΠτδΣωϨʔλʔ
    w&WBO
    :PV
    ͕ͭͬͨ͘ʢ͍ͭͬͯ͘Δʣ
    w/VYUKT
    ͱڝ߹͢Δ΋ͷͰ͸ͳ͍
    wٕज़υΩϡϝϯτ࡞੒ʹϑΥʔΧε
    w.BSLEPXO
    ʹதʹ
    7VF
    ΛຒΊࠐΉͳͲ
19. ࣮૷
20. σΟϨΫτϦߏ଄
21. σΟϨΫτϦߏ଄ wIUUQTKBOVYUKTPSHHVJEFEJSFDUPSZTUSVDUVSF
    
    wBTTFUT
    wDPNQPOFOUT
    wMBZPVUT
    wQBHFT
    wTUBUJD
    wTUPSF
    w͢͹Β͍͠ɻ͜Ε͕
    7VFKT
    ΞϓϦέʔγϣϯͷඪ४ʹͳͬͯ΄͍͠
22. TSD
    σΟϨΫτϦ
23. TSD
    σΟϨΫτϦ wOVYUDPNNVOJUZTUBSUFSUFNQMBUF
    Ͱ͸ϧʔ τσΟϨΫτϦʹ
    DPNQPOFOUT
    ͳͲΛฒ΂ Δ
    wUFTU
    ΍
    EJTU
    ͋Δ͍͸
    DPOpH
    ͳͲͱࠞͬ͟ ͯ෼͔Γʹ͘͘ͳΔҹ৅
24. TSD
    σΟϨΫτϦ wWVFKTUFNQMBUFT
    wGBDFCPPLDSFBUFSFBDUBQQ
    wBOHVMBSBOHVMBSDMJ
    w3VCZ
    PO
    3BJMT
25. TSD
    σΟϨΫτϦ
26. $44
27. $44 wίϯϙʔωϯτͰด͍ͨ͡΋ͷ
    wΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞΋ͷ
28. ίϯϙʔωϯτͰด͍ͨ͡΋ͷ
29. ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞΋ͷ wάϩʔόϧʹద༻͍ͨ͠
    $44
    wλΠϙάϥϑΟͳͲ
    w֤ίϯϙʔωϯτ಺ʹಡΈࠐ·ͤΔ
    w4$44
    ͷม਺ͳͲ
30. ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞΋ͷ
31. 7VF
    ίϯϙʔωϯτ
32. 7VF
    ίϯϙʔωϯτ wಠཱͯ͠ػೳΛఏڙ͢Δ΋ͷ
    wجఈίϯϙʔωϯτ
    wΞϓϦέʔγϣϯݻ༗ͷελΠϧ΍ϧʔϧΛ ద༻͢Δ΋ͷ
33. ಠཱͯ͠ػೳΛఏڙ͢Δ΋ͷ
34. ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτͷྫ
35. ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτྫ
36. Ϣʔεέʔε
37. ࣮૷
38. جఈίϯϙʔωϯτ
39. جఈίϯϙʔωϯτ wΞϓϦέʔγϣϯݻ༗ͷελΠϧ΍ϧʔϧΛద ༻͢Δ΋ͷ
    wϨΠΞ΢τ
    w$BSE
40. جఈίϯϙʔωϯτͷྫ IUUQFMFNFOUFMFNFJP
41. جఈίϯϙʔωϯτͷྫ
42. Ϣʔεέʔε w֤ཁૉΛͦΕͧΕίϯϙʔωϯτͱͯ͠࢖͏
    w֤ཁૉΛ໊લ෇͖
    TMPU
    Ͱ࢖͏
43. ֤ཁૉΛίϯϙʔωϯτͱͯ͠࢖͏
44. ֤ཁૉΛ໊લ෇͖
    TMPU
    Ͱ࢖͏
45. ֤ཁૉΛ໊લ෇͖
    TMPU
    Ͱ࢖͏
46. ࣮૷
47. ༨നͷઃܭ
48. ୭͕༨നʹ੹೚Λ࣋ͭ΂͖͔
49. IUUQCSBEGSPTUDPNCMPHQPTUBUPNJDXFCEFTJHO
50. *OTFU
    ύλʔϯ ʢ྘ͷਤʣIUUQTXXXTMJEFTIBSFOFUNBOBCVZBTVEBTT
51. ςετ
52. WVFUFTUVUJMT
53. ϗεςΟϯά
55. ࢀߟʹͨ͠΋ͷ
56. "XFTPNF
    /VYU w0⒏DJBM
    &YBNQMFT
    w)BDLFSOFXT
    ͳͲ
    w1SPKFDUT
    6TJOH
    /VYUKT
57. 6*
    ϑϨʔϜϫʔΫ w&MFNFOU
    w7VFUJGZ
    wJ7JFX
    wWVFNBUFSJBM
    wCPPUTUSBQWVF
58. 8FC
    $PNQPOFOUT
59. ελΠϧΨΠυ wελΠϧΨΠυ
    wIUUQTKQWVFKTPSHWTUZMFHVJEFJOEFYIUNM
    w7VFKT
    ίϯϙʔωϯτ
    ελΠϧΨΠυ
    wIUUQTHJUIVCDPNQBCMPIQTJMWBWVFKT DPNQPOFOUTUZMFHVJEFCMPCNBTUFS 3&"%.&+1NE