ReactNativeで位置情報を利用したアプリを作る

社内勉強会の資料です。
ReactNativeの勉強で作ったアプリの紹介。半分ネタ、半分本気。

Transcript

1. 3FBDU/BUJWFͱ("&(PͰ
   Ґஔ৘ใΛར༻ͨ͠ΞϓϦΛ࡞Δ  ླ໦ඈௗ
   !UBOLTV[VLJ
2. 2VJ[
3.  2
   Կͷ਺ࣈͰ͠ΐ͏͔ʁ
4. "
   ຊࣾτΠϨͷݸࣨ਺
5.  2
   Կͷ਺ࣈͰ͠ΐ͏͔ʁ
6. "
   ຊࣾτΠϨͷ"WBJMBCJMJUZ
   ݸ͕ࣨͭͰ΋ۭ͍͍ͯΔͱͨ͠৔߹ͷମײ஋
7. ௿͗͢ΔՄ༻ੑΛͳΜͱ͔ͯ͠ɺ
   շదͳτΠϨϥΠϑΛखʹೖΕ͍ͨ
8. ࡞ͬͨ
9. (14ʹΑΔҐஔ৘ใΛ࢖ͬͯ
   ۙྡτΠϨͷࠞࡶঢ়گΛ
 ௐ΂ΔΞϓϦ
10. Benpass ✱ ศॴ΁ͷίϯύεʹศύε
    ✱ Ͱ΋ɺ͜ͷ໊લͩͱঁੑϢʔβ֫ಘ͕
 ೉͍͠ͷͰɺվ໊͢΂͖ͩͱࢥͬͯ·͢ɻ
11. %&.0
12. ίϯϙʔωϯτ
13. ίϯϙʔωϯτ ϑϩϯτΤϯυ όοΫΤϯυ 3FBDU/BUJWF ("&(P 3&45
    "1* %BUBTUPSF 3FBE8SJUF
14. 3FBDU
    /BUJWF ✱ 'BDFCPPL੡ͷϞόΠϧΞϓϦ։ൃ༻ϑϨʔϜϫʔΫ
    ✱ +BWBTDSJQU 3FBDUίϯϙʔωϯτ ΛωΠςΟϒίʔυʹม׵͢Δ
    ✱ ͦͷͨΊɺ0CKFDUJWF$4XJGU+BWBΛॻ͚ͳͯ͘΋ΞϓϦ։ൃ͕Ͱ͖Δ
    ✱ ༗໊ॴͰ͸ɺ'BDFCPPLɾ*OTUBHSBNɾ"JSCOCͷΞϓϦ͸3FBDU/BUJWF੡ 8FC։ൃͷ஌͕ࣝ͋Ε͹ɺϞόΠϧΞϓϦΛ։ൃͰ͖Δ
15. ("&(P ✱ ($1ͷ1BB4 1MBUGPSN
    BT
    B
    4FSWJDF
    ✱ ιʔείʔυΛΞοϓϩʔυ͢ΔͱɺࣗಈͰίϯςφԽ͞Ε࣮ͯߦ͞ΕΔ
    ✱ ίϯςφҎԼͷϨΠϠ͸ࣗಈӡ༻ɾεέʔϧͷͨΊɺ։ൃʹूதͰ͖Δ
    ✱ 1BB4͕ۤखͱ͢Δߴෛՙͳॲཧ͸ɺ*BB4 ($& ʹΦϑϩʔυͰ͖Δ ϩοΫΠϯΛड͚ೖΕΔͱɺӡ༻ίετ΄΅ͷΠϯϑϥ؀ڥ
16. %BUBTUPSF ✱ ($1ͷϑϧϚωʔδυ/P42-
    %#
    ✱ ੨ఱҪεέʔϧʢ༰ྔແݶͰࣗಈ֦ுɺ଎౓ྼԽͳ͠ʣ
    ✱ ͨͩ͠ɺಉҰϨίʔυͷߋ৽͸ඵʹ͖ͭճ·Ͱ౳ɺগ͠บ͕͋Δ
    ✱ ॊೈͳΫΤϦ͕ൃߦͰ͖ͳ͍ͷͰɺ࢓༷Λԡ͑ͨ͞εΩʔϚઃܭ͕௒ॏཁ ઃܭʹۤ࿑͢Δ͕ɺӡ༻ϑΣʔζ͸ຆͲख์͠Ͱ0,ͳ%#
17. (FPIBTI ✱ Ң౓ܦ౓ FH
    ๺Ң౦ܦ ͸ϓϩάϥϜ্Ͱ͸ѻ͍ͮΒ͍
 ୹ܘΤϦΞ಺ͷΦϒδΣΫτΛݕࡧ͢Δࡍɺෆ౳߸ϑΟϧλΛճ͔͚Δඞཁ͕͋Δ
    ✱ ͦͷͨΊɺҢ౓ɾܦ౓ɾਫ਼౓Λ୯ҰจࣈྻͰදݱ͢Δ(FPIBTIΛ࢖͏
    ✱ (FPIBTIΛ࢖͑͹ɺ஍ද্ͷ୹ܘΤϦΞΛϋογϡͰදݱՄೳʹͳΔ
 ଞʹ΋(FP)FY΍2VBE,FZͱ͍͏ํ๏΋͋Δ
18. (FPIBTI
19. (FPIBTI  
20. (FPIBTI    ۠੾Δ
21.  (FPIBTI   ۠੾Δ
22. (FPIBTI ✱ ஍දΛ۠੾Ε͹۠੾Δ΄Ͳ ͭ·Γਫ਼౓্͕͕Δ΄Ͳ Ϗοτྻ͕௕͘ͳΔ
 ʹϋογϡจࣈྻ͕௕͘ͳΔ
    ✱ ࠷ऴతʹϏοτྻ͸#"4&ͰΤϯίʔυ͞Εͯදݱ͞ΕΔ
 ʹຊࣾͷ(FPIBTI
    YOIFQ
    ✱ ෺ཧతʹ͍ۙΤϦΞ͸ϋογϡ͕લํҰக͢Δ
 ʹਆాӺͷ(FPIBTI
    YOIE
    ✱ ྡ઀ΤϦΞͷϋογϡ͸ɺத৺ͱ͢Δϋογϡ͔Βܭࢉ͢Δ͜ͱ͕Ͱ͖Δ
23. ΞϓϦͷ࢓૊Έ
24. ࢓૊Έ ✱ ࠨͷϚε͸HFPIBTIͷάϦουͰ͢ɻ
    ✱ ϝʔτϧϨϕϧͰɺ஍දΛॎԣʹ۠੾ͬͨ ΋ͷͱࢥ͍ͬͯͩ͘͞ɻ
25. ࢓૊Έ ϢʔβҐஔ৘ใ ✱ ΞϓϦͷϢʔβ͸ɺࣗ਎ͷҐஔ৘ใΛ
 όοΫΤϯυʹಗ໊Ͱ௨஌͠·͢ɻ
    ✱ όοΫΤϯυ͸ɺड͚औͬͨҐஔ৘ใΛ HFPIBTIʹม׵ͯ͠ɺಗ໊Ϣʔβ͝ͱʹ؅ ཧ͠·͢ɻ )BTI )BTI )BTI )BTI
26. ࢓૊Έ τΠϨҐஔ৘ใ ✱ Ϣʔβ͸ɺτΠϨΛొ࿥͢Δ͜ͱ͕Ͱ͖· ͢ʢҐஔ৘ใͱݸࣨ਺Λొ࿥ʣɻ
    ✱ όοΫΤϯυ͸ɺड͚औͬͨҐஔ৘ใΛ HFPIBTIʹม׵ͯ͠ɺτΠϨ͝ͱʹ؅ཧ͠ ·͢ɻ )BTI )BTI )BTI
27. ࢓૊Έ τΠϨ୳ࡧ ✱ தԝͷϢʔβ͕τΠϨ୳ࡧ"1*Λ࣮ߦ͢Δ ͱɺϢʔβͷݱࡏ஍ͱྡ઀͢ΔϚεͷ HFPIBTIΛ࢖ͬͯτΠϨΛݕࡧ͠·͢ɻ
    ✱ ࠨͷέʔεͰ͸ɺͭͷτΠϨ͕ώοτ͠ ·͢ɻ )JU )JU
28. ࢓૊Έ ࠞࡶ౓ܭࢉ ✱ ώοτͨ͠τΠϨࣗ਎ͷHFPIBTI͔Βྡ઀ ϋογϡ ΦϨϯδ Λܭࢉ͠ɺτΠϨͷத ʹ͍ΔͰ͋Ζ͏ਓ਺ΛΧ΢ϯτ͠·͢ɻ
    ✱ ࠞࡶ౓͸ɺਓ਺ʗݸࣨ਺Ͱܭࢉ͠·͢ɻ $PVOU $PVOU $PVOU
29. ࢓૊Έ ݁Ռͷฦ٫ ✱ ϢʔβͱτΠϨؒͷ௚ઢڑ཭Λܭࢉ͠ɺ
 ͍ۙॱʹιʔτ͠·͢ɻ
    ✱ ݁ՌΛ+40/Ͱฦ٫͠·͢ɻ
30. ࢓૊Έ τΠϨ+40/ \
    
    
    
    
    JE
    
    
    
    
    
    BEESFTT
    +3
    ਆాӺ
    
    ஸ໨
    ஁໶ொ
    ઍ୅ా۠
    ౦ژ౎
    ೔ຊ
    
    
    
    
    
    DBQBDJUZ
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ݸࣨ਺
    
    
    
    
    IFBE@DPVOU
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ਓ਺
    
    
    
    
    DPOHFTUJPO@EFHSFF
    
    
    
    
    ࠞࡶ౓
    
    
    
    
    EJTUBODF
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ݱࡏ஍͔ΒτΠϨ΁ͷ௚ઢڑ཭ ϝʔτϧ
    
    
    
    
    QPTJUJPO
    \
    
    
    
    
    
    
    
    
    
    লུ Ң౓
    ܦ౓
    HFPIBTI౳
    
    
    
    
    ^
    ^
31. ࢓૊Έ Ϛοϓʹϓϩοτ ✱ ΞϓϦͰ͸ɺτΠϨͷҐஔΛࣔ͢ϐϯΛϚο ϓ্ʹϓϩοτ͠·͢ɻ
    ✱ ϐϯͷ৭͸ࠞࡶ౓ʹԠͯ͡ɺΦϨϯδ΍੺ ʹͳΓ·͢ɻ
32. ࢓૊Έ Χʔυදࣔ ✱ τΠϨ৘ใΛɺը໘Լ෦ʹΧʔυͰදࣔ
 ʢ͍ۙॱʣɻ
    ✱ Ϣʔβ͸ɺΧʔυΛεϫΠϓͯࣗ͠෼ʹ࠷ దͳτΠϨΛબͼ·͢ɻ
33. ՝୊
34. Ґஔ৘ใͷਫ਼౓ ✱ ಛʹࣨ಺Ͱ͸(14Ӵ੕͔Βͷి೾͕ݮਰ͢ΔͷͰɺਫ਼౓͕མͪΔɻ
    ✱ ؾѹϕʔεͷߴ౓͸औಘͰ͖Δ΋ͷͷޡ͕ࠩେ͖͍ɻ
 Ϗϧ౳ɺॎʹτΠϨ͕ฒͿ৔߹ͷରԠ͕೉͍͠ɻ
    ✱ Ґஔ৘ใʹ͸ଌఆޡࠩͷ৘ใ΋ؚ·Ε͍ͯΔͷͰɺظ଴஋Λܭࢉ͢Δ͜ͱ ͸Մೳʢத৺஍Λظ଴஋ਓͱ͠ɺ࠷େޡࠩʹͳΔͱਓͱΧ΢ϯτʣɻ
35. ࠞࡶ౓ͷਫ਼౓͸ར༻ऀ਺ʹґଘ ✱ ΞϓϦΛೖΕ͍ͯͳ͍ਓ͸ɺࠞࡶ౓ܭࢉʹؚ·Εͳ͍ɻ
 ʹߴ͍ීٴ཰ʹͳΒͳ͍ͱ࢖͍෺ʹͳΒͳ͍
    ✱ ࢓૊Έ΍ઓུΛ࿅Δඞཁ͸͋Δ͕ɺτΠϨͷະདྷΛײͨͨ͡Ίɺ
 Ϣʔβମݧͷํ޲ੑͱͯ͠͸ؒҧͬͯͳ͍ͱࢥΘΕΔɻ
36. ·ͱΊ
37. ✱ +BWBTDSJQU 3FBDU ͕ॻ͚Ε͹ɺεϚϗΞϓϦΛ࡞Ε·͢ɻ
 ωΠςΟϒΑΓֶशίετ͕௿͍ͷͰɺݸਓ։ൃ΍εϞʔϧνʔϜʹ͓͢͢Ί
 J04"OESPJEͰϩδοΫ෦෼ͷίʔυΛڞ௨ԽͰ͖Δͷ΋ڧΈ
    ✱ 1BB4Λ࢖͑͹ӡ༻ෛՙ͕΄΅ʹͳΓɺ։ൃ ऩӹݯ ʹूதͰ͖·͢ɻ
    ✱ Ґஔ৘ใ͸ϋογϡԽ͢Δͱɺѻ͍΍͘͢ͳΓ·͢ɻ ·ͱΊ
38. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠