React Nativeではじめる ハイパフォーマンス スマホアプリ開発

Gunma.web #43

Transcript

1. React NativeͰ͸͡ΊΔ ϋΠύϑΥʔϚϯε εϚϗΞϓϦ։ൃ Head fi rst high-performance mobile app development with React Native. Gunma.web #43 ΫϦʔϯΞʔΩςΫνϟ 2021.11.14 @ Online Tsubasa SEKIGUCHI
2. TinyKitten Freelance frontend engineer I 💖 OSS & Cat🐈 Born in Gunma🐴 Live in Tokyo🗼
3. Tsubasa SEKIGUCHI ౎಺Λڌ఺ͱ͢Δ܈അݝલڮࢢੜ·ΕͷϑϦʔϥϯεͷ
 ϑϩϯτΤϯυΤϯδχΞɻ ͖ͬͨΜͱݺ͹Ε͍ͯ·͢ɻ ͪͳΈʹ࠷ۙϦϣΫγϟΧ͹͔ͬΓௌ͍ͯ·͢ɻ
4. TrainLCD ೔ຊશࠃͷమಓ࿏ઢͰ࢖͑Δ ৽ײ֮ͷφϏήʔγϣϯΞϓϦͰ͢ɻ
5. +BWB4DSJQUɺ޷͖Ͱ͔͢ʁ ͸͡Ίʹ
6. ͱʹ͔͘+BWB4DSJQU͕޷͖ʜ
   ͦΜͳ͋ͳͨ
   +BWB4DSJQUͰεϚϗΞϓϦΛ࡞Γ·ͤΜ͔ʁ ͸͡Ίʹ
7. Ͱ΋ɺͲ͏΍ͬͯʁ ͸͡Ίʹ
8. ͸͡Ίʹ React Native
9. ͸͡Ίʹ React Native ࠓճ͸3FBDU /BUJWF ͷ
   ࣮຿ܦݧΛ೥΄ͲੵΜͩ
   ஌ݟΛڞ༗͍ͨ͠ͱࢥ͍·͢ɻ
10. 3FBDU
    /BUJWFͬͯԿʁ React Native ͬͯԿʁ
11. 3FBDU
    /BUJWFͬͯԿʁ React Native ฏͨ͘ݴ͏ͱʜ
    6*ߏஙͷͨΊͷ+4ϥΠϒϥϦ
    ʮ3FBDUKTʯΛJ04"OESPJE
    ౳ͷωΠςΟϒػೳͱڞʹ
    ։ൃͰ͖ΔΑ͏ʹͨ͠΋ͷ
12. 3FBDU
    /BUJWFͬͯԿʁ React Native ͞Βʹݴ͏ͱʜ
    J04"OESPJE͚ͩͰͳ͘ɺ
    8FC։ൃ΋Ͱ͖ͨΓ͢Δ
    3FBDU
    /BUJWF
    GPS
    8FC͸
    ࠓͷॴ҆ఆͯ͠࢖͑ΔΠϝʔδ͸ͳ͍Ͱ͕͢ʜ
13. 3FBDU
    /BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ ૣ଎
    Pros.
14. 3FBDU
    /BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ 3FBDUKTͷ͍͍ͱ͜Ζʜ
    3FBDUKTͷ஌ࣝͰ
    ͍͍ͩͨͷ։ൃ͕Ͱ͖ΔͷͰ
    ֶशίετΛͳΔ΂͘෷Θͣʹ
    ։ൃΛ࢝ΊΒΕΔ
15. 3FBDU
    /BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ $PSEPWBͱҧͬͯʜ
    ࣮ߦʹ8FC7JFXΛ࢖༻ͤͣʹ
    +49͕ωΠςΟϒ6*ʹม׵͞ΕΔͷͰɺ
    Ұൠతʹ$PSEPWBΑΓύϑΥʔϚϯε͕ྑ͍
16. 3FBDU
    /BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ ͪ͜Β͸$PSEPWBͱͦΕ΄ͲมΘΒͳ͍Ͱ͕͢ʜ
    +4͚ͩͰ࣮ݱͰ͖ͳ͍ॲཧ͸
    0CKFDUJWF$
    4XJGU
    +BWBͰ࣮૷Մೳ
17. 3FBDU
    /BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ લͷεϥΠυͱ͔ͿΓ·͕͢
    3FBDU
    /BUJWFʹରԠ͍ͯ͠ͳ͍
    ωΠςΟϒػೳ΋ϒϦοδ͢Ε͹
    ։ൃͰ͖Δ
    FH
    "QQMF
    8BUDIΞϓϦ΢ΟδΣοτͳͲʜ
    5SBJO-$%ͷ8BUDIରԠ
    खલຯḩͰ͢Έ·ͤΜ
18. 3FBDU
    /BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ ஍ҬʹΑΔ͔΋͠Εͳ͍Ͱ͕͢ʜ
    3FBDUͷΤϯδχΞ͸ଟ͍ͷͰɺ
    3FBDU
    /BUJWF։ൃਓһΛ૿΍͠΍͍͔͢΋
    ωΠςΟϒ࣮૷͕ඞཁͳ৔߹͕͋ΔͷͰɺશ͘ಉ͡ͳϊϦͰ࠾༻͸Ͱ͖ͳ͍͔΋͠Εͳ͍Ͱ͢ɻ
19. 3FBDU
    /BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ΍ͬͺΓ͋Γ·͢
    Cons.
20. 3FBDU
    /BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ౰ͨΓલ͚ͩͲͪΐͬͱ௧͍ʜ
    ΍͸Γ+BWB4DSJQUͳͷͰɺ
    4XJGU΍+BWBͱൺ΂Δͱ
    ݴޠ࢓༷͕ශऑ
    Ϛγʹ͢ΔͨΊʹ͸ 
 5ZQF4DSJQU࢖͍͖ͬͯ·͠ΐ͏
21. 3FBDU
    /BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ͍͍ͩͨ&YQPʢޙड़ʣͰे෼։ൃͰ͖·͕͢
    ωΠςΟϒϥΠϒϥϦ͕
    ෆे෼ͩͬͨΓɺ
    ͦ΋ͦ΋ͳ͍ͱ͖͸
    ωΠςΟϒಠ࣮ࣗ૷͕ඞཁ͔΋
    4XJGUΛ3/ͷωΠςΟϒϞδϡʔϧʹ࢖͏ͱ͖͸ 
 0CKFDUJWF$͔ΒϒϦοδ͢Δඞཁ͕͋Δ͔΋
22. 3FBDU
    /BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ جຊతʹ৺഑͢Δඞཁ͸ͳ͍ͱࢥ͍·͢
    
    Ͳ͏ͯ͠΋ωΠςΟϒ 4XJGU
    ,PUMJOͳͲ Ͱ
    ։ൃͨ͠৔߹ͱൺ΂ͯ
    ύϑΥʔϚϯε͕ѱ͔ͬͨΓ
    ΞϓϦͷ%-αΠζ͕େ͖͘ͳΔ͜ͱ͕͋Γ·͢
23. 3FBDU
    /BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ׬ᘳʹҰॹʹ͍ͨ͠ͳΒʜ
    J04ͱ"OESPJEͰ+4ଆͷ"1*͕ҧͬͨΓ
    ද͕ࣔͣΕͨΓ͢Δ͜ͱ͕͋Δ
    👉+4ଆͷίʔυͰϓϥοτϑΥʔϜΛ෼͚Δඞཁ͕͋Δͱ͖͕͋Δ͔΋
24. ৐͔ͬΔ΂͖ΤίγεςϜ 3FBDUKT༝དྷͷॆ࣮ͨ͠
    ΤίγεςϜ
25. ৐͔ͬΔ΂͖ΤίγεςϜ &YQP
    ͍͍͓ͩͨੈ࿩ʹͳΓ·͢ɻ
    ৭ʑϥΠϒϥϦΛग़ͯͨ͠Γ͢Δɻ
    ϫʔΫϑϩʔʹΑͬͯ͸ɺ
    23ίʔυͰ։ൃͨ͠ΞϓϦΛ
    ىಈͰ͖ͨΓ͠·͢ɻ
26. ৐͔ͬΔ΂͖ΤίγεςϜ 3FBDU
    /BWJHBUJPO
    ϧʔςΟϯάͱφϏήʔγϣϯͷϥΠϒϥϦɻ
    ͍͍ͩͨ͜Ε͕3/ͰͷσϑΝΫτελϯμʔυ
    ʹͳͬͯ·͢ɻ
    3/Ͱͷ3FBDU
    3PVUFSͷΑ͏ͳଘࡏɻ
27. ৐͔ͬΔ΂͖ΤίγεςϜ 'BTUMBOF
    3FBDUKT΍3FBDU
    /BUJWFʹݶͬͨ044Ͱ͸ͳ͍Ͱ͕͢ɺ
    ΞϓϦͷϏϧυ΍5FTU'MJHIU(PPHMF
    1MBZ"QQ
    %JTUSJCVUJPO
    ͳͲ΁ͷσϓϩΠΛࣗಈԽͯ͘͠Ε·͢🚀
28. ྨࣅϑϨʔϜϫʔΫ 3FBDU
    /BUJWFҎ֎ͷ
    ྨࣅϑϨʔϜϫʔΫ
29. ྨࣅϑϨʔϜϫʔΫ 'MVUUFS
    %BSUͱ͍͏+BWB$ϥΠΫͷݴޠΛ࢖ͬͯهड़
    'MVUUFS΋8FC7JFXͳ͠Ͱಈ͖·͢ɻ
    +BWBܥͷΩϟϦΞΛੵΜͰ͍ΔਓͳΒɺ
    3FBDU
    /BUJWFΑΓ'MVUUFSͷ΄͏͕
    ͱ͖ͬͭ΍͍͔͢΋ɻ
30. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening! Gunma.web #43 ΫϦʔϯΞʔΩςΫνϟ 2021.11.14 @ Online Tsubasa SEKIGUCHI