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

Slide 1

Slide 1 text

React NativeͰ͸͡ΊΔ ϋΠύϑΥʔϚϯε εϚϗΞϓϦ։ൃ Head fi rst high-performance mobile app development with React Native. Gunma.web #43 ΫϦʔϯΞʔΩςΫνϟ 2021.11.14 @ Online Tsubasa SEKIGUCHI

Slide 2

Slide 2 text

TinyKitten Freelance frontend engineer I 💖 OSS & Cat🐈 Born in Gunma🐴 Live in Tokyo🗼

Slide 3

Slide 3 text

Tsubasa SEKIGUCHI ౎಺Λڌ఺ͱ͢Δ܈അݝલڮࢢੜ·ΕͷϑϦʔϥϯεͷ  ϑϩϯτΤϯυΤϯδχΞɻ ͖ͬͨΜͱݺ͹Ε͍ͯ·͢ɻ ͪͳΈʹ࠷ۙϦϣΫγϟΧ͹͔ͬΓௌ͍ͯ·͢ɻ

Slide 4

Slide 4 text

TrainLCD ೔ຊશࠃͷమಓ࿏ઢͰ࢖͑Δ ৽ײ֮ͷφϏήʔγϣϯΞϓϦͰ͢ɻ

Slide 5

Slide 5 text

+BWB4DSJQUɺ޷͖Ͱ͔͢ʁ ͸͡Ίʹ

Slide 6

Slide 6 text

ͱʹ͔͘+BWB4DSJQU͕޷͖ʜ ͦΜͳ͋ͳͨ +BWB4DSJQUͰεϚϗΞϓϦΛ࡞Γ·ͤΜ͔ʁ ͸͡Ίʹ

Slide 7

Slide 7 text

Ͱ΋ɺͲ͏΍ͬͯʁ ͸͡Ίʹ

Slide 8

Slide 8 text

͸͡Ίʹ React Native

Slide 9

Slide 9 text

͸͡Ίʹ React Native ࠓճ͸3FBDU /BUJWF ͷ ࣮຿ܦݧΛ೥΄ͲੵΜͩ ஌ݟΛڞ༗͍ͨ͠ͱࢥ͍·͢ɻ

Slide 10

Slide 10 text

3FBDU/BUJWFͬͯԿʁ React Native ͬͯԿʁ

Slide 11

Slide 11 text

3FBDU/BUJWFͬͯԿʁ React Native ฏͨ͘ݴ͏ͱʜ 6*ߏஙͷͨΊͷ+4ϥΠϒϥϦ ʮ3FBDUKTʯΛJ04"OESPJE ౳ͷωΠςΟϒػೳͱڞʹ ։ൃͰ͖ΔΑ͏ʹͨ͠΋ͷ

Slide 12

Slide 12 text

3FBDU/BUJWFͬͯԿʁ React Native ͞Βʹݴ͏ͱʜ J04"OESPJE͚ͩͰͳ͘ɺ 8FC։ൃ΋Ͱ͖ͨΓ͢Δ 3FBDU/BUJWFGPS8FC͸ ࠓͷॴ҆ఆͯ͠࢖͑ΔΠϝʔδ͸ͳ͍Ͱ͕͢ʜ

Slide 13

Slide 13 text

3FBDU/BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ ૣ଎ Pros.

Slide 14

Slide 14 text

3FBDU/BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ 3FBDUKTͷ͍͍ͱ͜Ζʜ 3FBDUKTͷ஌ࣝͰ ͍͍ͩͨͷ։ൃ͕Ͱ͖ΔͷͰ ֶशίετΛͳΔ΂͘෷Θͣʹ ։ൃΛ࢝ΊΒΕΔ

Slide 15

Slide 15 text

3FBDU/BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ $PSEPWBͱҧͬͯʜ ࣮ߦʹ8FC7JFXΛ࢖༻ͤͣʹ +49͕ωΠςΟϒ6*ʹม׵͞ΕΔͷͰɺ Ұൠతʹ$PSEPWBΑΓύϑΥʔϚϯε͕ྑ͍

Slide 16

Slide 16 text

3FBDU/BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ ͪ͜Β͸$PSEPWBͱͦΕ΄ͲมΘΒͳ͍Ͱ͕͢ʜ +4͚ͩͰ࣮ݱͰ͖ͳ͍ॲཧ͸ 0CKFDUJWF$ 4XJGU +BWBͰ࣮૷Մೳ

Slide 17

Slide 17 text

3FBDU/BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ લͷεϥΠυͱ͔ͿΓ·͕͢ 3FBDU/BUJWFʹରԠ͍ͯ͠ͳ͍ ωΠςΟϒػೳ΋ϒϦοδ͢Ε͹ ։ൃͰ͖Δ FH"QQMF8BUDIΞϓϦ΢ΟδΣοτͳͲʜ 5SBJO-$%ͷ8BUDIରԠ खલຯḩͰ͢Έ·ͤΜ

Slide 18

Slide 18 text

3FBDU/BUJWFΛ࢖͏ͱԿ͕خ͍͔͠ ஍ҬʹΑΔ͔΋͠Εͳ͍Ͱ͕͢ʜ 3FBDUͷΤϯδχΞ͸ଟ͍ͷͰɺ 3FBDU/BUJWF։ൃਓһΛ૿΍͠΍͍͔͢΋ ωΠςΟϒ࣮૷͕ඞཁͳ৔߹͕͋ΔͷͰɺશ͘ಉ͡ͳϊϦͰ࠾༻͸Ͱ͖ͳ͍͔΋͠Εͳ͍Ͱ͢ɻ

Slide 19

Slide 19 text

3FBDU/BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ΍ͬͺΓ͋Γ·͢ Cons.

Slide 20

Slide 20 text

3FBDU/BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ౰ͨΓલ͚ͩͲͪΐͬͱ௧͍ʜ ΍͸Γ+BWB4DSJQUͳͷͰɺ 4XJGU΍+BWBͱൺ΂Δͱ ݴޠ࢓༷͕ශऑ Ϛγʹ͢ΔͨΊʹ͸   5ZQF4DSJQU࢖͍͖ͬͯ·͠ΐ͏

Slide 21

Slide 21 text

3FBDU/BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ͍͍ͩͨ&YQPʢޙड़ʣͰे෼։ൃͰ͖·͕͢ ωΠςΟϒϥΠϒϥϦ͕ ෆे෼ͩͬͨΓɺ ͦ΋ͦ΋ͳ͍ͱ͖͸ ωΠςΟϒಠ࣮ࣗ૷͕ඞཁ͔΋ 4XJGUΛ3/ͷωΠςΟϒϞδϡʔϧʹ࢖͏ͱ͖͸   0CKFDUJWF$͔ΒϒϦοδ͢Δඞཁ͕͋Δ͔΋

Slide 22

Slide 22 text

3FBDU/BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ جຊతʹ৺഑͢Δඞཁ͸ͳ͍ͱࢥ͍·͢ Ͳ͏ͯ͠΋ωΠςΟϒ 4XJGU ,PUMJOͳͲ Ͱ ։ൃͨ͠৔߹ͱൺ΂ͯ ύϑΥʔϚϯε͕ѱ͔ͬͨΓ ΞϓϦͷ%-αΠζ͕େ͖͘ͳΔ͜ͱ͕͋Γ·͢

Slide 23

Slide 23 text

3FBDU/BUJWFΛ࢖Θͳ͍΄͏͕ྑ͍ͱ͖ ׬ᘳʹҰॹʹ͍ͨ͠ͳΒʜ J04ͱ"OESPJEͰ+4ଆͷ"1*͕ҧͬͨΓ ද͕ࣔͣΕͨΓ͢Δ͜ͱ͕͋Δ 👉+4ଆͷίʔυͰϓϥοτϑΥʔϜΛ෼͚Δඞཁ͕͋Δͱ͖͕͋Δ͔΋

Slide 24

Slide 24 text

৐͔ͬΔ΂͖ΤίγεςϜ 3FBDUKT༝དྷͷॆ࣮ͨ͠ ΤίγεςϜ

Slide 25

Slide 25 text

৐͔ͬΔ΂͖ΤίγεςϜ &YQP ͍͍͓ͩͨੈ࿩ʹͳΓ·͢ɻ ৭ʑϥΠϒϥϦΛग़ͯͨ͠Γ͢Δɻ ϫʔΫϑϩʔʹΑͬͯ͸ɺ 23ίʔυͰ։ൃͨ͠ΞϓϦΛ ىಈͰ͖ͨΓ͠·͢ɻ

Slide 26

Slide 26 text

৐͔ͬΔ΂͖ΤίγεςϜ 3FBDU/BWJHBUJPO ϧʔςΟϯάͱφϏήʔγϣϯͷϥΠϒϥϦɻ ͍͍ͩͨ͜Ε͕3/ͰͷσϑΝΫτελϯμʔυ ʹͳͬͯ·͢ɻ 3/Ͱͷ3FBDU3PVUFSͷΑ͏ͳଘࡏɻ

Slide 27

Slide 27 text

৐͔ͬΔ΂͖ΤίγεςϜ 'BTUMBOF 3FBDUKT΍3FBDU/BUJWFʹݶͬͨ044Ͱ͸ͳ͍Ͱ͕͢ɺ ΞϓϦͷϏϧυ΍5FTU'MJHIU(PPHMF1MBZ"QQ%JTUSJCVUJPO ͳͲ΁ͷσϓϩΠΛࣗಈԽͯ͘͠Ε·͢🚀

Slide 28

Slide 28 text

ྨࣅϑϨʔϜϫʔΫ 3FBDU/BUJWFҎ֎ͷ ྨࣅϑϨʔϜϫʔΫ

Slide 29

Slide 29 text

ྨࣅϑϨʔϜϫʔΫ 'MVUUFS %BSUͱ͍͏+BWB$ϥΠΫͷݴޠΛ࢖ͬͯهड़ 'MVUUFS΋8FC7JFXͳ͠Ͱಈ͖·͢ɻ +BWBܥͷΩϟϦΞΛੵΜͰ͍ΔਓͳΒɺ 3FBDU/BUJWFΑΓ'MVUUFSͷ΄͏͕ ͱ͖ͬͭ΍͍͔͢΋ɻ

Slide 30

Slide 30 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening! Gunma.web #43 ΫϦʔϯΞʔΩςΫνϟ 2021.11.14 @ Online Tsubasa SEKIGUCHI