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
940
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
Zephyr RTOSを使った開発コンペに参加した件
iotengineer22
0
130
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
370
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
430
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
220
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
2
240
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
380
AI導入の理想と現実~コストと浸透〜
oprstchn
0
150
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
500
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.2k
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
300
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
790
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
3
250
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Embracing the Ebb and Flow
colly
86
4.7k
Automating Front-end Workflow
addyosmani
1370
200k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
A better future with KSS
kneath
239
17k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
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