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

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

0dfa711320838ee88f3063569fd52566?s=128

DotEarl

May 19, 2017
Tweet

Transcript

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

  2. ͋ʔΔ@DotEarl Togetter Inc.

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

  4. ͠ͳ͍࿩ ٕज़తͳ࿩

  5. ͢Δ࿩ ਏ͍࿩

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

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

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

  9. ਏ͔ͬͨࣄ

  10. ޿ࠂSDKͷ૊ΈࠐΈ

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

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

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

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

  15. Java…

  16. Objective-C ?? Objective-C ?? Objective-C ??

  17. ਏ͍

  18. RNຊମͷΞοϓάϨʔυ

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

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

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

  22. ຊମόʔδϣϯ͸͜·Ίʹ௥ै͠ ͔ͯͳ͍ͱޙͰਏ͍͜ͱʹͳΔ

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

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

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

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

  27. ਏ͍

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

  29. خ͍͠ࣄ΋͋ΔΑʂ

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

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

  32. ਏ͍͜ͱ ΋͏Ұͭ͋ͬͨ

  33. None
  34. WantedlyͰืूͯ͠·͢ʂ

  35. Thank you.