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
960

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
「O(n log(n))のパフォーマンス」の意味がわかるようになろう
Avatar for dhirabayashi dhirabayashi
0
200
なぜThrottleではなくDebounceだったのか？ 700並列リクエストと戦うサーバーサイド実装のすべて
Avatar for Yoshiori SHOJI yoshiori
13
4.8k
QAを"自動化する"ことの本質
Avatar for Keisuke Shinozaki kshino
1
140
AI × クラウドで シイタケの収穫時期を判定してみた
Avatar for Lamaglama39 lamaglama39
1
370
グローバルなコンパウンド戦略を支えるモジュラーモノリスとドメイン駆動設計
Avatar for かわうそ kawauso
2
3k
不確実性に備える ABEMA の信頼性設計とオブザーバビリティ基盤
Avatar for Katsutoshi Nagaoka nagapad
1
1.1k
『HOWはWHY WHATで判断せよ』 〜『ドメイン駆動設計をはじめよう』の読了報告と、本質への探求〜
Avatar for HideyukiKitao panda728
PRO
5
2.1k
「データ無い！ 腹立つ！ 推論する！」から 「データ無い！ 腹立つ！ データを作る」へ チームでデータを作り、育てられるようにするまで / How can we create, use, and maintain data ourselves?
Avatar for moznion moznion
8
4.5k
【M3】攻めのセキュリティの実践！プロアクティブなセキュリティ対策の実践事例
Avatar for mizu axelmizu
0
170
FFMとJVMの実装から学ぶJavaのインテグリティ
Avatar for Kenji Kazumura kazumura
0
150
[CV勉強会@関東 ICCV2025] WoTE: End-to-End Driving with Online Trajectory Evaluation via BEV World Model
Avatar for Shin-kyoto shinkyoto
0
280
持続可能なアクセシビリティ開発
Avatar for azukiazusa azukiazusa1
6
260

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Done Done
Avatar for chrislema chrislema
186
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
330
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k

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