アプリリリースまでのつらみあれこれ

アプリリリースまでのつらみあれこれ

【第2回】ReactNativeにゆかりのあるスタートアップが集う会
https://r-n.connpass.com/event/117895/

Transcript

1. ΞϓϦϦϦʔε·Ͱͷ ͭΒΈ͋Ε͜Ε @nitaking_
2. About Satoshi Nitawaki
 • ॴଐ • ΤΞʔΫϩʔθοτ • ΞϓϦϝΠϯ / ϑϩϯτ / αʔό
 
 • ܦྺ • SIer / ࣾ಺SE • ΞΧ΢ϯτ • Twitter: @nitaking_ • Github: @nitaking
3. ΤΞʔΫϩʔθοτ • αʔϏε • ϓϩͷελΠϦετ͕͋ͳͨͷͨΊʹίʔσΟωʔτ • ύʔιφϧελΠϦϯά • ঁੑ޲͚आΓ์୊ͷϑΝογϣϯϨϯλϧαʔϏε
4. React Native࠾༻ʹࢸΔ·Ͱ • طଘͷiOSΞϓϦʢSwitfʣΛϦϓϨʔε • iOSΤϯδχΞෆࡏ • ϝϯςφϯε͞Εͳ͍ΞϓϦ • ߋ৽͞Εଓ͚ΔWEBΞϓϦ • ಡΊͳ͍Swiftͷίʔυ • Android΋ཉ͍͠
5. ϦϓϨʔεͷํ਑ • ϝΠϯػೳ͸React NativeͰ࣮૷ • ҎԼ͸WebViewͰճආ • ϦϦʔεʹؒʹ߹Θͳ͍༏ઌ౓௿Ίͳػೳ • ܾࡁपΓը໘ • tokenೝূ͕͠ΜͲͦ͏
6. ओʹਏ͔ͬͨͱ͜ Android WebView
7. Android • WebViewͷFileUploadͰ͖ͳ͍݅ • FlatList × Image => ϨϯμϦϯά͓͔͍͠
8. WebViewͷFileUploadͰ͖ͳ͍݅ • ϦϦʔε1िؒલʹൃ֮ • RN v0.55.4Ͱൃੜ • v0.57.0Ͱʢ΍ͬͱʣղফ͞ΕͨΒ͍͠ ͜ͷλΠϛϯάͰ RNΞοϓάϨʔυʂʁ
9. WebViewͷFileUploadͰ͖ͳ͍݅ • ༗ࢤʹॿ͚ΒΕͨʂʂʂ • Android͸<WebView>Λ͜ΕͱೖΕସ͑ͯ࢖༻͢Δ • ࠓ΋ݩؾʹಈ͍͍ͯΔ • RNόʔδϣϯΞοϓ͢Δ·Ͱ͓ੈ࿩ʹ
10. FlatList × Image • ͳʹ͕ى͖͔ͨ • ϨϯμϦϯά͕·͹Β • දࣔ΋ΧΫ͍ͭͯΔײ • දࣔ͞Εͳ͍Component΋ • iOSͰ͸ى͖ͳ͔ͬͨ *NBHF
11. FlatList × Image • ղܾࡦ • props: removeClippedSubviews This may improve scroll performance for large lists.
12. FlatList × Image removeClippedSubviews: false removeClippedSubviews: true • iOS͸ϝϞϦϦʔΫ͕͏·͍͕ Android͸ϝϞϦϦʔΫ͞Εͯͳ͍ʁ
13. iOS༏लʁ
14. WebView • webίϯςϯπΛදࣔ • ࣗಈϩάΠϯ • AuthޙͷtokeΛCookieʹηοτͯ͠ೝূ • ͭ·Γ • RNͷWebViewʹCookieΛηοτͯ͠ೝূʁ
15. WebView • ΍ͬͨ͜ͱ • WebViewͷதʹCookie৘ใηοτʁ • <WebView> injectJavaScriptʹsetCookieͷॲཧΛ ߦ͏JSΛ౉࣮ͯ͠ߦͰ͖ͦ͏ͳײ͕͋͡Δ ࣦഊ
16. WebView • ߦ͖ண͍ͨ౴͑ • react-native-cookies(star 600~)
 • ͔͋ͨ΋ϝδϟʔͬΆ͍react-native-cookie͸ඍົ • iOSͱAndroidͰؔ਺΋༩͑Δύϥϝʔλ͸ผʑ • iOS͸CookieೝূOKͰ΋Android͸NGɺ
 ͱ͍͏͜ͱ͕ൃੜ͍ͯͨ͠
17. WebView AndroidͱiOSͰ༻్ಉ͡ͳͷʹΠϯλϑΣʔεҧ͏ →݁ߏϋϚͬͨ
18. ͞Βʹ Apple৹ࠪ
19. Apple৹ࠪ • Ұճ໨ɿϕʔλ൛౤͛ͨ • ௨աͨ͠ • ೋճ໨ɿ҆৺ͯ͠΋͏Ұճ౤͛ͨ • मਖ਼ͯ͠ͳ͍ͱ͜ΖͷࢦఠͰ৹ࠪམͪͨɻɻɻ
20. ͳͥʁ
21. Apple৹ࠪ • ཧ༝ɿ • ձһొ࿥͸Safariͷwebϖʔδʹඈ͹͍ͯͨ͠
 ʢApp಺ϦϯΫ -> Safariϖʔδʣ • ձһొ࿥͸ΞϓϦ಺Ͱ׬݁ͤͯ͞΄͍͠ͱͷ͜ͱ • UXͷ؍఺͔ΒΞϓϦ಺͕͍͍Αͱͷ͜ͱ ཧ༝͸Θ͔ͬͨɻ Ͱ΋ͳΜͰҰճ৹ࠪ௨ͬͨɾɾɾʁ
22. Apple৹ࠪ • App಺WebViewʹ੾Γସ͑ • iOS͢Μ͍͝ΧΫΧΫ͢Δ • Safariͩͱ͘͢͝αΫαΫಈ͍ͯΔ
 • Android͍͢͝αΫαΫಈ͘ɾɾɾ εΫϩʔϧ͢ΒͰ͖ͳ͍݅
23. WebViewΧΫΧΫ໰୊ RN WebView Safari
24. WebViewΧΫΧΫ໰୊ • ݪҼʢݸਓతݟղʣ
 • RNͷWebView͸ύϑΥʔϚϯε͕ѱ͍ • ձһొ࿥webϖʔδͷύϑΥʔϚϯε͕ѱ͍ • ্هͷʮѱ͍×ѱ͍ʯʹΑͬͯҾ͖ى͜͞Ε͍ͯΔ • WKWebViewͱUIWebViewͷҧ͍ʁʁ • iOS8ͷSafariͰ΋ಉ͡ݱ৅Λ࠶ݱ • iOS8 SafariʹRN WebView
25. WebViewΧΫΧΫ໰୊ • ରॲ
 • ෳ਺ͷཁҼ͕͋Γͦ͏ͰݪҼ௥ٻ͸੾Γ্͛ɻ • ΞϓϦ༻ձһొ࿥ϖʔδΛ༻ҙͯ͠৐Γӽ͑Δ ΋͠ ؔ࿈͢Δ஌ݟΛ͓࣋ͪͷํ͕͍Ε͹ ڭ͍͑ͯͩ͘͞ʂʂ
26. ·ͱΊ • Android͸ϨϯμϦϯά͕ऑ͍ • Android͸WebView͕ڧ͍ • iOS͸WebViewͷύϑΥʔϚϯε͕ѱ͍
 ʢԿ͔͠Βରॲ๏͸ଘࡏͦ͠͏ʣ • Apple৹ࠪ͸ݸਓ͕ࠩ͋Δɻ • όʔδϣϯΞοϓ͸։ൃத΋͜·Ίʹ΍͍ͬͯͨ΄͏ ͕݈શ͔
27. ͋Γ͕ͱ͏͍͟͝·ͨ͠