Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Multi-platform Mobile with Calatrava - May 2013
Search
Pete Hodgson
May 23, 2013
Programming
2
520
Multi-platform Mobile with Calatrava - May 2013
Pete Hodgson
May 23, 2013
Tweet
Share
More Decks by Pete Hodgson
See All by Pete Hodgson
Migratory Patterns - KubeCon Salt Lake City, 2024
phodgson
0
120
A Journey Into Feature Toggles - OSCON Austin 2017
phodgson
5
640
Test-driven Client-side JS
phodgson
5
860
Functional Reactive JavaScript
phodgson
8
810
different.js - Forward JS 2014
phodgson
4
840
Railsconf2014
phodgson
7
1.4k
Building Your Own Lightsaber
phodgson
104
6.4k
iOS Unit Testing Workshop
phodgson
3
540
Unit testing with Kiwi - CocoaConf San Jose 2013
phodgson
1
710
Other Decks in Programming
See All in Programming
Ktorで簡単AIアプリケーション
tsukakei
0
100
Devvox Belgium - Agentic AI Patterns
kdubois
1
150
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
290
AkarengaLT vol.38
hashimoto_kei
1
120
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
1
130
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
290
技術的負債の正体を知って向き合う
irof
0
250
理論と実務のギャップを超える
eycjur
0
180
CSC305 Lecture 09
javiergs
PRO
0
310
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
840
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
110
CSC305 Lecture 10
javiergs
PRO
0
250
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Producing Creativity
orderedlist
PRO
347
40k
GraphQLとの向き合い方2022年版
quramy
49
14k
What's in a price? How to price your products and services
michaelherold
246
12k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
Being A Developer After 40
akosma
91
590k
Code Review Best Practice
trishagee
72
19k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Transcript
Cross-platform Mobile
Pete Hodgson @ph1
Portable Body
http://martinfowler.com/articles/multiMobile/
mobile app
UI the rest
UI portable body
UI portable body
UI portable body JavaScript
UI portable body iOS JavaScript
portable body UI
portable body
portable body iPhone mobile web Android
portable body iPhone mobile web Android
iPhone mobile web Android
http://calatrava.github.io/
- controllers - domain objs. - services <html> views
- controllers - domain objs. - services <html> views
kernel UI
update UI respond to user input kernel UI
show me
None
updating the UI
updating the UI
updating the UI
updating the UI
someView.render( aViewMessage ) updating the UI
someView.render( aViewMessage ) updating the UI {...}
someView.render( aViewMessage ) updating the UI {...}
reading the UI
` reading the UI
someView.get( ‘field_id’, callbackFn ) ` reading the UI
someView.get( ‘field_id’, callbackFn ) ` reading the UI
responding to events
responding to events
responding to events `
someView.bind( ‘event_id’, callbackFn ) responding to events `
None
calatrava is HTML first
native <html> <html> <html> HTML first
native <html> <html> <html> native HTML first
native <html> <html> <html> native HTML first native
Testing Acceptance Tests
Testing Acceptance Tests app logic
where’s your logic? mobile app mobile services
shared mobile services app HTML
app shared mobile services app app iPhone HTML Android
thanks!
thanks! @ph1 for slides
www.thoughtworks.com/radar