ReactNativeについて調べてみた

フロントエンド✕モバイルアプリ勉強会 - connpass http://kfug.connpass.com/event/28159/

Transcript

1. ReactNativeʹ͍ͭͯௐ΂ͯΈͨ Abe Asami
2. ࣗݾ঺հ Abe Asami “きの子 ” 
 (フリーランスプログラマ) http://nocono.net/ @aa7th Scala、Andorid(Java、Kotlin) 今はKotlinでAndroidアプリ作ってます
 
 最近iOSアプリ開発(Swift)も少しやりました
3. ReactNativeΛ΍ͬͯΈͨܦҢ • ࠷໊ۙલΛΑ͘ฉ͘ͷͰɺؾʹͳ͍ͬͯͨɻ • ࠓ೔ReactNativeωλ࿩͢ਓ͍ͳ͍ͱฉ͍ͨͷ Ͱɺஸ౓͍͍͠΍ͬͯΈΔ͔ʔͱࢥͬͨɻ
4. ࠓ೔ͷ಺༰ • ͱΓ͋͑ͣνϡʔτϦΞϧΛ΍ͬͨϨϕϧͰ ͷݸਓతײ૝Ͱ͢ɻ • ͔͠΋ωΠςΟϒΞϓϦΤϯδχΞ໨ઢͰͷ ײ૝Ͱ͢ɻྃ͝ঝ͍ͩ͘͞ɻ
5. ReactNativeͬͯʁ
6. ReactNativeͱ͸ʁ • ReactJsϕʔεͷωΠςΟϒΞϓϦ։ൃ༻ϑϨʔϜϫʔΫ • ࠓ͸ɺiOSͱAndroidʹରԠ • Facebook੡ • FacebookGroupͷΞϓϦ͕ReactNative੡Β͍͠ • ຊ೔(2016/04)࣌఺Ͱ ver.0.24
7. ࢓૊Έ • ಺෦ʹɺiOSɺAndroidͦΕͧΕͷ JS <=> ω ΠςΟϒϒϦοδͷ࣮૷͕͋Δ • ͞ΒʹJavaScriptϥϯλΠϜ͕͋Γɺͦͷ্Ͱ JS͕࣮ߦ͞ΕɺͦΕͧΕͷϒϦοδΛհ͠ ͯɺ֤छίϯϙʔωϯτ΍ωΠςΟϒAPI͕ݺ ͼग़͞ΕΔ
8. σϞ
9. Α͍ʂͱײͨ͡఺ • Reactiveͳίʔυ͕ͬ͘͞ͱ͖ͬ͢Γॻ͚Δ • React.jsͦͷ··Β͍͠ • ϦϩʔυͰ࠷৽ίʔυ͕൓өͰ͖Δ • JSXͰͷUIίϯϙʔωϯτఆٛ • ݸਓతʹXCodeͷStoryBoard(GUIͷUI࡞੒πʔϧ)
 ͭΒ͍ͷͰخ͍͠
10. ͍·͍ͪ…ͱײͨ͡఺ • ਖ਼௚ɺJavaScriptͰॻ͚ͯ΋خ͘͠ͳ͍ɻ • Java, Objective-C͔͠બ୒ࢶ͕ͳ͔ͬͨࠒ ͳΒͱ΋͔͘ɺKotlin,Swiftͱ͍ͬͨϞμϯ ͳ੩తܕ෇͚ݴޠͰ։ൃͰ͖Δࠓɺ
 ϝϦοτΛײ͡ͳ͍ɾɾɾ

11. ·ͱΊ • ͪΐͬͱͨ͠ΞϓϦΛͬ͘͞ͱ࡞Δͷʹ͸
 Αͦ͞͏ • ಛʹReact.js࢖͍ͷਓʹͱͬͯ
12. ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࢀߟɿ
 React Native ϑΝʔετΠϯϓϨογϣϯ - Qiita 
 http://qiita.com/naoya@github/items/ecda4d3089902dcbea53
 Native։ൃऀ͔ΒݟͨReactNative // Speaker Deck
 https://speakerdeck.com/ymatsuwitter/nativekai-fa-zhe-karajian-tareactnative