位置情報を利用したMAPアプリの開発

Transcript

1. Nori-na Tech Night vol.4 Ґஔ৘ใΛར༻ͨ͠MAPΞϓϦͷ։ൃ
2. 5XJUUFS*%
   !OPSJOPSJ@PLB Ԭେو • ৽ଔͰZERO TO ONEʹೖࣾ͠ɺ nori-naʹδϣΠϯ͢Δɻ • ࣾձਓ̏೥໨ࣾ಺།ҰͷΞϓϦΤ ϯδχΞ • iOS(Objective-CɺSwift)ɺ Android(JavaɺKotlin)ɺWebͱ αʔόʔ(CakePHPɺTypeScript) Ͱ։ൃ ࣗݾ঺հ OPSJOB
3. 
    OPSJOB 'JSFTUPSF $MPVE
   GVODUJPOT
   GPS
   pSFCBTF όοΫΤϯυ 'JSFCBTF nori-naͷγεςϜߏ੒ ໰͍߹Θͤ OPSJOB
4. ࠓ೔ͷ͓࿩
    OPSJOB
5. Ґஔ৘ใΛར༻ͨ͠ΞϓϦ͕ ૿Ճ܏޲
    OPSJOB
6. Ґஔ৘ใΛڞ༗͢Δ͜ͱʹ ఍߅ײ͕ͳ͘ͳ͖ͬͯͨ
    OPSJOB ஍ਤར༻࣮ଶௐࠪ
   c
   גࣜձࣾθϯϦϯ
7. ϙέϞϯGO Zenly Twitter
    OPSJOB
8. چόʔδϣϯ ৽όʔδϣϯ ςΩετϕʔε
   Πϕϯτॏࢹ Ϛοϓϕʔε
   ϦΞϧλΠϜॏࢹ OPSJOB
9. ͳͥม͑ͨͷ͔
    OPSJOB
10. چόʔδϣϯ ৽όʔδϣϯ ςΩετϕʔε
    Πϕϯτॏࢹ Ϛοϓϕʔε
    ϦΞϧλΠϜॏࢹ OPSJOB
11. ωΠςΟϒͷҙຯͳ͍
     OPSJOB
12. Ϣʔβʔʹ ΋ͬͱ༗ޮͳΞϓϦͷ࢖͍ํΛ ͯ͠΄͍͠
     OPSJOB
13. MAPͰϦΞϧλΠϜʹ૬৐Γ
     OPSJOB
14. MAPϝΠϯͰؾ͍ͮͨ͜ͱ
     OPSJOB
15. Ϣʔβʔͷ཭୤཰͕௿͍
     OPSJOB
16. Ұिؒޙͷ཭୤཰ چόʔδϣϯ 10~15% ৽όʔδϣϯ 20~35% ଟ͍࣌50%
     OPSJOB
17. ͳͥ
     OPSJOB
18. ϢʔβʔͷϦΞϧλΠϜͳಈ͖͕ ݟΕΔ͔Β
     OPSJOB
19. ஌Βͳ͍ਓͰ΋࣮ࡍʹډΔͱ ҆৺͢Δ
     OPSJOB
20. FirebaseͷϦΞϧλΠϜੑΛ׆༻ • FirestoreΛར༻ • ΞΫςΟϒͳϢʔβʔҎ֎Λ ൒ಁ໌ • දࣔͯ͠ಈ͍͍ͯΔϢʔβʔ ͷಈ͖Λ௥͏ • Ͳͷ͘Β͍લʹىಈͨ͠ͷ͔ Θ͔Δ
21. • FirestoreΛར༻ • ΞΫςΟϒͳϢʔβʔҎ֎Λ ൒ಁ໌ • දࣔͯ͠ಈ͍͍ͯΔϢʔβʔ ͷಈ͖Λ௥͏ • Ͳͷ͘Β͍લʹىಈͨ͠ͷ͔ Θ͔Δ FirebaseͷϦΞϧλΠϜੑΛ׆༻
22. ࢖༻ͨ͠MAP .BQ,JU (PPHMF.BQ ਌࿨ੑ σϑΥϧτ αʔυύʔςΟʔ ྉۚ ແྉ ैྔ੍ ܦ࿏දࣔ ͋Γ ͳ͠ ϝϞϦ গͳ͍ ଟ͍ MapKitͷศརͳ఺ ɾٯGeocodingɿҢ౓ܦ౓͔ΒॅॴΛऔಘՄೳ GoogleMapͷศརͳ఺ ɾ༗໊ͳ؍ޫ஍ͷ৘ใΛදࣔՄೳ OPSJOB
23. ϢʔβʔͷҐஔ৘ใ Firestore্ͷҰͭͷҐஔ৘ใΛ ߋ৽͠ଓ͚Δ →উखʹߋ৽ →ϦΞϧλΠϜͰϢʔβʔ͕ಈ͘ OPSJOB
24. ໰୊఺
     OPSJOB
25. ಈ࡞͕ॏ͘ͳΔ
     OPSJOB
26. ಈ࡞͕ॏ͘ͳΔݪҼ ঢ়گ දࣔ͢ΔϢʔβʔ͕ଟ͗͢Δʢ͓Αͦ300 ϢʔβʔΛ௒͑Δʣͱը໘͕ఀࢭ͍ͯ͠ ͨɻ ݪҼ ΞΠίϯը૾ͷαΠζ੍ݶΛ͔͚͍ͯͳ ͔ͬͨͨΊɺը૾ʹΑͬͯ͸ಡΈࠐΈʹ࣌ ͕͔͔ؒͬͨ
27. ຖճϢʔβʔΛಡΈࠐΉ JG
    MFU
    MBTU$FOUFS-PDBUJPO
    
    TFMGMBTU$FOUFS-PDBUJPO
    
    
    
    
    
    
    
    
    
    
    
    
    MBTU$FOUFS-PDBUJPOEJTUBODF UBSHFU
    MPDBUJPO
    
    TFMGNPWJOH5ISFTIPVME
    
    SPVUF%JTQMBZ
    
    GBMTF
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    NҎ্Ҡಈͨ͠Βɺߋ৽
    
    
    
    
    
    
    
    
    
    
    
    
    TFMGSFMPBE"OOPUBUJPO MPDBUJPO
    MPDBUJPO
    SBEJVT
    NBQ6TFS*O
    
    
    
    
    
    
    
    
    ^
    FMTF
    JG
    TFMGMBTU$FOUFS-PDBUJPO
    
    OJM
    
    SPVUF%JTQMBZ
    
    GBMTF
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    ࠷ॳͷϩʔυ
    
    
    
    
    
    
    
    
    
    
    
    
    TFMGSFMPBE"OOPUBUJPO MPDBUJPO
    MPDBUJPO
    SBEJVT
    NBQ6TFS*O
    
    
    
    
    
    
    
    
    ^
    FMTF
    JG
    TFMGNBQ7JFXBOOPUBUJPOTDPNQBDU.BQ \
    
    BT
    6TFS"OOPUBUJPO
    ^ JT&NQUZ
    \
    
    
    
    
    
    
    
    
    
    
    
    
    TFMGSFMPBE"OOPUBUJPO MPDBUJPO
    MPDBUJPO
    SBEJVT
    NBQ6TFS*O
    
    
    
    
    
    
    
    
    ^ OPSJOB
28. දࣔ͢ΔϢʔβʔΛ·ͱΊΔ JG
    NBQ7JFX[PPN-FWFM
    
    TFMGNBQ;PPN-FWFM5ISFTIPVME
    \
    
    
    
    
    
    
    
    
    
    
    
    
    NBQ7JFXBOOPUBUJPOTGPS&BDI
    \
    BOOPUBUJPO
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    JG
    MFU
    DMVTUFS
    
    BOOPUBUJPO
    BT
    .,$MVTUFS"OOPUBUJPO
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    NBQ7JFXSFNPWF"OOPUBUJPO DMVTUFS
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    DMVTUFSNFNCFS"OOPUBUJPOTGPS&BDI
    \
    BOOPUBUJPO
    JO
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    JG
    MFU
    BOOPUBUJPO
    
    BOOPUBUJPO
    BT
    %SJWFS"OOPUBUJPO
    \
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    NBQ7JFXSFNPWF"OOPUBUJPO BOOPUBUJPO
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    NBQ7JFXBEE"OOPUBUJPOT DMVTUFSNFNCFS"OOPUBUJPOT
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    
    
    
    
    ^
    
    
    
    
    
    
    
    
    ^ OPSJOB
29. ࠷ޙʹ nori-na͸Hosting࢝Ί·ͨ͠ɻ OPSJOB
30. Hostingͱ͸ WebϖʔδΛެ։͢Δ࢓૊Έ ɾJavaScriptͷϑϨʔϜϫʔΫͰ͋Ε͹ͳΜͰ΋ྑ͍ ɾCloud Functionಉ༷πʔϧ͸npmܦ༝ͰΠϯετʔϧ ɾΞοϓϩʔυ΋Cloud Functionͱಉ༷ ɾ΋ͪΖΜFirestoreͷ৘ใΛදࣔՄೳ ɾnori-naͰ͸Vue.jsͰ࡞੒ OPSJOB
31. IUUQTTFBSDIOPSJOBKQ OPSJOB
32. IUUQTTFBSDIOPSJOBKQ OPSJOB
33. ·ͱΊ Firebase+Map͸਌࿨ੑ͕ඇৗʹߴ͍ ϢʔβʔҐஔ৘ใΛϚοϓʹϦΞϧλΠϜදࣔ͢Δͱ݁ߏ໘ന͍ ͔ͦ͠͠ͷ··Ͱ͸ॲཧʹ໰୊ ରࡦ • දࣔ͢ΔൣғΛݶఆ • ଟ਺ͷϢʔβʔΛҰͭʹ·ͱΊΔ Webϖʔδ͸HostingͰ։ൃ͠Α͏
34. ͋Γ͕ͱ͏͍͟͝·ͨ͠