$30 off During Our Annual Pro Sale. View Details »

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
18
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
220

Other Decks in Programming

See All in Programming
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
150
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
26
22k
AIコーディングエージェント（Gemini）
Avatar for kondai kondai24
0
180
connect-python: convenient protobuf RPC for Python
Avatar for Anuraag Agrawal anuraaga
0
370
NUMA環境とコンテナランタイム ― youki における Linux Memory Policy 実装
Avatar for n4mlz n4mlz
1
210
React Native New Architecture 移行実践報告
Avatar for taminif taminif
1
140
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
1
280
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
Avatar for Ryota Nakamura nowaki28
0
360
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
200
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
770
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
Microservices rules: What good looks like
Avatar for Chris Richardson cer
PRO
0
900

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Docker and Python
Avatar for Tania Allard trallard
46
3.7k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k

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