Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
re:Invent 2025 のイケてるサービスを紹介する
Avatar for maroon1st maroon1st
0
150
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
230
大規模Cloud Native環境におけるFalcoの運用
Avatar for Chihiro Hasegawa owlinux1000
0
190
まだ間に合う！Claude Code元年をふりかえる
Avatar for nogu nogu66
5
890
新卒エンジニアのプルリクエスト with AI駆動
Avatar for Yuta Fukunaga fukunaga2025
0
230
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
Avatar for n0bisuke n0bisuke2
3
1.3k
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
320
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
280
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
170
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
440
生成AI時代を勝ち抜くエンジニア組織マネジメント
Avatar for coconala_engineer coconala_engineer
0
890
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
Avatar for mouson(墨嗓) mouson
0
210

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
89
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.4k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
32
Abbi's Birthday
Avatar for Violet Bock coloredviolet
0
3.7k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
69
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
1k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
45
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k

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