Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Multi-platform Mobile with Calatrava - May 2013

Avatar for Pete Hodgson Pete Hodgson
May 23, 2013
Programming
580
2

Multi-platform Mobile with Calatrava - May 2013

Avatar for Pete Hodgson

Pete Hodgson

May 23, 2013

More Decks by Pete Hodgson

See All by Pete Hodgson
Feature Flags Suck! - KubeCon Atlanta 2025
Avatar for Pete Hodgson phodgson
1
300
Migratory Patterns - KubeCon Salt Lake City, 2024
Avatar for Pete Hodgson phodgson
0
220
A Journey Into Feature Toggles - OSCON Austin 2017
Avatar for Pete Hodgson phodgson
5
730
Test-driven Client-side JS
Avatar for Pete Hodgson phodgson
5
930
Functional Reactive JavaScript
Avatar for Pete Hodgson phodgson
8
870
different.js - Forward JS 2014
Avatar for Pete Hodgson phodgson
4
890
Railsconf2014
Avatar for Pete Hodgson phodgson
7
1.5k
Building Your Own Lightsaber
Avatar for Pete Hodgson phodgson
104
6.5k
iOS Unit Testing Workshop
Avatar for Pete Hodgson phodgson
3
590

Other Decks in Programming

See All in Programming
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
Avatar for luccafort luccafort
PRO
0
450
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
240
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
Avatar for SlashNephy slashnephy
0
550
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
Avatar for ライガー raiga0310
2
400
20260722_microCMSで考える、AI時代のコンテンツ運用設計
Avatar for Yoshihisa Kaino yosh1
0
120
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
240
数百円から始めるRuby電子工作
Avatar for Tarosa tarosay
0
110
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
380
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
Avatar for NAGATA Hiroaki handlename
0
150
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
Avatar for TAKASE Kazuyuki guvalif
PRO
1
180
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
210
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
Avatar for Takuma Kajikawa kajitack
3
1k

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
810
How to make the Groovebox
Avatar for あそなす asonas
2
2.3k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
660
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
220
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
180
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
170

Transcript

  1. Cross-platform Mobile

  2. Pete Hodgson @ph1

  3. Portable Body

  4. http://martinfowler.com/articles/multiMobile/

  5. mobile app

  6. UI the rest

  7. UI portable body

  8. UI portable body

  9. UI portable body JavaScript

  10. UI portable body iOS JavaScript

  11. portable body UI

  12. portable body

  13. portable body iPhone mobile web Android

  14. portable body iPhone mobile web Android

  15. iPhone mobile web Android

  16. http://calatrava.github.io/

  17. - controllers - domain objs. - services <html> views

  18. - controllers - domain objs. - services <html> views

  19. kernel UI

  20. update UI respond to user input kernel UI

  21. show me

  22. None

  23. updating the UI

  24. updating the UI

  25. updating the UI

  26. updating the UI

  27. someView.render( aViewMessage ) updating the UI

  28. someView.render( aViewMessage ) updating the UI {...}

  29. someView.render( aViewMessage ) updating the UI {...}

  30. reading the UI

  31. ` reading the UI

  32. someView.get( ‘field_id’, callbackFn ) ` reading the UI

  33. someView.get( ‘field_id’, callbackFn ) ` reading the UI

  34. responding to events

  35. responding to events

  36. responding to events `

  37. someView.bind( ‘event_id’, callbackFn ) responding to events `

  38. None

  39. calatrava is HTML first

  40. native <html> <html> <html> HTML first

  41. native <html> <html> <html> native HTML first

  42. native <html> <html> <html> native HTML first native

  43. Testing Acceptance Tests

  44. Testing Acceptance Tests app logic

  45. where’s your logic? mobile app mobile services

  46. shared mobile services app HTML

  47. app shared mobile services app app iPhone HTML Android

  48. thanks!

  49. thanks! @ph1 for slides

  50. www.thoughtworks.com/radar