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
I tried making a solo advent calendar!
Avatar for otsuka zzzzico
0
150
Everything As Code
Avatar for わいわい yosuke_ai
0
510
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
Avatar for Tomohisa Takaoka tomohisa
1
980
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
1
910
技術選定、下から見るか？横から見るか？
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
190
ECS_EKS以外の選択肢_ROSA入門_.pdf
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
130
あの夜、私たちは「人間」に戻った。 ── 災害ユートピア、贈与、そしてアジャイルの再構築 / 20260108 Hiromitsu Akiba
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
600
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
Avatar for YoshihiroTodoroki tdys13
0
330
ソフトとハード両方いけるデータ人材の育て方
Avatar for Yuta Ozaki waiwai2111
0
140
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
6.2k
AI駆動開発ライフサイクル（AI-DLC）の始め方
Avatar for ryansbcho79 ryansbcho79
0
330

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
16k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
220
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
100
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
100
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
41
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.9k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
68
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
39
It's Worth the Effort
Avatar for 3n 3n
188
29k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
130

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