O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

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

1.085 visualizações

Publicada em

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

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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!!

×