Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Progressive Repro Frontend #vuefes
Search
cheezenaan
November 03, 2018
Technology
3
950
Progressive Repro Frontend #vuefes
Lunch Sponsor session in Vue Fes Japan 2018
cheezenaan
November 03, 2018
Tweet
Share
More Decks by cheezenaan
See All by cheezenaan
Repro の Web SDK 開発を支える技術 / How to deal with Web SDK development at Repro
cheezenaan
3
2.9k
Other Decks in Technology
See All in Technology
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
5.5k
自動テストのコストと向き合ってみた
qa
0
200
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
2
910
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
640
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
230
Escaping_the_Kraken_-_October_2025.pdf
mdalmijn
0
150
OpenAI gpt-oss ファインチューニング入門
kmotohas
2
1.1k
いまさら聞けない ABテスト入門
skmr2348
1
220
Where will it converge?
ibknadedeji
0
190
"プロポーザルってなんか怖そう"という境界を超えてみた@TSUDOI by giftee Tech #1
shilo113
0
130
Git in Team
kawaguti
PRO
2
210
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
510
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Building Adaptive Systems
keathley
43
2.8k
Code Reviewing Like a Champion
maltzj
525
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Typedesign – Prime Four
hannesfritz
42
2.8k
Code Review Best Practice
trishagee
72
19k
Automating Front-end Workflow
addyosmani
1371
200k
Scaling GitHub
holman
463
140k
The World Runs on Bad Software
bkeepers
PRO
71
11k
4 Signs Your Business is Dying
shpigford
185
22k
It's Worth the Effort
3n
187
28k
Bash Introduction
62gerente
615
210k
Transcript
Progressive Repro Frontend @cheezenaan Repro inc. Vue Fes Japan 2018
Have you enjoyed Vue Fes Japan 2018? !
@cheezenaan Repro inc. Progressive Repro Frontend Vue Fes Japan 2018
What’s Repro?
IUUQTSFQSPJP
Web / App Marketing Automation IUUQTSFQSPJP
αϒεΫϦϓγϣϯΛ ղͦ͠͏ͳϢʔβʔ ͚ͩʹ ϓογϡ௨ΛૹΓ͍ͨ
αϒεΫϦϓγϣϯΛ ղͦ͠͏ͳϢʔβʔ ͚ͩʹ ϓογϡ௨ΛૹΓ͍ͨ
Repro ͳΒ αΫοͱͰ͖·͢
ઍສͷτϥϑΟοΫ ԯ௨ͷϓογϡ৴ per day
“ͱΓ͋͑ͣ Repro ೖΕΑ͏” ΛੈքنͰࢦͯ͠·͢
Ͱɺ͓Ίʔ୭Αʁ
@cheezenaan Application Engineer Loves: - TypeScript - Curry NOT callee
$ - Kyoto Animation
ΑΖ͘͠ ͓Ͷ͕͍͠·͢
͔͜͜Βຊฤ
Progressive Repro Frontend
Progressive Repro Frontend
…
࣌ʹɺྐྵ 2014
࣌ʹɺྐྵ 2014
Repro, ੜ
άϥϑΟΧϧͳ ੳը໘ΛΰϦΰϦ࣮ in RoR + jQuery
͔ΜͨΜͳϩδοΫΛ मਖ਼͢Δ͚ͩͳͷʹ DOM ߏΛ୮೦ʹ ಡΈղ͔ͳ͍ͱࢮ͵
None
IUUQTWVFKTPSH
Vue.js IUUQTWVFKTPSH
Declarative Rendering Two-way Binding IUUQTWVFKTPSH
An incrementally adoptable ecosystem IUUQTWVFKTPSH
IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE8O:TY3.J/&"S5Y[Y9)E,F)$K57YNQUHI+C&TFEJUTMJEFJEHGD@
IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE8O:TY3.J/&"S5Y[Y9)E,F)$K57YNQUHI+C&TFEJUTMJEFJEHGD@ Progressive Framework
ςΟϯʂ
None
v0.12.0
σʔλϩδοΫͱ DOM ඳըΛ
ςετ͍͢͠ʂ
ͦͷޙαʔϏε ॱௐʹΛॏͶ
IUUQTRJJUBDPNFEXBSELFOGPYJUFNTGBBEB
ʑͷ։ൃͰ ಘͨݟ ੯͠·ͣൃ৴ IUUQTRJJUBDPNFEXBSELFOGPYJUFNTGBBEB
ͦͯ͠ɺ
࣌ʹɺྐྵ 2017
ϚʔέςΟϯάػೳ֦ॆ ͳ͍ͰෳࡶԽ͢Δ ೖྗϑΥʔϜ
ίϯϙʔωϯτͷ ঢ়ଶཧͭΒͨΜ
None
IUUQTWVFYWVFKTPSH
Vuex IUUQTWVFYWVFKTPSH
Store management pattern + library IUUQTWVFYWVFKTPSH
tailored specifically for Vue.js IUUQTWVFYWVFKTPSH
ͳΔ΄Ͳ…
None
None
None
ࢼߦࡨޡ͠ͳ͕Β ݟΛͨΊͭͭ
ΞϓϦέʔγϣϯͷঢ়ଶΛ UI ͷঢ়ଶ͔ΒΓͯ͠ ू͍ͤͯ͘͞
None
ίϯϙʔωϯτͷ ݟ௨͕͠ྑ͘ͳͬͨ
ΊͰͨ͠ΊͰͨ͠ =ऴ=
ͦͯ͠ɺ
࣌ʹɺྐྵ 2018
ຖ xx0% ͢Δ ϏδωεΛࢧ͑ΔͨΊͷ ݎ࿚ͳΞʔΩςΫνϟΛ ͑ͭͭ
ΑΓεϐʔσΟʹ ܧଓతʹ ϢʔβʔՁΛ ಧ͚͍ͨ
େͳσʔλͷهɾՃ ฒྻϫʔΫϑϩʔΤϯδϯ ੳɾϚʔέςΟϯά UI / UX
େͳσʔλͷهɾՃ ฒྻϫʔΫϑϩʔΤϯδϯ ੳɾϚʔέςΟϯά UI / UX
None
͋Ε͍ͨ͠ ͜Ε͍ͨ͠
Γ͍ͨ͜ͱ͕ Γͩ͘͞Μ
None
ςΟϯʂͱ͖ͨ ͦ͜ͷ͋ͳͨ !
͓͢͢Ίͷձࣾ ͬͯ·͢
IUUQTXXXXBOUFEMZDPNDPNQBOJFTSFQSP
IUUQTXXXXBOUFEMZDPNDPNQBOJFTSFQSP
2018 2014 2017 2016 2015 v2.5.x v1.0.28 Completely Decaffeinated v3.1.x
(TBD…) v0.12 ࢲͨͪͱ ੈքΛ ࢦ͠·ͤΜ͔
End
End?
One more thing …
ϊϕϧςΟ͋Γ〼 εςοΧʔ Tγϟπ
Vue Fes ձͰ ΅͘ͱѲख
Thank you