#0 [email protected]イベント 登壇枠で使用
参考URL https://fukuokafirebase.connpass.com/event/114251
ࣗࣾαʔϏενϟοτػೳʹFirebase͕ಋೖ͞ΕͯͨגࣜձࣾRe:BuildՅ ါىʢ@kkznchʣ20192݄21ʢʣ#0 [email protected]Πϕϯτ
View Slide
ࣗݾհ• Յ ါىʢ@kkznchʣ• 1990ͷԭೄੜ·Εɺԭೄҭͪɺԭೄࡏॅ• ܦྺɿ‣ ిྗձࣾͷITΠϯϑϥɺηΩϡϦςΟ୲‣ גࣜձࣾRe:BuildͰWebΤϯδχΞ‣ εϚϒϥSP θϧμʢઓಆྗ350ສલޙɺඇVIPʣ
ձࣾհ• גࣜձࣾRe:Buildʢ201711݄ʹઃཱʣ• ݱࡏͷࣾһ໊̑• ԭೄΛڌͱ͠ɺجຊతʹLaravelVue.jsΛͬͯडୗɾࣗࣾαʔϏε։ൃΛ͍ͯ͠Δ• ϦϞʔτϫʔΫɺࣗ༝ͳಇ͖ํΛਪ͍ͯ͠Δ
ࣗࣾαʔϏε։ൃத
৭Μͳػೳ࣮ͯ͠Δνϟοτػೳผͷਓ͕୲
ؾ͚ͮνϟοτػೳʹFirebase͕ಋೖ͞Ε͍ͯͨ
Firebase͔Βͳ͍↑ݱ࣮ษڧձʹࢀՃ͢Δ͔ΔΑ͏ʹͳΔ↑ඪ
νϟοτػೳΛҰ͔Β࡞ͬͨ͜ͱ͋Γ·͔͢ʁ
ϦΞϧλΠϜͳνϟοτ࡞Δ
σʔλϕʔεɾςʔϒϧઃܭ
ϓϩάϥϜ࡞ʢόοΫΤϯυʣ• APIΛ࣮ߦ͢ΔͨΊͷॲཧΛॻ͘• APIܦ༝ͰϝοηʔδΛऔಘ͢ΔॲཧΛॻ͘• APIܦ༝ͰϝοηʔδΛอଘ͢ΔॲཧΛॻ͘
ϦΞϧλΠϜߋ৽͢Δख๏ܾΊ• ϙʔϦϯά• ϩϯάϙʔϦϯά• WebSocket
ϙʔϦϯά
ϩϯάϙʔϦϯά
WebSocket
ϓϩάϥϜ࡞ʢϑϩϯτʣ• ϝοηʔδΛऔಘ͢ΔॲཧΛॻ͘• ϝοηʔδΛૹ৴͢ΔॲཧΛॻ͘• ϦΞϧλΠϜߋ৽Λߦ͏ॲཧΛॻ͘• ϙʔϦϯάɺϩϯάϙʔϦϯάɺWebSocket• औಘ͖ͯͨ͠ϝοηʔδΛඳը͢ΔॲཧΛॻ͘
όάͩΒ͚ͷνϟοτػೳ
࣮ʹखؒͱ͔͔࣌ؒΔ
FirebaseͰͬͯΈͨ
લఏ• Firebase͕Կͳͷ͔͔Βͳ͍• FirebaseͰԿ͕Ͱ͖Δͷ͔͔Βͳ͍• ຊΠϕϯτͷ3લʹॳΊͯFirebase৮ͬͨ
νϡʔτϦΞϧ
ਆαΠτ
Vue.js + FirebaseͰνϟοτ࡞ΔνϡʔτϦΞϧ
Firebaseίϯιʔϧ
ϓϩδΣΫτΛՃ͢Δ
ೝূํࣜʮGoogleʯΛ༗ޮԽ
DBͷΞΫηεϧʔϧΛఆٛ͢Δ
Vue.js
firebaseϞδϡʔϧΛΠϯετʔϧίϚϯυϥΠϯ͔Βୟ͘main.jsϑΝΠϧͷதͰಡΈࠐΉΑ͏ʹ͢Δ
FirebaseΞΫηεใΛه͢Δ
Vue.jsΛॻ͘• FirebaseॳظԽॲཧΛॻ͘• ϩάΠϯɾϩάΞτͷॲཧΛॻ͘• ϝοηʔδΛૹ৴͢ΔॲཧΛॻ͘• ϝοηʔδΛඳը͢ΔॲཧΛॻ͘
νϟοτը໘
DBͷத
όοΫΤϯυ͕ͳ͍ѹతʹָɺߴ͍※όοΫΤϯυ͖ͳͷͰσΟεͬͯΔΘ͚Ͱͳ͍
·ͱΊ
• FirebaseόοΫΤϯυͷΠϯϑϥߏஙෆཁ• FirebaseͬͨϦΞϧλΠϜॲཧͷָ࣮͕• σʔλͷ࣋ͪํ͓͠Ζ͍• Firebaseʹଞʹ৭Μͳػೳ͕͋ΔͷͰͬͯΈ͍ͨ·ͱΊ
Firebaseͦͷଞͷٕज़ใΛڞ༗͠߹͍·͠ΐ͏
ࢀߟURL• ϦΞϧλΠϜͳwebΞϓϦΛ࣮ݱ͢Δํ๏(ϙʔϦϯάɺCometɺServer Sent EventsɺWebSocket)‣ https://qiita.com/kimullaa/items/d49bd603be17b36f7495• جૅ͔ΒֶͿVue.js‣ https://cr-vue.mio3io.com