Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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アプリケーションを作ろう!
Nächste SlideShare
Wird geladen in …5
×

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

714 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×