Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

最近のRailsフロントエンド開発の紹介

731 views

Published on

@ プログラミング生放送 第48回
https://atnd.org/events/88660

Published in: Software
  • Be the first to comment

最近のRailsフロントエンド開発の紹介

  1. 1. Rails 2017/07/16 @ @treby006
  2. 2. self.inspect > self.name => treby > self.class => Rubyist > self.hobbies => [‘ ’, ‘bot’, ‘ ’]
  3. 3. • • • •
  4. 4. Repro
  5. 5. • • Ad / Datastore : 5 • CRM : 6 • SRE : 3 • QA / Release : 3 • SDK : 3
  6. 6. • • • • Pull Request • Pull Request Release
  7. 7. • Trello
  8. 8. • Trello • Team Daily (10 15min) • Leader MTG (10 15min)
  9. 9. • esa slack • • •
  10. 10. • feature ( Q ) • esa( ) • • improvement • slack • • PR
  11. 11. ( )
  12. 12. Pull Request • • • ……
  13. 13. Pull Request
  14. 14. Pull Request 115
  15. 15. Pull Request • Pull Request : 140 • 50 : 12
  16. 16. approve • PR GitHub label • wip, review, ready
  17. 17. • • • ready PR • git git flow
  18. 18. $ rake stats
  19. 19. JavaScript
  20. 20. • • Ruby 2.4.1 • Rails 4.2.8 • • ES6 (ES2015) …… babel • Vue.js 1.0.28
  21. 21. • : yarn • : Vue.js (+ Vuex) • : browserify x babel • : Karma x mocha • Lint: ESLint
  22. 22. • yarn …… Facebook • npm lock • npm 5 yarn
  23. 23. • Vue 1.0.28 • 0.12 • Vue 2.0 • .sync
  24. 24. • browserify : require (module )
  25. 25. • • Babel • browserify
  26. 26. index.js lib/hello.js
  27. 27. • Karma …… • mocha …… • JavaScript component Unit • feature spec • CI
  28. 28. Lint • Lint …… • etc • CI
  29. 29. • Rails 4 • sprockets, coffeescript, jQuery •
  30. 30. • Vue.js • rails-assets • https://rails-assets.org/ • Rails •
  31. 31. modernize • Vue • / 0.12 1 • coffeescript -> ES6 • 4 / coffeescript • • Vue 2 • Vuex
  32. 32. • Rails • • modernize •

×