1. JS Web
2018/11/03 @treby006
55

2. • treby (@treby006) Web
• 6
• Repro
• Vue.js, AWS(ECS, EMR), Go
• 5

3. 5

4. 5 →

6. !

8. • ( ) : 1988
2003 (15 )
• / : 2003
2011 (8 )
• : 2011 2013
(2 )
• 2013 (6 )

9. 15

10. 2003
•
• ( )
•
•

11. 15 23

12. 2011
• /
•
•
•
•

13. 23 24

14. 2012
•
• Fukuoka NFC Lab
• IT

15. 2012
• 5zj
•
•

16. 2012
• ( )
•

19. I
!
Fukuoka

22. • Web
•
•
• JS
•
•

24. Repro

28. •
•
• Pull Request
• Pull Request Release

29. • Trello

30. • esa slack
•
•
•

31. • feature ( Q )
• esa( )
•
• improvement
• slack
•
• PR

32. Pull Request
•
•
• ……

33. Pull Request

34. Pull Request
•

35. approve
• PR GitHub label
• wip, review, ready

36. Pull Request

37. Pull Request

38. •
•
• ready PR
• git git flow

42. $ rake stats

43. •
• Ruby 2.5.1
• Rails 5.2.0
•
• ES6 (ES2015) …… babel
• Vue.js 1.0.28

44. • : yarn
• : Vue.js (+ Vuex)
• : browserify x babel
• : Karma x mocha
• Lint: ESLint

45. • yarn …… Facebook
• npm lock
• npm 5
yarn

46. • Vue 1.0.28
• 0.12
• Vue 2.0
• .sync

47. • browserify : require (module )

48. •
• Babel
• browserify

49. • Karma ……
• mocha ……
• JavaScript component Unit
• feature spec
• CI

50. Lint
• Lint ……
• etc
• CI

51. • Rails 4
• sprockets, coffeescript, jQuery
•

52. •
•

53. • Vue.js
• rails-assets
• https://rails-assets.org/
• Rails
•

54. • ES6 -> sprockets-es6
• package.json
•

55. • browserify : sprockets-es6

56. • decaffeinate

57. modernize
• Vue
• 2017 / 0.12 1
• coffeescript -> ES6
• 4 / coffeescript
•
• Vue 2
• Vuex

58. • : yarn
• : Vue.js (+ Vuex)
• : browserify x babel
• : Karma x mocha
• Lint: ESLint

59. Nuxt
• Nuxt.js Vue.js
• Rails
• Rails ……
•

61. !

63. Happy Hacking!!