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

Progressive Repro Frontend #vuefes

Avatar for cheezenaan cheezenaan
November 03, 2018
Technology
3
940

Progressive Repro Frontend #vuefes

Lunch Sponsor session in Vue Fes Japan 2018

Avatar for cheezenaan

cheezenaan

November 03, 2018
Tweet

More Decks by cheezenaan

See All by cheezenaan
Repro の Web SDK 開発を支える技術 / How to deal with Web SDK development at Repro
Avatar for cheezenaan cheezenaan
3
2.9k

Other Decks in Technology

See All in Technology
Shadow DOM & Security - Exploring the boundary between light and shadow
Avatar for Masato Kinugawa masatokinugawa
0
650
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
Avatar for Gunther Brunner gunta
11
3.1k
DATA+AI SummitとSnowflake Summit: ユーザから見た共通点と相違点 / DATA+AI Summit and Snowflake Summit
Avatar for NTT docomo Business nttcom
0
190
OTel 公式ドキュメント翻訳 PJ から始めるコミュニティ活動/Community activities starting with the OTel official document translation project
Avatar for Msksgm msksgm
0
200
MCP とマネージド PaaS で実現する大規模 AI アプリケーションの高速開発
Avatar for Nahoko Ushirokawa nahokoxxx
1
1.4k
データエンジニアリング 4年前と変わったこと、 4年前と変わらないこと
Avatar for Sotaro Tanaka tanakarian
2
340
室長の逆襲 ：データ活用の陣地を増やすためのヒント
Avatar for 阿部 昌利 masatoshi0205
0
180
TypeScript 上達の道
Avatar for Kanon ysknsid25
3
360
Semantic Machine Intelligence for Vision, Language, and Actions
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
2
380
エンジニアリングマネージャー“お悩み相談”パネルセッション
Avatar for ar_tama ar_tama
1
640
P2P ではじめる WebRTC のつまづきどころ
Avatar for tnoho tnoho
1
190
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
Avatar for Taiki Sugawara taikis
1
270

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
Done Done
Avatar for chrislema chrislema
184
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k
KATA
Avatar for Megan Lloyd mclloyd
30
14k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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 ߏ଄Λ୮೦ʹ ಡΈղ͔ͳ͍ͱࢮ͵

  24. None

  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. ςΟϯʂ

  32. None

  33. v0.12.0

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

  35. ςετ͠΍͍͢ʂ

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

  37. IUUQTRJJUBDPNFEXBSELFOGPYJUFNTGBBEB

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

  39. ͦͯ͠ɺ

  40. ࣌ʹɺ੢ྐྵ 2017 ೥

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

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

  43. None

  44. IUUQTWVFYWVFKTPSH

  45. Vuex IUUQTWVFYWVFKTPSH

  46. Store management pattern + library IUUQTWVFYWVFKTPSH

  47. tailored specifically for Vue.js IUUQTWVFYWVFKTPSH

  48. ͳΔ΄Ͳ…

  49. None
  50. None
  51. None

  52. ࢼߦࡨޡ͠ͳ͕Β ஌ݟΛͨΊͭͭ

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

  54. None

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

  56. ΊͰͨ͠ΊͰͨ͠ =ऴ=

  57. ͦͯ͠ɺ

  58. ࣌ʹɺ੢ྐྵ 2018 ೥

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

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

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

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

  63. None

  64. ͋Ε΋͍ͨ͠ ͜Ε΋͍ͨ͠

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

  66. None

  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