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
16
Vue/Nuxt tutorial for Sendai
Avatar for Yuichiro MASUI masuidrive
0
180
ハッカソンで 作ったアプリを売却した話
Avatar for Yuichiro MASUI masuidrive
0
680
DJ hands on for IT Engineers
Avatar for Yuichiro MASUI masuidrive
1
190
自分の棚卸をして レジュメを書こう
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
520
トレタの存在理由
Avatar for Yuichiro MASUI masuidrive
0
210

Other Decks in Programming

See All in Programming
JEP 496 と JEP 497 から学ぶ耐量子計算機暗号入門 / Learning Post-Quantum Crypto Basics from JEP 496 & 497
Avatar for mackey0225 mackey0225
2
280
チーム開発の “地ならし"
Avatar for konifar konifar
7
4.6k
PHPライセンス変更の議論を通じて学ぶOSSライセンスの基礎
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
Avatar for haru860 haru860
0
150
What's New in Web AI?
Avatar for Christian Liebel christianliebel
PRO
0
130
問題の見方を変える「システム思考」超入門
Avatar for panda_program panda_program
0
210
HTTPじゃ遅すぎる！ SwitchBotを自作ハブで動かして学ぶBLE通信
Avatar for Shoichi Ochi occhi
0
250
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
Avatar for ternbusty ternbusty
4
930
自動テストのアーキテクチャとその理由ー大規模ゲーム開発の場合ー
Avatar for SEGADevTech segadevtech
2
1k
PyCon mini 東海 2025「個人ではじめるマルチAIエージェント入門 〜LangChain × LangGraphでアイデアを形にするステップ〜」
Avatar for komo_fr komofr
3
990
MCPサーバー「モディフィウス」で変更容易性の向上をスケールする / modifius
Avatar for MinoDriven minodriven
8
1.5k
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
Avatar for Masayuki Izumi izumin5210
4
1.7k

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k

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