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

by DaikiOKA

Slide 1

Slide 1 text

Nori-na Tech Night vol.4 Ґஔ৘ใΛར༻ͨ͠MAPΞϓϦͷ։ൃ

Slide 2

Slide 2 text

5XJUUFS*% !OPSJOPSJ@PLB Ԭେو • ৽ଔͰZERO TO ONEʹೖࣾ͠ɺ nori-naʹδϣΠϯ͢Δɻ • ࣾձਓ̏೥໨ࣾ಺།ҰͷΞϓϦΤ ϯδχΞ • iOS(Objective-CɺSwift)ɺ Android(JavaɺKotlin)ɺWebͱ αʔόʔ(CakePHPɺTypeScript) Ͱ։ൃ ࣗݾ঺հ OPSJOB

Slide 3

Slide 3 text

OPSJOB 'JSFTUPSF $MPVEGVODUJPOT GPSpSFCBTF όοΫΤϯυ 'JSFCBTF nori-naͷγεςϜߏ੒ ໰͍߹Θͤ OPSJOB

Slide 4

Slide 4 text

ࠓ೔ͷ͓࿩ OPSJOB

Slide 5

Slide 5 text

Ґஔ৘ใΛར༻ͨ͠ΞϓϦ͕ ૿Ճ܏޲ OPSJOB

Slide 6

Slide 6 text

Ґஔ৘ใΛڞ༗͢Δ͜ͱʹ ఍߅ײ͕ͳ͘ͳ͖ͬͯͨ OPSJOB ஍ਤར༻࣮ଶௐࠪcגࣜձࣾθϯϦϯ

Slide 7

Slide 7 text

ϙέϞϯGO Zenly Twitter OPSJOB

Slide 8

Slide 8 text

چόʔδϣϯ ৽όʔδϣϯ ςΩετϕʔε Πϕϯτॏࢹ Ϛοϓϕʔε ϦΞϧλΠϜॏࢹ OPSJOB

Slide 9

Slide 9 text

ͳͥม͑ͨͷ͔ OPSJOB

Slide 10

Slide 10 text

چόʔδϣϯ ৽όʔδϣϯ ςΩετϕʔε Πϕϯτॏࢹ Ϛοϓϕʔε ϦΞϧλΠϜॏࢹ OPSJOB

Slide 11

Slide 11 text

ωΠςΟϒͷҙຯͳ͍ OPSJOB

Slide 12

Slide 12 text

Ϣʔβʔʹ ΋ͬͱ༗ޮͳΞϓϦͷ࢖͍ํΛ ͯ͠΄͍͠ OPSJOB

Slide 13

Slide 13 text

MAPͰϦΞϧλΠϜʹ૬৐Γ OPSJOB

Slide 14

Slide 14 text

MAPϝΠϯͰؾ͍ͮͨ͜ͱ OPSJOB

Slide 15

Slide 15 text

Ϣʔβʔͷ཭୤཰͕௿͍ OPSJOB

Slide 16

Slide 16 text

Ұिؒޙͷ཭୤཰ چόʔδϣϯ 10~15% ৽όʔδϣϯ 20~35% ଟ͍࣌50% OPSJOB

Slide 17

Slide 17 text

ͳͥ OPSJOB

Slide 18

Slide 18 text

ϢʔβʔͷϦΞϧλΠϜͳಈ͖͕ ݟΕΔ͔Β OPSJOB

Slide 19

Slide 19 text

஌Βͳ͍ਓͰ΋࣮ࡍʹډΔͱ ҆৺͢Δ OPSJOB

Slide 20

Slide 20 text

FirebaseͷϦΞϧλΠϜੑΛ׆༻ • FirestoreΛར༻ • ΞΫςΟϒͳϢʔβʔҎ֎Λ ൒ಁ໌ • දࣔͯ͠ಈ͍͍ͯΔϢʔβʔ ͷಈ͖Λ௥͏ • Ͳͷ͘Β͍લʹىಈͨ͠ͷ͔ Θ͔Δ

Slide 21

Slide 21 text

• FirestoreΛར༻ • ΞΫςΟϒͳϢʔβʔҎ֎Λ ൒ಁ໌ • දࣔͯ͠ಈ͍͍ͯΔϢʔβʔ ͷಈ͖Λ௥͏ • Ͳͷ͘Β͍લʹىಈͨ͠ͷ͔ Θ͔Δ FirebaseͷϦΞϧλΠϜੑΛ׆༻

Slide 22

Slide 22 text

࢖༻ͨ͠MAP .BQ,JU (PPHMF.BQ ਌࿨ੑ σϑΥϧτ αʔυύʔςΟʔ ྉۚ ແྉ ैྔ੍ ܦ࿏දࣔ ͋Γ ͳ͠ ϝϞϦ গͳ͍ ଟ͍ MapKitͷศརͳ఺ ɾٯGeocodingɿҢ౓ܦ౓͔ΒॅॴΛऔಘՄೳ GoogleMapͷศརͳ఺ ɾ༗໊ͳ؍ޫ஍ͷ৘ใΛදࣔՄೳ OPSJOB

Slide 23

Slide 23 text

ϢʔβʔͷҐஔ৘ใ Firestore্ͷҰͭͷҐஔ৘ใΛ ߋ৽͠ଓ͚Δ →উखʹߋ৽ →ϦΞϧλΠϜͰϢʔβʔ͕ಈ͘ OPSJOB

Slide 24

Slide 24 text

໰୊఺ OPSJOB

Slide 25

Slide 25 text

ಈ࡞͕ॏ͘ͳΔ OPSJOB

Slide 26

Slide 26 text

ಈ࡞͕ॏ͘ͳΔݪҼ ঢ়گ දࣔ͢ΔϢʔβʔ͕ଟ͗͢Δʢ͓Αͦ300 ϢʔβʔΛ௒͑Δʣͱը໘͕ఀࢭ͍ͯ͠ ͨɻ ݪҼ ΞΠίϯը૾ͷαΠζ੍ݶΛ͔͚͍ͯͳ ͔ͬͨͨΊɺը૾ʹΑͬͯ͸ಡΈࠐΈʹ࣌ ͕͔͔ؒͬͨ

Slide 27

Slide 27 text

ຖճϢʔβʔΛಡΈࠐΉ 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

Slide 28

Slide 28 text

දࣔ͢ΔϢʔβʔΛ·ͱΊΔ 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

Slide 29

Slide 29 text

࠷ޙʹ nori-na͸Hosting࢝Ί·ͨ͠ɻ OPSJOB

Slide 30

Slide 30 text

Hostingͱ͸ WebϖʔδΛެ։͢Δ࢓૊Έ ɾJavaScriptͷϑϨʔϜϫʔΫͰ͋Ε͹ͳΜͰ΋ྑ͍ ɾCloud Functionಉ༷πʔϧ͸npmܦ༝ͰΠϯετʔϧ ɾΞοϓϩʔυ΋Cloud Functionͱಉ༷ ɾ΋ͪΖΜFirestoreͷ৘ใΛදࣔՄೳ ɾnori-naͰ͸Vue.jsͰ࡞੒ OPSJOB

Slide 31

Slide 31 text

IUUQTTFBSDIOPSJOBKQ OPSJOB

Slide 32

Slide 32 text

IUUQTTFBSDIOPSJOBKQ OPSJOB

Slide 33

Slide 33 text

·ͱΊ Firebase+Map͸਌࿨ੑ͕ඇৗʹߴ͍ ϢʔβʔҐஔ৘ใΛϚοϓʹϦΞϧλΠϜදࣔ͢Δͱ݁ߏ໘ന͍ ͔ͦ͠͠ͷ··Ͱ͸ॲཧʹ໰୊ ରࡦ • දࣔ͢ΔൣғΛݶఆ • ଟ਺ͷϢʔβʔΛҰͭʹ·ͱΊΔ Webϖʔδ͸HostingͰ։ൃ͠Α͏

Slide 34

Slide 34 text

͋Γ͕ͱ͏͍͟͝·ͨ͠