Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

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

691 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

モダン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!!

×