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

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

Yuichiro MASUI
February 14, 2015
Programming
2
1.9k

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

デモムービー: https://www.youtube.com/watch?v=btPorNwD8OI
中継: http://live.nicovideo.jp/gate/lv210031212

Yuichiro MASUI

February 14, 2015
Tweet

More Decks by Yuichiro MASUI

See All by Yuichiro MASUI
Vue/Nuxt tutorial for Sendai
masuidrive
0
64
ハッカソンで 作ったアプリを売却した話
masuidrive
0
540
DJ hands on for IT Engineers
masuidrive
1
120
自分の棚卸をして レジュメを書こう
masuidrive
5
1.7k
0から1ヶ月で DJになるまで
masuidrive
4
1.3k
Google Apps Scriptでbotを作る話
masuidrive
1
1.6k
Rails loves React
masuidrive
1
380
トレタの存在理由
masuidrive
0
140
18年でRubyから学んだこと - 関西Ruby会議 2017
masuidrive
3
2k

Other Decks in Programming

See All in Programming
Implementing "++" operator, stepping into parse.y
coe401_
3
6.1k
KubeCon + CNCon Europe 2023 Recap Flux Beyond Git: Harnessing the Power of OCI
ksudate
0
290
Kotlin 2.0을 통해 알아보는 코틀린의 미래
dalinaum
1
1.6k
From complexity to observability using OpenTelemetry
danilop
1
340
Webエンジニアに転生したらCSS魔導士になった件
satoshi7190
2
2.2k
サイト信頼性を高める前に開発チームからの信頼性を高めよう
syossan27
9
2.2k
Ruby JIT Hacking Guide / RubyKaigi 2023
k0kubun
0
3.6k
Attributes in PHP 8
beberlei
1
420
読みやすいコードの書き方 第 1 回 / Code readability: Session 1 (ver. 2, Ja)
munetoshi
1
600
複雑性に立ち向かうためのサーバーサイドコード分割 / JJUG CCC 2023 Spring
hirokunimaeta
0
200
良い開発生産性を目指せば採用もうまくいく
rinchsan
1
380
Swagger Codegenで楽にSwiftのModelを生成する / Easily generate Swift Models with Swagger Codegen
naokimrmt
0
140

Featured

See All Featured
The World Runs on Bad Software
bkeepers
PRO
59
5.9k
Building Your Own Lightsaber
phodgson
96
5k
Support Driven Design
roundedbygravity
88
9k
Thoughts on Productivity
jonyablonski
52
2.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
19k
From Idea to $5000 a Month in 5 Months
shpigford
374
45k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
The Cult of Friendly URLs
andyhume
70
5.2k
Embracing the Ebb and Flow
colly
76
3.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
500
130k
The Mythical Team-Month
searls
211
41k
Making Projects Easy
brettharned
102
5k

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