JS Web
2018/11/03 @treby006
55
• treby (@treby006) Web
• 6
• Repro
• Vue.js, AWS(ECS, EMR), Go
• 5
5
5 →
!
• ( ) : 1988
2003 (15 )
• / : 2003
2011 (8 )
• : 2011 2013
(2 )
• 2013 (6 )
15
2003
•
• ( )
•
•
15 23
2011
• /
•
•
•
•
23 24
2012
•
• Fukuoka NFC Lab
• IT
2012
• 5zj
•
•
2012
• ( )
•
I
!
Fukuoka
• Web
•
•
• JS
•
•
Repro
•
•
• Pull Request
• Pull Request Release
• Trello
• esa slack
•
•
•
• feature ( Q )
• esa( )
•
• improvement
• slack
•
• PR
Pull Request
•
•
• ……
Pull Request
Pull Request
•
approve
• PR GitHub label
• wip, review, ready
Pull Request
Pull Request
•
•
• ready PR
• git git flow
$ rake stats
•
• Ruby 2.5.1
• Rails 5.2.0
•
• ES6 (ES2015) …… babel
• Vue.js 1.0.28
• : yarn
• : Vue.js (+ Vuex)
• : browserify x babel
• : Karma x mocha
• Lint: ESLint
• yarn …… Facebook
• npm lock
• npm 5
yarn
• Vue 1.0.28
• 0.12
• Vue 2.0
• .sync
• browserify : require (module )
•
• Babel
• browserify
• Karma ……
• mocha ……
• JavaScript component Unit
• feature spec
• CI
Lint
• Lint ……
• etc
• CI
• Rails 4
• sprockets, coffeescript, jQuery
•
•
•
• Vue.js
• rails-assets
• https://rails-assets.org/
• Rails
•
• ES6 -> sprockets-es6
• package.json
•
• browserify : sprockets-es6
• decaffeinate
modernize
• Vue
• 2017 / 0.12 1
• coffeescript -> ES6
• 4 / coffeescript
•
• Vue 2
• Vuex
• : yarn
• : Vue.js (+ Vuex)
• : browserify x babel
• : Karma x mocha
• Lint: ESLint
Nuxt
• Nuxt.js Vue.js
• Rails
• Rails ……
•
!
Happy Hacking!!

モダンJSでモダンなWebアプリケーションを作ろう!