Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~

717 views

Published on

ぎんざRuby会議01 LT https://ginzarb.github.io/kaigi01/

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~

  1. 1. Rails modernize ~decaffeinate ES2015 ~ 2017/08/05 ( ) Ruby 01 LT treby (@treby006)
  2. 2. About me • treby (@treby006) • Frontend Engineer at Repro • Shinjuku.rb Organizer • IM@S Hack Organizer / Staff • IMAS SAIKO!!
  3. 3. Repro https://repro.io/
  4. 4. Business (toB )
  5. 5. - https://aws.amazon.com/jp/summit2017-report/devday/ - https://d0.awsstatic.com/events/jp/2017/summit/devday/D3T7-6.pdf
  6. 6. - https://aws.amazon.com/jp/summit2017-report/devday/ - https://d0.awsstatic.com/events/jp/2017/summit/devday/D3T7-6.pdf
  7. 7. JavaScript CSS views forms decorators
  8. 8. JavaScript CSS views forms decorators
  9. 9. ( )
  10. 10. (1 )
  11. 11. (initial commit)
  12. 12. blame
  13. 13. initial commit
  14. 14. 2014/01 (3 )
  15. 15. 2015/04 (2 )
  16. 16. 1.0.0
  17. 17. Vue
  18. 18. rails-assets
  19. 19. 2015/05 (1 ) package.json
  20. 20. ES2015
  21. 21. 2015/08 2016/10
  22. 22. Vue c3 (chart) coffeeify Karma
  23. 23. bebel sprockets-es6
  24. 24. 2016/11( ) sprockets-es6
  25. 25. ES2015 coffee
  26. 26. coffee ES2015
  27. 27. 2016
  28. 28. • .js …… ES5 • .coffee …… coffeescript • .es6 …… ES2015
  29. 29. 2017/05(3 ) ES2015
  30. 30. coffee-rails
  31. 31. • Vue 1 2 • • DOM ( )
  32. 32. Rails×JS
  33. 33. Rails
  34. 34. Rails
  35. 35. json
  36. 36. json builder
  37. 37. builder app/services 😇
  38. 38. window script (helper)
  39. 39. API
  40. 40. microservice
  41. 41. Vue component
  42. 42. Vue component
  43. 43. CSS id/ class
  44. 44. JS component
  45. 45. JS mount
  46. 46. • • id / class
  47. 47. component
  48. 48. component
  49. 49. js component bind
  50. 50. JavaScript ※
  51. 51. Vue component
  52. 52. ReactSPA Rails https://speakerdeck.com/itkrt2y/reactspaworailsnili-siteiruhua
  53. 53. ReactSPA Rails https://speakerdeck.com/itkrt2y/reactspaworailsnili-siteiruhua
  54. 54. 😇
  55. 55. KISS(Keep It Simple, Stupid)
  56. 56. modern
  57. 57. PR
  58. 58. Rails
  59. 59. ……
  60. 60. 😄
  61. 61. Happy Hacking!!

×