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
950

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
機械学習を扱うプラットフォーム開発と運用事例
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
650
普通のチームがスクラムを会得するたった一つの冴えたやり方 / the best way to scrum
Avatar for 岡本卓也 okamototakuyasr2
0
110
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
Avatar for Kento Kimura aoto
PRO
1
480
「どこから読む？」コードとカルチャーに最速で馴染むための実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
560
未経験者・初心者に贈る！40分でわかるAndroidアプリ開発の今と大事なポイント
Avatar for operandoOS operando
5
750
5分でカオスエンジニアリングを分かった気になろう
Avatar for Aja9tochin pandayumi
0
260
メルカリIBISの紹介
Avatar for ktykogm 0gm
0
140
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
Avatar for kawabeaver kawabeaver
0
430
複数サービスを支える マルチテナント型 Batch MLプラットフォーム
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
930
LLMを搭載したプロダクトの品質保証の模索と学び
Avatar for SmartHR 品質保証部 qa
0
1.1k
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
Avatar for JaeSoon Jeong jeongjaesoon
0
250
Snowflake Intelligenceにはこうやって立ち向かう！クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
Avatar for harry gappy50
0
280

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
850
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
74
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