プロトタイピングするならFirebaseを使ってみよう

by Shuichi Nagao

Slide 1

Slide 1 text

ϓϩτλΠϐϯά͢ΔͳΒ FirebaseΛ࢖ͬͯΈΑ͏ @ngo275 2018.8.7 1

Slide 2

Slide 2 text

ࣗݾ঺հ •໊લɿӬඌमҰ (@ngo275) •ձࣾɿAnyPay •޷͖ͳݴޠɿSwift •࠷ۙ৮Ε͍ͯΔݴޠɿJSɾதࠃޠ •ωΠςΟϒΞϓϦͷ։ൃ (Swift / React Native) ΛϝΠϯʹɺόοΫΤϯυͱ͔ॻ͍ͨΓͯ͠· ͢ •࠷ۙݸਓͰ΋ΞϓϦग़͠·ͨ͠(ϚοϋϦʔμʔ) 2

Slide 3

Slide 3 text

Α͋͘Δ࿩ •ΞϓϦͷϓϩτλΠϓΛͱʹ͔͘ૣ ͘࡞Γ͍ͨ •ͱ͸͍͑ɺαʔόʔ΋ΞϓϦ΋̍ਓ Ͱॻ͘ͷ͸ྲྀੴʹΩπΠɻɻ •'JSFCBTF͕ศརΒ͍͠ •۩ମతʹԿΛ࢖͏ͷͩΖ͏ɻɻ •(͋ɺAnalytics͸࢖ͬͨ͜ͱ͋ΔΑ 3

Slide 4

Slide 4 text

࿩͢͜ͱ •Firebaseͷػೳ঺հ •֓ཁ •Α͘࢖ΘΕΔαʔϏεͨͪ •FirebaseͰͷϓϩτλΠϐϯάΛ۩ମྫͰݟͯ ͍͘ 4

Slide 5

Slide 5 text

࿩͢͜ͱ •Firebaseͷػೳ঺հ •֓ཁ •Α͘࢖ΘΕΔαʔϏεͨͪ •FirebaseͰͷϓϩτλΠϐϯάΛ۩ମྫͰݟͯ ͍͘ 5

Slide 6

Slide 6 text

Firebaseͷ֓ཁ͓͞Β͍ •2011೥ʹ࢝·ͬͨmBaasͰɺ2014೥ʹGoogleʹ ങऩ͞Εͨ •2017೥ʹΫϥογϡϨϙʔτ(Crashlytics)΍ ϕʔλ഑৴(beta)ͷαʔϏεΛఏڙ͍ͯͨ͠ Fabric͕Googleʹങऩ͞ΕɺFirebaseʹ౷߹ •ϞόΠϧΞϓϦ։ൃʹඞཁͳػೳΛఏڙ͢Δαʔ Ϗε •ΞφϦςΟΫεɺΫϥογϡϨϙʔτɺϓογϡ௨ ஌ɺσʔλϕʔεɺೝূػೳɺετϨʔδ… 6

Slide 7

Slide 7 text

࿩͢͜ͱ •Firebaseͷػೳ঺հ •֓ཁ •Α͘࢖ΘΕΔαʔϏεͨͪ •FirebaseͰͷϓϩτλΠϐϯάΛ۩ମྫͰݟͯ ͍͘ 7

Slide 8

Slide 8 text

FirebaseͷαʔϏεͨͪ Grow your business Improve app quality Build better apps 8

Slide 9

Slide 9 text

FirebaseͷαʔϏεͨͪ Grow your business Improve app quality Build better apps ίίΒ΁Μ͸  ͱΓ͋͑ͣ  ೖΕΔ͜ͱ͕ଟ͍ 9

Slide 10

Slide 10 text

FirebaseͷαʔϏεͨͪ Grow your business Improve app quality Build better apps ࠨ্Λ࢖ͬͯ  ϓϩτλΠϐϯά  ͍ͯ͘͠!! 10

Slide 11

Slide 11 text

Cloud Firestoreͱ͸ •֓ཁ •ࡶʹݴ͏ͱRealtime Databaseͷ্Ґޓ׵ •Ϋϥ΢υͷDBͰ಺෦͸GoogleͷDatastore •DBͷߋ৽Λ؆୯ʹϦΞϧλΠϜͰड͚औΔ͜ͱ͕Ͱ ͖Δ (web socketͱ͔ΛΘ͟Θ͟ॻ͔ͳ͍͍ͯ͘) •ར༻ྫ •νϟοτػೳ •ϓϨθϯεݕ஌ (ΦϯϥΠϯ͔Ͳ͏͔) 11

Slide 12

Slide 12 text

Cloud Functionsͱ͸ •֓ཁ •AWSͷLambdaͱಉ͡αʔόϨεͷόοΫΤϯυ •node.jsͰίʔυΛॻ͍ͯupload͢Δͱ೚ҙͷλΠϛ ϯάͰͦͷίʔυΛ࣮ߦͰ͖Δ •ઌ೔ϕʔλ͕ͱΕͨ •ར༻ྫ •Firestoreʹॻ͖ࠐΈ͕͋ͬͨΒɺϓογϡ௨஌Λૹ Δ 12

Slide 13

Slide 13 text

Firebase Authenticationͱ͸ •֓ཁ •ΞϓϦ΁ͷϩάΠϯػೳΛ਺ߦͰ࣮૷Ͱ͖ΔΑ͏ʹ ͳΔ •ϩάΠϯϓϩόΠμ͸๛෋ •ϝʔϧɾి࿩൪߸ɾGoogleɾPlayήʔϜɾFacebookɾ TwitterɾGitHubɾಗ໊ •ϝʔϧΛૹͬͯϦϯΫΛ౿·ͤΔɺSMSΛૹ৴ͯ͠ೝূ ίʔυΛૹΔɺͱ͍͏͜ͱ͕FirebaseͰ؆୯ʹͰ͖Δ •Cloud StorageͳͲͷݖݶ΋؅ཧ͠΍͍͢ 13

Slide 14

Slide 14 text

Cloud Storageͱ͸ •֓ཁ •AWSͷS3ͱಉ͡ͰɺGoogle൛ͷετϨʔδ •FirebaseΛ࢖͏ͱɺϑΝΠϧΞοϓϩʔυʹ͓͚ΔΞ Ϋηείϯτϩʔϧ΍ɺΞοϓϩʔυઌͷURLͷऔ ಘɾอଘͳͲ͕γʔϜϨεʹͰ͖Δ •ར༻ྫ •ϢʔβͷϓϩϑΟʔϧը૾౳ͷอଘ 14

Slide 15

Slide 15 text

࿩͢͜ͱ •Firebaseͷػೳ঺հ •֓ཁ •Α͘࢖ΘΕΔαʔϏεͨͪ •FirebaseͰͷϓϩτλΠϐϯάΛ۩ମྫͰݟͯ ͍͘ 15

Slide 16

Slide 16 text

ϓϩτλΠϐϯάͱ͸ •ػೳͷ࣮ݱՄೳੑ •ͦͷػೳ͕ຊ౰ʹϢʔβʹͱͬͯՁ஋͋Δ΋ͷ ͳͷ͔ ➡͜ΕΒΛݕূ͢Δ͜ͱ͕໨తͰ͋ͬͯɺ࡞Δ ͜ͱ͕໨తͰ͸ͳ͍

Slide 17

Slide 17 text

IoT ✘ iOSͷϓϩτλΠϐϯά •࡞Γ͍ͨ΋ͷ •ϚΠίϯͰGPS৘ใΛऔಘͯ͠αʔόʹૹΓଓ͚ɺ ͦͷσʔλΛΞϓϦͰϦΞϧλΠϜͰද͍ࣔͨ͠ •ݕূ͍ͨ͜͠ͱ •࣮ݱՄೳ͔ɺ৺஍Α͘GPS৘ใΛఏڙͰ͖Δͷ͔ •αʔόͱΞϓϦ͸̍ਓͰ࣮૷͢Δ 17

Slide 18

Slide 18 text

શମߏ੒ Cloud IoT Core Cloud PubSub MQTT GPS ͜͜ΛͲ͏͢Δͷ͔ 18

Slide 19

Slide 19 text

ैདྷͷํ๏ͰϓϩτλΠϐϯά Cloud IoT Core Cloud PubSub MQTT GPS API DB Cloud Storage 19

Slide 20

Slide 20 text

ैདྷͷํ๏ͰϓϩτλΠϐϯά Cloud IoT Core Cloud PubSub MQTT GPS API DB Cloud Storage 20 APIΛ࡞Δͱ࣮૷ྔ͕େ෯ʹ૿͑Δ ϓϩτλΠϐϯάͳͷʹ! (ೝূɺσʔλͷCRUDɺϦΞϧλΠϜ௨৴)

Slide 21

Slide 21 text

FirebaseͰϓϩτλΠϐϯά Cloud IoT Core Cloud PubSub MQTT GPS 21

Slide 22

Slide 22 text

FirebaseͰϓϩτλΠϐϯά Cloud IoT Core Cloud PubSub MQTT GPS 22 Firebase෦෼͸࣮૷ྔ͕΄ͱΜͲͳ͍ ΞϓϦͷ։ൃʹूதͰ͖Δ (ೝূɺσʔλͷCRUDɺϦΞϧλΠϜ௨৴)

Slide 23

Slide 23 text

·ͱΊ •αʔόͷίʔυΛॻ͔ͳ͍͜ͱʹΑΓΞϓϦͷ ࣮૷ʹूதͰ͖Δ •ϓϩτλΠϓͰݕূ͍ͨ͜͠ͱʹ࣌ؒΛׂ͚Δ •ϓϩμΫγϣϯར༻ྫ͕গͳ͘ӡ༻্ͷ஌ݟ͕ গͳ͍ͨΊɺେ͖ͳมߋʹڧ͍ͷ͔ෆ҆ •DBͷॻ͖ࠐΈΛΞϓϦ͔Β௚઀ߦ͏ͷ͸ා͍ •ѱҙͷ͋ΔϢʔβΛ஄͘ͷ͕೉͍͠ 23

Slide 24

Slide 24 text

ίʔυͷࢀߟྫ(ެ։ͨ͠ΞϓϦ) •Firebase •Cloud Firestore •ಗ໊ϩάΠϯ •Cloud Storage •Firebase Cloud Messaging •Cloud Functions •Pring 24 https://github.com/mach-team/mach-reader-ios