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
320
Multi-platform Mobile with Calatrava - May 2013
Pete Hodgson
May 23, 2013
Tweet
Share
More Decks by Pete Hodgson
See All by Pete Hodgson
A Journey Into Feature Toggles - OSCON Austin 2017
phodgson
5
410
Test-driven Client-side JS
phodgson
5
710
Functional Reactive JavaScript
phodgson
8
670
different.js - Forward JS 2014
phodgson
4
700
Railsconf2014
phodgson
7
1.3k
Building Your Own Lightsaber
phodgson
100
5.7k
iOS Unit Testing Workshop
phodgson
3
400
Unit testing with Kiwi - CocoaConf San Jose 2013
phodgson
1
470
Automated Mobile Acceptance Testing Presentation - mdevcon 2013
phodgson
2
620
Other Decks in Programming
See All in Programming
Polars入門
daikikatsuragawa
1
200
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
140
Next.js App Router
quramy
12
2k
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
700
Tailwind CSSを本気でカスタマイズする方法
fsubal
15
5.6k
The Cutting Edge Of Versioning (LambdaConf 2024)
chriskrycho
0
210
Elm Form Validation
bkuhlmann
0
520
From Spring Boot 2 to Spring Boot 3 with Java 21 and Jakarta EE
ivargrimstad
0
800
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
280
Micro Frontends for Java Microservices - Utah JUG 2024
mraible
PRO
1
110
Git Lint
bkuhlmann
4
770
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.4k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
22
1.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
7k
Designing Experiences People Love
moore
136
23k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Designing for humans not robots
tammielis
247
25k
Rails Girls Zürich Keynote
gr2m
91
13k
How to name files
jennybc
65
93k
Practical Orchestrator
shlominoach
183
9.7k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
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