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
170
ハッカソンで 作ったアプリを売却した話
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
あなたとJIT, 今すぐアセンブ ル
Avatar for monochrome sisshiki1969
1
690
decksh - a little language for decks
Avatar for Anthony Starks ajstarks
4
21k
tool ディレクティブを導入してみた感想
Avatar for Sugar Sato sgash708
1
130
AHC051解法紹介
Avatar for eijirou eijirou
0
580
Honoアップデート 2025年夏
Avatar for Yusuke Wada yusukebe
0
190
兎に角、コードレビュー
Avatar for mitohato14 mitohato14
0
130
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
Avatar for Kakeru Sato kkakeru
0
180
Claude Code と OpenAI o3 で メタデータ情報を作る
Avatar for laket laket
0
130
Langfuseと歩む生成AI活用推進
Avatar for matsukada licux
3
250
未来を拓くAI技術〜エージェント開発とAI駆動開発〜
Avatar for Tech Leverages leveragestech
2
150
DynamoDBは怖くない！〜テーブル設計の勘所とテスト戦略〜
Avatar for hiroto_0411 hyamazaki
1
200
Webinar: AI-Powered Development: Transformiere deinen Workflow mit Coding Tools und MCP Servern
Avatar for Daniel Sogl danielsogl
0
130

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k

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