1. Rails
modernize
~decaffeinate ES2015 ~
2017/08/05 ( ) Ruby 01 LT
treby (@treby006)

2. About me
• treby (@treby006)
• Frontend Engineer at Repro
• Shinjuku.rb Organizer
• IM@S Hack Organizer / Staff
• IMAS SAIKO!!

4. Repro
https://repro.io/

5. Business
(toB )

7. - https://aws.amazon.com/jp/summit2017-report/devday/
- https://d0.awsstatic.com/events/jp/2017/summit/devday/D3T7-6.pdf

9. - https://aws.amazon.com/jp/summit2017-report/devday/
- https://d0.awsstatic.com/events/jp/2017/summit/devday/D3T7-6.pdf

11. JavaScript
CSS
views
forms
decorators

12. JavaScript
CSS
views
forms
decorators

13. ( )

15. (1 )

17. (initial commit)

20. blame

21. initial
commit

22. 2014/01
(3 )

26. 2015/04
(2 )

27. 1.0.0

32. Vue

34. rails-assets

35. 2015/05 (1 )
package.json

37. ES2015

38. 2015/08
2016/10

40. Vue
c3 (chart)
coffeeify
Karma

42. bebel
sprockets-es6

43. 2016/11( )
sprockets-es6

46. ES2015
coffee

47. coffee
ES2015

48. 2016

50. • .js …… ES5
• .coffee …… coffeescript
• .es6 …… ES2015

51. 2017/05(3 )
ES2015

53. coffee-rails

55. • Vue 1 2
•
• DOM
( )

56. Rails×JS

58. Rails

59. Rails

62. json

63. json
builder

64. builder
app/services
😇

65. window
script (helper)

72. API

75. microservice

77. Vue component

78. Vue component

80. CSS id/
class

81. JS component

82. JS mount

84. •
• id / class

87. component

88. component

89. js
component bind

90. JavaScript
※

91. Vue component

99. ReactSPA Rails
https://speakerdeck.com/itkrt2y/reactspaworailsnili-siteiruhua

100. ReactSPA Rails
https://speakerdeck.com/itkrt2y/reactspaworailsnili-siteiruhua

101. 😇

104. KISS(Keep It Simple, Stupid)

106. modern

110. PR

111. Rails

113. ……

115. 😄

116. Happy
Hacking!!