Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Rails
modernize
~decaffeinate ES2015 ~
2017/08/05 ( ) Ruby 01 LT
treby (@treby006)
About me
• treby (@treby006)
• Frontend Engineer at Repro
• Shinjuku.rb Organizer
• IM@S Hack Organizer / Staff
• IMAS SAI...
Repro
https://repro.io/
Business
(toB )
- https://aws.amazon.com/jp/summit2017-report/devday/
- https://d0.awsstatic.com/events/jp/2017/summit/devday/D3T7-6.pdf
- https://aws.amazon.com/jp/summit2017-report/devday/
- https://d0.awsstatic.com/events/jp/2017/summit/devday/D3T7-6.pdf
JavaScript
CSS
views
forms
decorators
JavaScript
CSS
views
forms
decorators
( )
(1 )
(initial commit)
blame
initial
commit
2014/01
(3 )
2015/04
(2 )
1.0.0
Vue
rails-assets
2015/05 (1 )
package.json
ES2015
2015/08
2016/10
Vue
c3 (chart)
coffeeify
Karma
bebel
sprockets-es6
2016/11( )
sprockets-es6
ES2015
coffee
coffee
ES2015
2016
• .js …… ES5
• .coffee …… coffeescript
• .es6 …… ES2015
2017/05(3 )
ES2015
coffee-rails
• Vue 1 2
•
• DOM
( )
Rails×JS
Rails
Rails
json
json
builder
builder
app/services
😇
window
script (helper)
API
microservice
Vue component
Vue component
CSS id/
class
JS component
JS mount
•
• id / class
component
component
js
component bind
JavaScript
※
Vue component
ReactSPA Rails
https://speakerdeck.com/itkrt2y/reactspaworailsnili-siteiruhua
ReactSPA Rails
https://speakerdeck.com/itkrt2y/reactspaworailsnili-siteiruhua
😇
KISS(Keep It Simple, Stupid)
modern
PR
Rails
……
😄
Happy
Hacking!!
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Railsフロントエンドの modernizeにおける一事例 ~decaffeinateからES2015移行まで~
Prochain SlideShare
Chargement dans…5
×

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

1 082 vues

Publié le

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

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×