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.
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アプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
モダンJSでモダンなWebアプリケーションを作ろう!
Próximos SlideShares
Carregando em…5
×

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

713 visualizações

Publicada em

Pronama 55 @ Fukuoka
https://atnd.org/events/100847

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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

  1. 1. JS Web 2018/11/03 @treby006 55
  2. 2. • treby (@treby006) Web • 6 • Repro • Vue.js, AWS(ECS, EMR), Go • 5
  3. 3. 5
  4. 4. 5 →
  5. 5. !
  6. 6. • ( ) : 1988 2003 (15 ) • / : 2003 2011 (8 ) • : 2011 2013 (2 ) • 2013 (6 )
  7. 7. 15
  8. 8. 2003 • • ( ) • •
  9. 9. 15 23
  10. 10. 2011 • / • • • •
  11. 11. 23 24
  12. 12. 2012 • • Fukuoka NFC Lab • IT
  13. 13. 2012 • 5zj • •
  14. 14. 2012 • ( ) •
  15. 15. I ! Fukuoka
  16. 16. • Web • • • JS • •
  17. 17. Repro
  18. 18. • • • Pull Request • Pull Request Release
  19. 19. • Trello
  20. 20. • esa slack • • •
  21. 21. • feature ( Q ) • esa( ) • • improvement • slack • • PR
  22. 22. Pull Request • • • ……
  23. 23. Pull Request
  24. 24. Pull Request •
  25. 25. approve • PR GitHub label • wip, review, ready
  26. 26. Pull Request
  27. 27. Pull Request
  28. 28. • • • ready PR • git git flow
  29. 29. $ rake stats
  30. 30. • • Ruby 2.5.1 • Rails 5.2.0 • • ES6 (ES2015) …… babel • Vue.js 1.0.28
  31. 31. • : yarn • : Vue.js (+ Vuex) • : browserify x babel • : Karma x mocha • Lint: ESLint
  32. 32. • yarn …… Facebook • npm lock • npm 5 yarn
  33. 33. • Vue 1.0.28 • 0.12 • Vue 2.0 • .sync
  34. 34. • browserify : require (module )
  35. 35. • • Babel • browserify
  36. 36. • Karma …… • mocha …… • JavaScript component Unit • feature spec • CI
  37. 37. Lint • Lint …… • etc • CI
  38. 38. • Rails 4 • sprockets, coffeescript, jQuery •
  39. 39. • •
  40. 40. • Vue.js • rails-assets • https://rails-assets.org/ • Rails •
  41. 41. • ES6 -> sprockets-es6 • package.json •
  42. 42. • browserify : sprockets-es6
  43. 43. • decaffeinate
  44. 44. modernize • Vue • 2017 / 0.12 1 • coffeescript -> ES6 • 4 / coffeescript • • Vue 2 • Vuex
  45. 45. • : yarn • : Vue.js (+ Vuex) • : browserify x babel • : Karma x mocha • Lint: ESLint
  46. 46. Nuxt • Nuxt.js Vue.js • Rails • Rails …… •
  47. 47. !
  48. 48. Happy Hacking!!

×