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
530
Unit testing with Kiwi - CocoaConf San Jose 2013
phodgson
1
690
Other Decks in Programming
See All in Programming
dynamic!
moro
9
6.4k
CSC509 Lecture 01
javiergs
PRO
1
430
XP, Testing and ninja testing ZOZ5
m_seki
2
280
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
240
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
220
CSC509 Lecture 04
javiergs
PRO
0
290
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
600
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
220
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
920
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
7
2.3k
ソフトウェア設計の実践的な考え方
masuda220
PRO
3
470
Featured
See All Featured
Become a Pro
speakerdeck
PRO
29
5.5k
Context Engineering - Making Every Token Count
addyosmani
5
180
Raft: Consensus for Rubyists
vanstee
139
7.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Mobile First: as difficult as doing things right
swwweet
224
10k
Embracing the Ebb and Flow
colly
88
4.8k
Six Lessons from altMBA
skipperchong
28
4k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Scaling GitHub
holman
463
140k
Designing for Performance
lara
610
69k
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