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

Kotlin meets Web

Avatar for Kajornsak Peerapathananont Kajornsak Peerapathananont
August 04, 2019
Technology
0
20

Kotlin meets Web

Kotlin meetup @ Naresuan University

Avatar for Kajornsak Peerapathananont

Kajornsak Peerapathananont

August 04, 2019
Tweet

More Decks by Kajornsak Peerapathananont

See All by Kajornsak Peerapathananont
Understanding your Android build
Avatar for Kajornsak Peerapathananont kajornsakp
0
37
iOSDevTH #21
Avatar for Kajornsak Peerapathananont kajornsakp
0
43
What's new in Flutter (Google I/O Extended Bangkok 22)
Avatar for Kajornsak Peerapathananont kajornsakp
0
61
Mobile Design System at scale
Avatar for Kajornsak Peerapathananont kajornsakp
0
81
What's new in Flutter 2020
Avatar for Kajornsak Peerapathananont kajornsakp
0
60
Mobile Machine Learning for All Skill Levels
Avatar for Kajornsak Peerapathananont kajornsakp
0
30
What's new in Flutter 1.9
Avatar for Kajornsak Peerapathananont kajornsakp
0
51
From design to develop with Material Components
Avatar for Kajornsak Peerapathananont kajornsakp
0
140
ML Kit : Face contour detection
Avatar for Kajornsak Peerapathananont kajornsakp
0
35

Other Decks in Technology

See All in Technology
バクラクによるコーポレート業務の自動運転 #BetAIDay
Avatar for LayerX layerx
PRO
1
830
生成AI導入の効果を最大化する データ活用戦略
Avatar for ham ham0215
0
110
大規模イベントに向けた ABEMA アーキテクチャの遍歴 ~ Platform Strategy 詳細解説 ~
Avatar for Katsutoshi Nagaoka nagapad
0
190
2025新卒研修・HTML/CSS #弁護士ドットコム
Avatar for 弁護士ドットコム bengo4com
3
13k
Segment Anything Modelの最新動向：SAM2とその発展系
Avatar for TakatoYoshikawa tenten0727
0
390
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
Avatar for たけのこ kmiya84377
1
100
Tableau API連携の罠!?脱スプシを夢見たはずが、逆に依存を深めた話
Avatar for CUEBiC Inc. cuebic9bic
3
210
隙間時間で爆速開発！ Claude Code × Vibe Coding で作るマニュアル自動生成サービス
Avatar for Akitomo Sato akitomonam
3
250
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
Avatar for 弁護士ドットコム bengo4com
0
2k
モバイルゲームの開発を支える基盤の歩み ～再現性のある開発ラインを量産する秘訣～
Avatar for QualiArts qualiarts
0
1.1k
データ基盤の管理者からGoogle Cloud全体の管理者になっていた話
Avatar for ZOZO Developers zozotech
PRO
0
340
Claude CodeでKiroの仕様駆動開発を実現させるには...
Avatar for Gota gotalab555
3
880

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
185
28k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.9k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k

Transcript

  1. Kotlin meets Web

  2. Kotlin

  3. Think of Kotlin, think of …. (10 points)

  4. None
  5. None
  6. None

  7. How about other platforms?

  8. None
  9. None

  10. Nope.

  11. None

  12. How?

  13. None
  14. None
  15. None

  16. "Language".equals("Tool")

  17. kotlinc kotlinc-js kotlinc-jvm

  18. kotlinc-js

  19. JS!!

  20. None
  21. None

  22. 1st approach

  23. None
  24. None
  25. None

  26. Demo

  27. None

  28. 2nd approach

  29. kotlinx.html

  30. None

  31. More approach...

  32. None

  33. Kotlin + React ?

  34. ReactJS

  35. None

  36. JSX

  37. None

  38. HTML JS

  39. More “Kotlin” approach

  40. None
  41. None

  42. Demo

  43. Where to go from here?

  44. https://kotlinlang.org/

  45. https://blog.novoda.com/content/images/2018/01/kotlin_anywhere.png

  46. Android ← Kotlin → iOS

  47. Browser ← Kotlin → Server

  48. Kotlin Core Android iOS Web Server Firebase getItems() : List<Item>

    getItems() : List<Item> DB

  49. Q & A FB, Github, Medium kajornsakp