Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
23
Vue/Nuxt tutorial for Sendai
Avatar for Yuichiro MASUI masuidrive
0
190
ハッカソンで 作ったアプリを売却した話
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
220

Other Decks in Programming

See All in Programming
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
Avatar for HideyukiKitao panda728
PRO
39
26k
Cell-Based Architecture
Avatar for Luram Archanjo larchanjo
0
140
組み合わせ爆発にのまれない - 責務分割 x テスト
Avatar for HAL halhorn
1
160
大規模Cloud Native環境におけるFalcoの運用
Avatar for Chihiro Hasegawa owlinux1000
0
190
The Art of Re-Architecture - Droidcon India 2025
Avatar for Sid Patil siddroid
0
130
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
4
1.2k
PC-6001でPSG曲を鳴らすまでを全部NetBSD上の Makefile に押し込んでみた / osc2025hiroshima
Avatar for Izumi Tsutsui tsutsui
0
180
ゆくKotlin くるRust
Avatar for TATSUNO Yasuhiro exoego
1
160
AIコーディングエージェント（Manus）
Avatar for kondai kondai24
0
210
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
Avatar for kazuhiro hara karad
0
140
Python札幌 LT資料
Avatar for t3tra t3tra
7
1k
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
220

Featured

See All Featured
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
1
660
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
390
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
38
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
100
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
580
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
0
1.3k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
250
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.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Ͱݕࡧ͍ͯͩ͘͠͞