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

Progressive Repro Frontend #vuefes

544edf5a0f3541a800f0b2911a3176df?s=47 cheezenaan
November 03, 2018

Progressive Repro Frontend #vuefes

Lunch Sponsor session in Vue Fes Japan 2018

544edf5a0f3541a800f0b2911a3176df?s=128

cheezenaan

November 03, 2018
Tweet

More Decks by cheezenaan

Other Decks in Technology

Transcript

  1. Progressive Repro Frontend @cheezenaan Repro inc. Vue Fes Japan 2018

  2. Have you enjoyed Vue Fes Japan 2018? !

  3. @cheezenaan Repro inc. Progressive Repro Frontend Vue Fes Japan 2018

  4. What’s Repro?

  5. IUUQTSFQSPJP

  6. Web / App Marketing Automation IUUQTSFQSPJP

  7. αϒεΫϦϓγϣϯΛ ղ໿ͦ͠͏ͳϢʔβʔ ͚ͩʹ ϓογϡ௨஌ΛૹΓ͍ͨ

  8. αϒεΫϦϓγϣϯΛ ղ໿ͦ͠͏ͳϢʔβʔ ͚ͩʹ ϓογϡ௨஌ΛૹΓ͍ͨ

  9. Repro ͳΒ αΫοͱͰ͖·͢

  10. ਺ઍສͷτϥϑΟοΫ ਺ԯ௨ͷϓογϡ഑৴ per day

  11. “ͱΓ͋͑ͣ Repro ೖΕΑ͏” Λੈքن໛Ͱ໨ࢦͯ͠·͢

  12. Ͱɺ͓Ίʔ୭Αʁ

  13. @cheezenaan Application Engineer Loves: - TypeScript - Curry NOT callee

    $ - Kyoto Animation
  14. ΑΖ͘͠ ͓Ͷ͕͍͠·͢

  15. ͔͜͜Βຊฤ

  16. Progressive Repro Frontend

  17. Progressive Repro Frontend

  18. ࣌ʹɺ੢ྐྵ 2014 ೥

  19. ࣌ʹɺ੢ྐྵ 2014 ೥

  20. Repro, ஀ੜ

  21. άϥϑΟΧϧͳ ෼ੳը໘ΛΰϦΰϦ࣮૷ in RoR + jQuery

  22. ͔ΜͨΜͳϩδοΫΛ मਖ਼͢Δ͚ͩͳͷʹ DOM ߏ଄Λ୮೦ʹ ಡΈղ͔ͳ͍ͱࢮ͵

  23. None
  24. IUUQTWVFKTPSH

  25. Vue.js IUUQTWVFKTPSH

  26. Declarative Rendering Two-way Binding IUUQTWVFKTPSH

  27. An incrementally adoptable ecosystem IUUQTWVFKTPSH

  28. IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE8O:TY3.J/&"S5Y[Y9)E,F)$K57YNQUHI+C&TFEJUTMJEFJEHGD@

  29. IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE8O:TY3.J/&"S5Y[Y9)E,F)$K57YNQUHI+C&TFEJUTMJEFJEHGD@ Progressive Framework

  30. ςΟϯʂ

  31. None
  32. v0.12.0

  33. σʔλ΍ϩδοΫͱ DOM ඳըΛ෼཭

  34. ςετ͠΍͍͢ʂ

  35. ͦͷޙαʔϏε͸ ॱௐʹ੒௕ΛॏͶ

  36. IUUQTRJJUBDPNFEXBSELFOGPYJUFNTGBBEB

  37. ೔ʑͷ։ൃͰ ಘͨ஌ݟ͸ ੯͠·ͣൃ৴ IUUQTRJJUBDPNFEXBSELFOGPYJUFNTGBBEB

  38. ͦͯ͠ɺ

  39. ࣌ʹɺ੢ྐྵ 2017 ೥

  40. ϚʔέςΟϯάػೳ֦ॆ ໠྽ͳ੎͍ͰෳࡶԽ͢Δ ೖྗϑΥʔϜ

  41. ίϯϙʔωϯτͷ ঢ়ଶ؅ཧͭΒͨΜ

  42. None
  43. IUUQTWVFYWVFKTPSH

  44. Vuex IUUQTWVFYWVFKTPSH

  45. Store management pattern + library IUUQTWVFYWVFKTPSH

  46. tailored specifically for Vue.js IUUQTWVFYWVFKTPSH

  47. ͳΔ΄Ͳ…

  48. None
  49. None
  50. None
  51. ࢼߦࡨޡ͠ͳ͕Β ஌ݟΛͨΊͭͭ

  52. ΞϓϦέʔγϣϯͷঢ়ଶΛ UI ͷঢ়ଶ͔Β੾Γ཭ͯ͠ ू໿͍ͤͯ͘͞

  53. None
  54. ίϯϙʔωϯτͷ ݟ௨͕͠ྑ͘ͳͬͨ

  55. ΊͰͨ͠ΊͰͨ͠ =ऴ=

  56. ͦͯ͠ɺ

  57. ࣌ʹɺ੢ྐྵ 2018 ೥

  58. ຖ೥ xx0% ੒௕͢Δ ϏδωεΛࢧ͑ΔͨΊͷ ݎ࿚ͳΞʔΩςΫνϟΛ ੔͑ͭͭ

  59. ΑΓεϐʔσΟʹ ܧଓతʹ Ϣʔβʔ΁Ձ஋Λ ಧ͚͍ͨ

  60. ๲େͳσʔλͷه࿥ɾՃ޻ ฒྻϫʔΫϑϩʔΤϯδϯ ෼ੳɾϚʔέςΟϯά UI / UX

  61. ๲େͳσʔλͷه࿥ɾՃ޻ ฒྻϫʔΫϑϩʔΤϯδϯ ෼ੳɾϚʔέςΟϯά UI / UX

  62. None
  63. ͋Ε΋͍ͨ͠ ͜Ε΋͍ͨ͠

  64. ΍Γ͍ͨ͜ͱ͕ ΋Γͩ͘͞Μ

  65. None
  66. ςΟϯʂͱ͖ͨ ͦ͜ͷ͋ͳͨ !

  67. ͓͢͢Ίͷձࣾ ஌ͬͯ·͢

  68. IUUQTXXXXBOUFEMZDPNDPNQBOJFTSFQSP

  69. IUUQTXXXXBOUFEMZDPNDPNQBOJFTSFQSP

  70. 2018 2014 2017 2016 2015 v2.5.x v1.0.28 Completely Decaffeinated v3.1.x

    (TBD…) v0.12 ࢲͨͪͱ ੈքΛ ໨ࢦ͠·ͤΜ͔
  71. End

  72. End?

  73. One more thing …

  74. ϊϕϧςΟ͋Γ〼 εςοΧʔ Tγϟπ

  75. Vue Fes ձ৔Ͱ ΅͘ͱѲख

  76. Thank you