Progressive Repro Frontend #vuefes

Lunch Sponsor session in Vue Fes Japan 2018

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. …
19. ࣌ʹɺ੢ྐྵ 2014 ೥
20. ࣌ʹɺ੢ྐྵ 2014 ೥
21. Repro, ஀ੜ
22. άϥϑΟΧϧͳ ෼ੳը໘ΛΰϦΰϦ࣮૷ in RoR + jQuery
23. ͔ΜͨΜͳϩδοΫΛ मਖ਼͢Δ͚ͩͳͷʹ DOM ߏ଄Λ୮೦ʹ ಡΈղ͔ͳ͍ͱࢮ͵
25. IUUQTWVFKTPSH
26. Vue.js IUUQTWVFKTPSH
27. Declarative Rendering Two-way Binding IUUQTWVFKTPSH
28. An incrementally adoptable ecosystem IUUQTWVFKTPSH
29. IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE8O:TY3.J/&"S5Y[Y9)E,F)$K57YNQUHI+C&TFEJUTMJEFJEHGD@
30. IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE8O:TY3.J/&"S5Y[Y9)E,F)$K57YNQUHI+C&TFEJUTMJEFJEHGD@ Progressive Framework
31. ςΟϯʂ
33. v0.12.0
34. σʔλ΍ϩδοΫͱ DOM ඳըΛ෼཭
35. ςετ͠΍͍͢ʂ
36. ͦͷޙαʔϏε͸ ॱௐʹ੒௕ΛॏͶ
37. IUUQTRJJUBDPNFEXBSELFOGPYJUFNTGBBEB
38. ೔ʑͷ։ൃͰ ಘͨ஌ݟ͸ ੯͠·ͣൃ৴ IUUQTRJJUBDPNFEXBSELFOGPYJUFNTGBBEB
39. ͦͯ͠ɺ
40. ࣌ʹɺ੢ྐྵ 2017 ೥
41. ϚʔέςΟϯάػೳ֦ॆ ໠྽ͳ੎͍ͰෳࡶԽ͢Δ ೖྗϑΥʔϜ
42. ίϯϙʔωϯτͷ ঢ়ଶ؅ཧͭΒͨΜ
44. IUUQTWVFYWVFKTPSH
45. Vuex IUUQTWVFYWVFKTPSH
46. Store management pattern + library IUUQTWVFYWVFKTPSH
47. tailored specifically for Vue.js IUUQTWVFYWVFKTPSH
48. ͳΔ΄Ͳ…
52. ࢼߦࡨޡ͠ͳ͕Β ஌ݟΛͨΊͭͭ
53. ΞϓϦέʔγϣϯͷঢ়ଶΛ UI ͷঢ়ଶ͔Β੾Γ཭ͯ͠ ू໿͍ͤͯ͘͞
55. ίϯϙʔωϯτͷ ݟ௨͕͠ྑ͘ͳͬͨ
56. ΊͰͨ͠ΊͰͨ͠ =ऴ=
57. ͦͯ͠ɺ
58. ࣌ʹɺ੢ྐྵ 2018 ೥
59. ຖ೥ xx0% ੒௕͢Δ ϏδωεΛࢧ͑ΔͨΊͷ ݎ࿚ͳΞʔΩςΫνϟΛ ੔͑ͭͭ
60. ΑΓεϐʔσΟʹ ܧଓతʹ Ϣʔβʔ΁Ձ஋Λ ಧ͚͍ͨ
61. ๲େͳσʔλͷه࿥ɾՃ޻ ฒྻϫʔΫϑϩʔΤϯδϯ ෼ੳɾϚʔέςΟϯά UI / UX
62. ๲େͳσʔλͷه࿥ɾՃ޻ ฒྻϫʔΫϑϩʔΤϯδϯ ෼ੳɾϚʔέςΟϯά UI / UX
64. ͋Ε΋͍ͨ͠ ͜Ε΋͍ͨ͠
65. ΍Γ͍ͨ͜ͱ͕ ΋Γͩ͘͞Μ
67. ςΟϯʂͱ͖ͨ ͦ͜ͷ͋ͳͨ !
68. ͓͢͢Ίͷձࣾ ஌ͬͯ·͢
69. IUUQTXXXXBOUFEMZDPNDPNQBOJFTSFQSP
70. IUUQTXXXXBOUFEMZDPNDPNQBOJFTSFQSP
71. 2018 2014 2017 2016 2015 v2.5.x v1.0.28 Completely Decaffeinated v3.1.x (TBD…) v0.12 ࢲͨͪͱ ੈքΛ ໨ࢦ͠·ͤΜ͔
72. End
73. End?
74. One more thing …
75. ϊϕϧςΟ͋Γ〼 εςοΧʔ Tγϟπ
76. Vue Fes ձ৔Ͱ ΅͘ͱѲख
77. Thank you