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

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

Avatar for Yuichiro MASUI Yuichiro MASUI
February 14, 2015
Programming
2
2.2k

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

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

Avatar for Yuichiro MASUI

Yuichiro MASUI

February 14, 2015
Tweet

More Decks by Yuichiro MASUI

See All by Yuichiro MASUI
Coding Agent用チケットシステム - ticket.sh
Avatar for Yuichiro MASUI masuidrive
0
1
Vue/Nuxt tutorial for Sendai
Avatar for Yuichiro MASUI masuidrive
0
170
ハッカソンで 作ったアプリを売却した話
Avatar for Yuichiro MASUI masuidrive
0
670
DJ hands on for IT Engineers
Avatar for Yuichiro MASUI masuidrive
1
180
自分の棚卸をして レジュメを書こう
Avatar for Yuichiro MASUI masuidrive
5
2k
0から1ヶ月で DJになるまで
Avatar for Yuichiro MASUI masuidrive
4
1.6k
Google Apps Scriptでbotを作る話
Avatar for Yuichiro MASUI masuidrive
1
1.8k
Rails loves React
Avatar for Yuichiro MASUI masuidrive
1
480
トレタの存在理由
Avatar for Yuichiro MASUI masuidrive
0
200

Other Decks in Programming

See All in Programming
為你自己學 Python - 冷知識篇
Avatar for 高見龍 eddie
1
350
HTMLの品質ってなんだっけ？ “HTMLクライテリア”の設計と実践
Avatar for una unachang113
4
2.9k
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
170
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
Avatar for Daichi Takeya taked137
0
190
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
710
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
400
複雑なフォームに立ち向かう Next.js の技術選定
Avatar for Takashi Machinaga macchiitaka
2
220
楽して成果を出すためのセルフリソース管理
Avatar for clipnote clipnote
0
190
Reading Rails 1.0 Source Code
Avatar for Masafumi Okura okuramasafumi
0
250
Laravel Boost 超入門
Avatar for Arlo fire_arlo
3
220
時間軸から考えるTerraformを使う理由と留意点
Avatar for Ryoma Fujiwara fufuhu
16
4.8k
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
1
450

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k

Transcript

  1. React + CordovaͰ εϚϗΞϓϦΛ࡞Δ Yuichiro MASUI <[email protected]>

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

  3. લ͔Βฉ͍ͨ͜ͱ͸
 ͋ͬͨReactΛ։࢝

  4. ެࣜTutorialΛҰ௨Γ

  5. ͢͹Β͍͠ʂ

  6. Ͱ΋΋ͬͱ
 ࡞ͬͯΈͳ͚ΓΌ෼͔Βͳ͍

  7. ݱ࣮ʹ͍ۙॴͰ

  8. None

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

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

  11. React + Coffee

  12. None

  13. Cordova࢖ͬͯ
 ΞϓϦʹͪ͠Ό͑

  14. ॳReact ॳCordova

  15. CSS͸Ratchet

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

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

  18. None

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

    API server Restaurants Reservations

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