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
Vue/Nuxt tutorial for Sendai
Avatar for Yuichiro MASUI masuidrive
0
160
ハッカソンで 作ったアプリを売却した話
Avatar for Yuichiro MASUI masuidrive
0
660
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
470
トレタの存在理由
Avatar for Yuichiro MASUI masuidrive
0
200
18年でRubyから学んだこと - 関西Ruby会議 2017
Avatar for Yuichiro MASUI masuidrive
3
2.3k

Other Decks in Programming

See All in Programming
PicoRuby on Rails
Avatar for makicamel makicamel
3
140
Claude Code派？Gemini CLI派？ みんなで比較LT会！_20250716
Avatar for じゅん junholee
1
530
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
Avatar for r-kagaya rkaga
15
5.6k
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
760
生成AI時代のコンポーネントライブラリの作り方
Avatar for touyou touyou
1
290
脱Riverpod？fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
Avatar for Takuma Osada ostk0069
0
500
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
730
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
280
レトロゲームから学ぶ通信技術の歴史
Avatar for kimkim0106 kimkim0106
0
110
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
170
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
Avatar for Aki Nakahara akinko_0915
0
140

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
21
1.3k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
108
19k
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k

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Ͱݕࡧ͍ͯͩ͘͠͞