元某エヴァンジェリストが 見るReactNative

http://gunosy-frontend.connpass.com/event/12636/ でのLT
ブログに書く前にちょっと話してみた

Transcript

1. ݩ๭ΤϰΝϯδΣϦετ͕

   ݟΔReactNative
   Yuichiro MASUI 

   masuidrive @ Toreta, Inc
   

   View Slide

2. ReactNative
   • JavascriptͰωΠςΟϒΞϓϦΛॻ͚Δ
   • ը໘͸JSX(XML)Ͱهड़
   • CSSͬΆ͍σβΠϯهड़
   • iOS / Android (soon)ରԠ
   • Learn once, Write everywhere
   

   View Slide

3. Titanium Mobile
   • JavascriptͰωΠςΟϒΞϓϦΛॻ͚Δ
   • ը໘͸XMLͰهड़
   • CSSͬΆ͍σβΠϯهड़
   • iOS / Android, Windows Phone, BlackberryରԠ
   • Write once, Adapt everywhere
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. ڞ௨఺
   • JavascriptͰॻ͚Δ (JavaScriptCore)
   • ը໘ΛXMLɾCSSͰఆٛ
   • ௚઀ωΠςΟϒͷػೳ͸ݺ΂ͳ͍
   • ઐ༻ͷํ๏Ͱϥοϐϯάͨ͠΋ͷ͚ͩ࢖͑Δ
   • ҰຊͷιʔεͰෳ਺ϓϥοτϑΥʔϜରԠ͠ͳ͍
   

   View Slide

8. ૬ҧ఺
   • React(JSX) or Not
   • ࣍ظTiͰ͸Nativeͷػೳ͕ݺ΂Δ(Hyperloop)
   • Business
   

   View Slide

9. ڞ௨ͷ໰୊఺
   • Native componentΛϥοϐϯά͢Δඞཁ͕͋Δ
   • ϥΠϒϥϦ΍OS্͕͕Δͨͼʹௐ੔ඞཁ
   • ComponentΛॻͨ͘Ίʹ͸Nativeͷ஌͕ࣝඞཁ
   • ྆ରԠͷComponentΛॻ͘ʹ͸྆ํͷ஌ࣝ
   

   View Slide

10. ڞ௨ͷ໰୊఺
    • Native componentΛϥοϐϯά͢Δඞཁ͕͋Δ
    • ϥΠϒϥϦ΍OS্͕͕Δͨͼʹௐ੔ඞཁ
    • ComponentΛॻͨ͘Ίʹ͸Nativeͷ஌͕ࣝඞཁ
    • ྆ରԠͷComponentΛॻ͘ʹ͸྆ํͷ஌ࣝ
    ࢖͏ਓͱ࡞Δਓͷဃ཭͕࠷େͷݒ೦
    

    View Slide

11. FacebookͷϝϦοτ
    • ಠࣗͷੈք؍ͷUI
    • Component։ൃʹਓһΛ഑ஔͰ͖Δ
    • ΞϓϦͷڞ௨ج൫ͱͯ͠ͷReactNative
    

    View Slide