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
ComposeでWebアプリを作る技術
Search
てべすてん
April 18, 2025
Programming
0
190
ComposeでWebアプリを作る技術
てべすてん
April 18, 2025
Tweet
Share
More Decks by てべすてん
See All by てべすてん
Kotlin の煩雑な データコピーを どうにかする
tbsten
0
64
脱 Material3 ?! lumo ui の紹介
tbsten
0
120
衝撃を受けた OSS Androidアプリ
tbsten
0
190
CameraXとCompose
tbsten
0
140
Other Decks in Programming
See All in Programming
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
0
220
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.4k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
280
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
140
More Approvers for Greater OSS and Japan Community
tkikuc
1
100
AI時代に学習する意味はあるのか?
tomoyakamaji
0
110
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.9k
Honoアップデート 2025年夏
yusukebe
1
890
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
130
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
230
Go言語での実装を通して学ぶLLMファインチューニングの仕組み / fukuokago22-llm-peft
monochromegane
0
110
The state patternの実践 個人開発で培ったpractice集
miyanokomiya
0
160
Featured
See All Featured
Producing Creativity
orderedlist
PRO
347
40k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
RailsConf 2023
tenderlove
30
1.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Documentation Writing (for coders)
carmenintech
73
5k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Facilitating Awesome Meetings
lara
55
6.5k
The Pragmatic Product Professional
lauravandoore
36
6.8k
A Modern Web Designer's Workflow
chriscoyier
696
190k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Transcript
Compose Ͱ Web ΞϓϦΛ࡞Δٕज़ ͯͯ͢Μ 2025/04/18 Kobweb ͷհ
ࣗݾհ • Android ΤϯδχΞ • גࣜձࣾΏΊΈ • Web ϑϩϯτΤϯυ 55͘Β͍
ͯͯ͢Μ
ࣗݾհ • Compose, Kotlin ͕େ͖ • झຯ • ήςϞϊComposeϥΠϒϥϦͷհ •
ि3ͰҰਓΧϥΦέ ͯͯ͢Μ
Compose Ͱ Web αΠτΛ࡞Δٕज़ • Compose Multiplatform • Kobweb 👈
ࠓͭ͢
Compose Multiplatform (CMP) Compose Λ͍ΖΜͳ Platform Ͱಈ͔ͤΔΑ͏ʹ͢Δͭ
Compose Multiplatform for Web
Compose Multiplatform for Web • Compose UI ͕ͦͷ··ಈ͘ͷ (͜͜ͰCMP UI)
ͱ DOM Λग़ྗ͢Δ Compose HTML ͕͋Δ
Compose Multiplatform for Web ͷ೦ϙΠϯτ
Compose Multiplatform ͷ೦ϙΠϯτ • ύϑΥʔϚϯε • Kotlin JS ύϑΥʔϚϯε͕೦ •
͔ͱ͍ͬͯ Wasm iOS Ͱಈ͔ͳ͍
Compose Multiplatform ͷ೦ϙΠϯτ • <canvas> ʹϕλॻ͖ • ΞΫηγϏϦςΟ, SEO ໘Ͱෆར
ͨͩ ͜Εํͳ͍
ʢԶ͕ߟ͑ΔʣCMP ͷ͋Δ͖ • CMP ͍ΖΜͳ Platform Ͱ Compose Λͦͷ··ಈ͔͢
ͨΊͷٕज़ • ͍ΖΜͳछྨͷΞϓϦΛ࡞ΔͨΊͷٕज़Ͱͳ͍ • CMP Λͬͯ ֤ Platform ʹدΓఴͬͨ "ྑ͍ΞϓϦ" ࠓ࡞Εͳ͍͠ɺকདྷతʹແཧ • ͦͦ Platform ͝ͱʹٻΊΒΕΔ UI ͕ҧ͏
Kobweb
Kobweb
Kobweb • Compose HTML ϕʔεͷ Web ΞϓϦΛ࡞ΔϑϨʔϜϫʔΫ • جຊ HTML
Λॻ͘ͷͷɺҰ෦ Compose ෩ʹॻ͘͜ͱͰ͖Δ
Kobweb ͱ CMP (͍ΘΏΔ) CMP Compose HTML
Kobweb ͱ CMP Compose HTML
Kobweb ͱ CMP (͍ΘΏΔ) CMP Kobweb
Kobweb ͱ CMP (͍ΘΏΔ) CMP Kobweb
Kobweb ͱ CMP Kobweb
Kobweb ͱ CMP
·ͱΊ • Compose Multiplatform for Web Ͱ Web αΠτࣙΊͱ͚ •
CMP ͕ద͢ΔΞϓϦ͋Δ͕ɺWeb αΠτͱͯ͠ͷΫΦϦςΟ མͪΔ • Compose × Web ΞϓϦ Kobweb ͕Ξπ͍
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ