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

Jake Wharton - Blurring the line between Native...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for droidcon Berlin droidcon Berlin
July 17, 2018
Programming
84
0

Jake Wharton - Blurring the line between Native and Web

Avatar for droidcon Berlin

droidcon Berlin

July 17, 2018

More Decks by droidcon Berlin

See All by droidcon Berlin
Jon Markoff - Best practice for apps
Avatar for droidcon Berlin droidcon_berlin_2018
0
220
Jon Markoff - Voice in the enterprise
Avatar for droidcon Berlin droidcon_berlin_2018
0
83
Michael Jess - Enabling enterprise mobility with SAP
Avatar for droidcon Berlin droidcon_berlin_2018
0
130
Ronen Sabag - Lean async code with Kotlin’s coroutines
Avatar for droidcon Berlin droidcon_berlin_2018
0
85
Boris Farber & Nikita Kozlov - The_Build_Side_of_Android_App
Avatar for droidcon Berlin droidcon_berlin_2018
0
210
Zan Markan - The state of Kotlin
Avatar for droidcon Berlin droidcon_berlin_2018
0
87
Miquel Beltran - No More □ (tofu) Mastering Emoji on Android
Avatar for droidcon Berlin droidcon_berlin_2018
0
140
Laurent Gasser & Jeremy Rochot - Sharing a success story - A low cost, Customer driven and co-developed Android EMM
Avatar for droidcon Berlin droidcon_berlin_2018
0
330
Hoi Lam - Adding ML Kit to Android Things And some TensorFlow things
Avatar for droidcon Berlin droidcon_berlin_2018
1
240

Other Decks in Programming

See All in Programming
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
750
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.7k
Performance Engineering for Everyone
Avatar for Elena Tanasoiu elenatanasoiu
0
220
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
7
1.5k
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
13
6.5k
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
800
AI 輔助遺留系統現代化的經驗分享
Avatar for James Wang jame2408
1
990
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
Avatar for Wagyu wagyu
0
260
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
Avatar for tk3fftk tk3fftk
5
920
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成（CC Night 2026）
Avatar for Hiroki Uemura wemra
1
160
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3.8k
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
2.3k

Featured

See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
62
44k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
240
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
250
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
200
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
260
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
330
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k

Transcript

  1. #NATIVE&WEB @JAKEWHARTON

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None

  8. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime

    Main Thread UI Toolkit

  9. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime

    Main Thread UI Toolkit V8 DOM

  10. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime

    Main Thread UI Toolkit V8 DOM

  11. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime

    Main Thread UI Toolkit V8 DOM

  12. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime

    Main Thread UI Toolkit V8 DOM

  13. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime

    Main Thread UI Toolkit V8 DOM

  14. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime

    Main Thread UI Toolkit V8 DOM

  15. JavaScriptCore JNI JavaScriptCore Runtime V8

  16. V8 JNI JavaScriptCore Runtime V8

  17. Duktape JNI JavaScriptCore Runtime V8

  18. Duktape JNI JavaScriptCore Runtime V8

  19. Duktape JNI JavaScriptCore Runtime V8

  20. React Native Platform Duktape JNI JavaScriptCore Runtime V8

  21. JS Engine + Abstraction Your App Duktape JNI JavaScriptCore Runtime

    V8
  22. None
  23. None
  24. None

  25. Shared Library + Abstraction Your App ????

  26. None
  27. None
  28. None

  29. Multiplatform Abstraction Your App

  30. Your App

  31. Your App

  32. J2ObjC

  33. J2ObjC

  34. J2ObjC

  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None

  53. app feature 1 feature 2 feature 3 myapp.apk

  54. app feature 1 feature 2 feature 3 myapp.apk base.apk

  55. app feature 1 feature 2 feature 3 myapp.apk base.apk feature1.apk

  56. app feature 1 feature 2 feature 3 myapp.apk base.apk feature1.apk

    HTML CSS JS PNG PNG /index.html HTML /feature1.html

  57. app feature 1 feature 2 feature 3

  58. feature 1 feature 2 feature 3

  59. feature 2 feature 3

  60. feature 3

  61. DEX ARM x86 en-US de DEX DEX DEX en-US en-US

    en-US de de de

  62. DEX en-US de DEX en-US de ARM x86 en-US de

    DEX en-US de DEX DEX ARM en-US DEX en-US DEX en-US DEX en-US

  63. app_arm_en-US.apk DEX ARM en-US DEX en-US DEX en-US DEX en-US

    DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX

  64. app_arm_en-US.apk DEX ARM en-US DEX en-US DEX en-US DEX en-US

    DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX de de de de

  65. app_arm_en-US.apk DEX ARM en-US DEX en-US DEX en-US DEX en-US

    DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX de de de de app_de.apk

  66. DEX en-US de DEX en-US de ARM x86 en-US de

    DEX en-US de DEX ARM en-US DEX DEX en-US de

  67. DEX en-US de DEX en-US de ARM x86 en-US de

    DEX en-US de DEX ARM en-US DEX base_arm_en-US.apk DEX en-US

  68. DEX en-US de DEX en-US de ARM x86 en-US de

    DEX en-US de DEX ARM en-US DEX base_arm_en-US.apk DEX en-US feature1_arm_en-US.apk

  69. ARM en-US DEX base_arm_en-US.apk DEX en-US feature1_arm_en-US.apk HTML CSS JS

    PNG PNG /index.html HTML /feature1.html
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None

  87. native_app.apk DEX ... ART ART V8 Int JIT AOT CPU

    CPU Int JIT JIT & AOT cache chrome.apk ... DEX ... JS cache/
  88. None

  89. Shared Library + Abstraction Your App ????

  90. Shared Library + Abstraction Your App WASM

  91. Multiplatform Abstraction Your App WASM

  92. ART V8 CPU Int JIT chrome.apk ... DEX ... JS

    cache/

  93. ART V8 CPU Int JIT chrome.apk ... DEX ... JS

    cache/

  94. ART V8 CPU Int JIT chrome.apk ... DEX ... JS

    cache/ airhorner.apk ... DEX
  95. None
  96. None
  97. None
  98. None

  99. ART V8 CPU Int JIT chrome.apk ... DEX ... JS

    cache/

  100. ART V8 CPU Int JIT chrome.apk ... DEX ... JS

    cache/

  101. ART V8 CPU Int JIT airhorner.apk ... DEX ... JS

    cache/ JIT & AOT cache

  102. app-fat.jar website/ index.html feature1.html feature2.html feature3.html app.js styles.css app.ipa app.aab

    app.apk
  103. None

  104. apk via aab via url apk via aab via url

  105. apk apk via aab via url apk via aab via

    url

  106. apk via aab apk apk via aab via url apk

    via aab via url

  107. apk via aab apk via aab apk apk via aab

    via url apk via aab via url

  108. apk via aab apk via aab apk apk via aab

    via url apk via aab via url Chrome app

  109. apk via aab apk via aab apk apk via aab

    via url apk via aab via url Chrome app url

  110. apk via aab apk via aab apk webapk apk via

    aab via url apk via aab via url Chrome app url

  111. apk via aab apk via aab apk webapk apk via

    aab via url apk via aab via url Chrome app url url

  112. apk via aab apk via aab apk webapk apk via

    aab via url apk via aab via url Chrome app url url

  113. apk via aab apk via aab apk webapk apk via

    aab via url apk via aab via url Chrome app url ipa url

  114. apk via aab apk via aab apk webapk apk via

    aab via url apk via aab via url Chrome app url url ipa url

  115. apk via aab apk via aab apk webapk apk via

    aab via url apk via aab via url Chrome app url url pwa ipa url

  116. apk via aab apk via aab apk webapk apk via

    aab via url apk via aab via url Chrome app url url pwa ipa ipa url

  117. apk via aab apk via aab apk webapk apk via

    aab via url url apk via aab via url Chrome app url url pwa ipa ipa url url

  118. #NATIVE&WEB @JAKEWHARTON