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.

Vue.jsとmapboxを利用した位置情報可視化アプリケーション開発

486 views

Published on

https://techplay.jp/event/626591

Published in: Engineering
  • Be the first to comment

Vue.jsとmapboxを利用した位置情報可視化アプリケーション開発

  1. 1. Vue.js mapbox Nightley Kaito Kinjo
  2. 2. Kaito Kinjo • • Web • & • inbound insight • Carto Mapbox
  3. 3. inbound insight SNS
  4. 4. inbound insight Frontend • jQeury • CartoDB.js • Chart.js • bootstrap.js
  5. 5. inbound insight Frontend • Vue.js + Vuex • Mapbox • Chart.js • Element UI • ES6 + Babel + Webpack + npm
  6. 6. Vue.js
  7. 7. Vue.js • • The Progressive Framework
  8. 8. Vue.js HTML JavaScript
  9. 9. Vue.js Vue.js Document app.js map.vue filter.vue chart.vue
  10. 10. Mapbox
  11. 11. Mapbox • Mapbox Studio • mapbox-gl.js • Point • Polygon • Line • Mesh Map Tile Service
  12. 12. inbound insight
  13. 13. inbound insight • .vue file • Vuex app.js map.vue filter.vue chart.vue
  14. 14. Vuex
  15. 15. Vuex Vuex
  16. 16. app.js map.vue filter.vue chart.vue Event Event Event Vuex ※Document
  17. 17. Chart.js
  18. 18. Chart.js • chart • vue-chartjs • componet • data set JavaScript Chart Library
  19. 19. Element
  20. 20. Element • UI • select, checkbox, radio, input • UI • Datepicker • Drag to upload • Popover&Notification • vue component UI Component Library
  21. 21. Laravel • Laravel • PHP Framework • Laravel Mix • Default vue.js + web pack

×