Web開発者が React Nativeで開発から本番運用までして辛かった事

by DotEarl

Slide 1

Slide 1 text

Web։ൃऀ͕ React NativeͰ ։ൃ͔Βຊ൪ӡ ༻·Ͱͯ͠ਏ͔ͬ ͨࣄ @DotEarl / Togetter Inc.

Slide 2

Slide 2 text

͋ʔΔ@DotEarl Togetter Inc.

Slide 3

Slide 3 text

ωΠςΟϒΞϓϦͷ։ൃܦݧ͋Γ·ͤΜ ͣͬͱWebଆͷਓؒͰ

Slide 4

Slide 4 text

͠ͳ͍࿩ ٕज़తͳ࿩

Slide 5

Slide 5 text

͢Δ࿩ ਏ͍࿩

Slide 6

Slide 6 text

πΠʔτ·ͱΊΔ΍ͭ τΡΪϟολʔͱ͸ʁ

Slide 7

Slide 7 text

ڈ೥ReactNative Ͱ࡞Γ௚ͯ͠ ϦϦʔεʂ

Slide 8

Slide 8 text

ڈ೥ReactNative Ͱ࡞Γ௚ͯ͠ ϦϦʔεʂ چόʔδϣϯ͸ Titanium੡Ͱ ແ͔ͬͨ͜ͱʹ͞Εͨ

Slide 9

Slide 9 text

ਏ͔ͬͨࣄ

Slide 10

Slide 10 text

޿ࠂSDKͷ૊ΈࠐΈ

Slide 11

Slide 11 text

FB޿ࠂΛ૊ΈࠐΈ͍ͨ ޿ࠂSDKͷ૊ΈࠐΈ

Slide 12

Slide 12 text

FB޿ࠂΛ૊ΈࠐΈ͍ͨ ͍͍ײ͡ͷύοέʔδ͕ݟ͔ͭΒͳ͍ ޿ࠂSDKͷ૊ΈࠐΈ

Slide 13

Slide 13 text

FB޿ࠂΛ૊ΈࠐΈ͍ͨ ͍͍ײ͡ͷύοέʔδ͕ݟ͔ͭΒͳ͍ ݁ہɺࣗ෼ͰBridgeΛॻ͍࣮ͯ૷ͨ͠ ޿ࠂSDKͷ૊ΈࠐΈ

Slide 14

Slide 14 text

JS͚ͩͰॻ͚Δͱݴͬͯ΋ ωΠςΟϒଆͷίʔυΛ৮Β͟Δ ಘͳ͍ঢ়گ΋͋Δɻ

Slide 15

Slide 15 text

Java…

Slide 16

Slide 16 text

Objective-C ?? Objective-C ?? Objective-C ??

Slide 17

Slide 17 text

ਏ͍

Slide 18

Slide 18 text

RNຊମͷΞοϓάϨʔυ

Slide 19

Slide 19 text

RNຊମͷΞοϓάϨʔυ $ react-native-git-upgrade

Slide 20

Slide 20 text

RNຊମͷΞοϓάϨʔυ $ react-native-git-upgrade ίϯϑϦΫτղফ͕ΊΜͲ͍͘͞

Slide 21

Slide 21 text

RNຊମͷΞοϓάϨʔυ $ react-native-git-upgrade ίϯϑϦΫτղফ͕ΊΜͲ͍͘͞ Ұؾʹόʔδϣϯ্͛ΔͱେମϏϧυམͪΔ…

Slide 22

Slide 22 text

ຊମόʔδϣϯ͸͜·Ίʹ௥ै͠ ͔ͯͳ͍ͱޙͰਏ͍͜ͱʹͳΔ

Slide 23

Slide 23 text

ຊମόʔδϣϯ͸͜·Ίʹ௥ै͠ ͔ͯͳ͍ͱޙͰਏ͍͜ͱʹͳΔ όʔδϣϯ্͛Δͱಈ͔ͳ͘ͳΔ Ϟδϡʔϧ͕ग़͖ͯͯɺ͍ͦͭͷ ରԠ͕஗͍͜ͱ͕͋ΔͷͰਏ͍

Slide 24

Slide 24 text

Τϥʔ͸Issueݕࡧ͢Ε͹ େମݟ͔ͭΔ͕

Slide 25

Slide 25 text

Τϥʔ͸Issueݕࡧ͢Ε͹ େମݟ͔ͭΔ͕ ݪҼෆ໌ͳϏϧυΤϥʔ͸ɹ ωΠςΟϒͷ஌͕ࣝઙ͍ͱ ಛఆ͕ۤߦ

Slide 26

Slide 26 text

ΞοϓάϨʔυ͸ؾ߹ ݁࿦

Slide 27

Slide 27 text

ਏ͍

Slide 28

Slide 28 text

ͦͷଞ ʢ։ൃ౰࣌ʣ ɾϓογϡ௨஌ ɾWebView ҆ఆ͠ͳ͔ͬͨͷͰࣗ෼ͨͪͰ௚ͨ͠

Slide 29

Slide 29 text

خ͍͠ࣄ΋͋ΔΑʂ

Slide 30

Slide 30 text

ɾWebײ֮ͰΞϓϦ͕࡞ΕΔ ɾެ։͞ΕͯΔػೳͰେମͳΜͰ΋࣮૷Ͱ͖Δ ɾ࣮ࡍWeb։ൃऀ͚ͩͰϝϯςͰ͖ͯΔ

Slide 31

Slide 31 text

·ͱΊ ɾ೉͍͠ࣄ͢ΔͳΒଟগ͸ωΠςΟϒͷ஌͕ࣝඞཁ ɾຊମͷόʔδϣϯΞοϓ͸͜·Ίʹ ɾͪΌΜͱϝϯς͞ΕͯΔϞδϡʔϧΛ࢖͏ ɾָ͍͠