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
970

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
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
560
【インシデント入門】サイバー攻撃を受けた現場って何してるの？
Avatar for Shumei Ito shumei_ito
0
1.5k
（金融庁共催）第4回金融データ活用チャレンジ勉強会資料
Avatar for tak takumimukaiyama
0
120
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
260
20260129_CB_Kansai
Avatar for Takuya Yonezawa takuyay0ne
1
270
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2k
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
140
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
430
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
380
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
370
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
270
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k

Featured

See All Featured
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
120
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
230
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k

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