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

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

68c380c9ce344f9e11d8a181d329426d?s=128

DaikiOKA

August 21, 2019
Tweet

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 $MPVEGVODUJPOT GPSpSFCBTF όοΫΤϯυ '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. ຖճϢʔβʔΛಡΈࠐΉ JGMFUMBTU$FOUFS-PDBUJPOTFMGMBTU$FOUFS-PDBUJPO  MBTU$FOUFS-PDBUJPOEJTUBODF UBSHFUMPDBUJPO TFMGNPWJOH5ISFTIPVME SPVUF%JTQMBZGBMTF\ NҎ্Ҡಈͨ͠Βɺߋ৽ TFMGSFMPBE"OOPUBUJPO MPDBUJPOMPDBUJPO

    SBEJVTNBQ6TFS*O  ^FMTFJGTFMGMBTU$FOUFS-PDBUJPOOJMSPVUF%JTQMBZGBMTF\ ࠷ॳͷϩʔυ TFMGSFMPBE"OOPUBUJPO MPDBUJPOMPDBUJPO SBEJVTNBQ6TFS*O  ^FMTFJGTFMGNBQ7JFXBOOPUBUJPOTDPNQBDU.BQ \BT 6TFS"OOPUBUJPO^ JT&NQUZ\ TFMGSFMPBE"OOPUBUJPO MPDBUJPOMPDBUJPO SBEJVTNBQ6TFS*O  ^ OPSJOB
  28. දࣔ͢ΔϢʔβʔΛ·ͱΊΔ JGNBQ7JFX[PPN-FWFMTFMGNBQ;PPN-FWFM5ISFTIPVME\ NBQ7JFXBOOPUBUJPOTGPS&BDI\BOOPUBUJPOJO JGMFUDMVTUFSBOOPUBUJPOBT .,$MVTUFS"OOPUBUJPO\ NBQ7JFXSFNPWF"OOPUBUJPO DMVTUFS  DMVTUFSNFNCFS"OOPUBUJPOTGPS&BDI\ BOOPUBUJPO

    JO JGMFUBOOPUBUJPOBOOPUBUJPOBT %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. ͋Γ͕ͱ͏͍͟͝·ͨ͠