Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Af07bd495bf9d1c5ada34ed221671624?s=128

INOUE Takuya

April 25, 2018
Tweet

Transcript

  1. 7VF'FT+BQBOͷཪଆ ͍ͷ͏͑ͨ͘΍ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB FVSFLB.FFUVQ

  2. None
  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ͷग़൪

  13. None
  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 w3VCZPO3BJMT

  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. ϗεςΟϯά

  54. None
  55. ࢀߟʹͨ͠΋ͷ

  56. "XFTPNF/VYU w0⒏DJBM&YBNQMFT w)BDLFSOFXTͳͲ w1SPKFDUT6TJOH/VYUKT

  57. 6*ϑϨʔϜϫʔΫ w&MFNFOU w7VFUJGZ wJ7JFX wWVFNBUFSJBM wCPPUTUSBQWVF

  58. 8FC$PNQPOFOUT

  59. ελΠϧΨΠυ wελΠϧΨΠυ wIUUQTKQWVFKTPSHWTUZMFHVJEFJOEFYIUNM w7VFKTίϯϙʔωϯτελΠϧΨΠυ wIUUQTHJUIVCDPNQBCMPIQTJMWBWVFKT DPNQPOFOUTUZMFHVJEFCMPCNBTUFS 3&"%.&+1NE

  60. None