Upgrade to Pro — share decks privately, control downloads, hide ads and more …

VueJSとFirebaseでSPA

Avatar for tomoki7 tomoki7
March 17, 2017

 VueJSとFirebaseでSPA

Avatar for tomoki7

tomoki7

March 17, 2017
Tweet

Other Decks in Technology

Transcript

  1. ؤுͬͯूΊͨ ։ൃணख࣌ͷϦιʔε ϝϯόʔ Ϧιʔε ୲౰ ๻ ϑϧλΠϜ ʢ1.5ਓ݄Ґʣ ϑϩϯτΤϯυ ϚʔΫΞοϓ

    APIΠϯςάϨʔγϣϯ Ջͳ༑ਓA ύʔτλΠϜ ʢ0.7ਓ݄Ґʣ ϑϩϯτΤϯυ ϚʔΫΞοϓ APIΠϯςάϨʔγϣϯ ੌ࿹ͷՋͳ༑ਓB ύʔτλΠϜ ʢ0.7ਓ݄Ґʣ ϑϩϯτΤϯυ όοΫΤϯυ Πϯϑϥ
  2. େ·͔ͳػೳ • ΦϯϥΠϯܾࡁ • Ϣʔβʔট଴ • άϧʔϓΞΧ΢ϯτ • ొ࿥पΓ •

    ϑΥϩʔ • ϓϩδΣΫτ࡞੒ • ϚΠϖʔδ • γΣΞ • ౷ܭදࣔ • ܾࡁ؅ཧ • CSVμ΢ϯϩʔυ • ຖ݄ɾຖ೥ͷࣗಈҾ͖མͱ͠ • Ωϟϯϖʔϯϖʔδࣗಈੜ੒ • άϧʔϓ؅ཧը໘
  3. ࠾༻ͨ͠Tech Stack • Vuejsʹͨ͠ཧ༝ • CLI͕਌੾ • Babelઃఆͱ͔͠ͳ͍͍ͯ͘ • ίϯϙʔωϯτ؅ཧָ͕

    • Routing΋΍ͬͯ͘ΕΔ • CLIͰϓϩδΣΫτੜ੒࣌طʹSPAʹ͢Δ ͔Ͳ͏͔ͷΦϓγϣϯ͕༗Δʢˡ࠷ߴʣ • Angular͔ΒདྷͨਓͩͱDirectiveͱ͔ࣅͯ Δ͔Β࢖͍΍͍͢ɺૣ͍ʂ • Firebaseʹͨ͠ཧ༝ • όοΫΤϯυϦιʔε͕ͳ͔ͬͨ • αʔόʔαΠυॻ͔ͳ͍͍ͯ͘ • Πϯϑϥউखʹ΍ͬͯ͘ΕΔ • ೝূपΓָ͍͢͝
  4. ࠔͬͨ͜ͱ • VueJSͷMixinΛ࢖͏ͱ࣮ࡍʹͲ͜ͷϩδοΫ͕ಈ͍ͯΔ͔ࠞཚ͢Δ͕࣌͋Δ • Կ͔͍͍؅ཧํ๏͕͋Ε͹ڭ͍͑ͯͩ͘͞ʂ • ٸ͍Ͱ։ൃ్͍ͯͯ͠தͰDataFlow͕͙ͪΌ͙ͪΌʹͳͬͯ͠·ͬͨ • Vuex࢖ͬͯΔਓ͓͑ͯ͠Լ͍͞Orz •

    Firebase͸ϝʔϧૹ৴ɺܾࡁͷॲཧͳͲ͸΍ͬͺΓαʔόʔΛͨͯͳ͍ͱ͍͚ͳ͍ɻ • ίϨʹ͍ͭͯ͸Google Cloud Functions͕β൛Ͱެ։͞ΕͨͷͰɺͪ͜ΒͰղܾͰ ͖Δ໛༷ɻ·ͩࢼͯ͠ͳ͍Ͱ͢͝ΊΜͳ͍͞ɻ • ͦ΋ͦ΋ೝূपΓ͸ϝʔϧ͕ࣗಈૹ৴ͯ͘͠ΕΔ͕ɺจ໘͕ӳޠ͔͠ରԠͯ͠ͳ ͍ɻ