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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Pete Hodgson
May 23, 2013
Programming
2
560
Multi-platform Mobile with Calatrava - May 2013
Pete Hodgson
May 23, 2013
Tweet
Share
More Decks by Pete Hodgson
See All by Pete Hodgson
Feature Flags Suck! - KubeCon Atlanta 2025
phodgson
1
240
Migratory Patterns - KubeCon Salt Lake City, 2024
phodgson
0
180
A Journey Into Feature Toggles - OSCON Austin 2017
phodgson
5
690
Test-driven Client-side JS
phodgson
5
880
Functional Reactive JavaScript
phodgson
8
830
different.js - Forward JS 2014
phodgson
4
860
Railsconf2014
phodgson
7
1.5k
Building Your Own Lightsaber
phodgson
104
6.4k
iOS Unit Testing Workshop
phodgson
3
560
Other Decks in Programming
See All in Programming
AI時代の認知負荷との向き合い方
optfit
0
160
AgentCoreとHuman in the Loop
har1101
5
240
CSC307 Lecture 10
javiergs
PRO
1
660
今から始めるClaude Code超入門
448jp
8
9k
Oxlintはいいぞ
yug1224
5
1.4k
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
270
ぼくの開発環境2026
yuzneri
0
240
Oxlint JS plugins
kazupon
1
990
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
200
CSC307 Lecture 07
javiergs
PRO
1
560
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
290
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
koukimiura
1
120
Featured
See All Featured
How to Talk to Developers About Accessibility
jct
2
130
Building the Perfect Custom Keyboard
takai
2
690
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
150
Faster Mobile Websites
deanohume
310
31k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
290
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
So, you think you're a good person
axbom
PRO
2
1.9k
AI: The stuff that nobody shows you
jnunemaker
PRO
2
270
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
Google's AI Overviews - The New Search
badams
0
910
Accessibility Awareness
sabderemane
0
56
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