Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React + Cordovaで スマホアプリを作る

React + Cordovaで スマホアプリを作る

Yuichiro MASUI

February 14, 2015
Tweet

More Decks by Yuichiro MASUI

Other Decks in Programming

Transcript

  1. React + CordovaͰ
    εϚϗΞϓϦΛ࡞Δ
    Yuichiro MASUI

    View Slide

  2. Backbone΍Angular͸
    Ͳ͏΋ೃછΊͣ

    View Slide

  3. લ͔Βฉ͍ͨ͜ͱ͸

    ͋ͬͨReactΛ։࢝

    View Slide

  4. ެࣜTutorialΛҰ௨Γ

    View Slide

  5. ͢͹Β͍͠ʂ

    View Slide

  6. Ͱ΋΋ͬͱ

    ࡞ͬͯΈͳ͚ΓΌ෼͔Βͳ͍

    View Slide

  7. ݱ࣮ʹ͍ۙॴͰ

    View Slide

  8. View Slide

  9. τϨλͷWeb APIͷΈ
    ೝূ͸OAuth2

    View Slide

  10. APIͰσʔλऔಘͯ͠
    දࣔ͢Δ͚ͩ

    View Slide

  11. React + Coffee

    View Slide

  12. View Slide

  13. Cordova࢖ͬͯ

    ΞϓϦʹͪ͠Ό͑

    View Slide

  14. ॳReact
    ॳCordova

    View Slide

  15. CSS͸Ratchet

    View Slide

  16. react-bootstrap΍
    react-ratchet͸ΠϚΠν

    View Slide

  17. ͳͷͰඞཁͳ෦෼͸
    ࣗ࡞ͨ͠

    View Slide

  18. View Slide

  19. ίϯϙʔωϯτߏ଄
    HTTP
    App
    NavBar Content
    Popover
    NavBar
    ReservationsTimeline
    Communication
    Toreta API server
    Restaurants Reservations

    View Slide

  20. τϨλͰ͸ϑϩϯτΤϯυ
    RailsɺΠϯϑϥͷ
    ΤϯδχΞΛืू͍ͯ͠·͢ʂ
    WantedlyͰݕࡧ͍ͯͩ͘͠͞

    View Slide