$30 off During Our Annual Pro Sale. View Details »

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

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

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

Yuichiro MASUI

March 30, 2015
Tweet

More Decks by Yuichiro MASUI

Other Decks in Programming

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