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
140
ComposeでWebアプリを作る技術
てべすてん
April 18, 2025
Tweet
Share
More Decks by てべすてん
See All by てべすてん
脱 Material3 ?! lumo ui の紹介
tbsten
0
100
衝撃を受けた OSS Androidアプリ
tbsten
0
190
CameraXとCompose
tbsten
0
120
Other Decks in Programming
See All in Programming
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
kotaro666
0
110
2025-04-25 GitHub Copilot Agent ライブデモ(スクリプト)
goataka
0
120
REALITY コマンド作成チュートリアル
nishiuriraku
0
120
エンジニア向けCursor勉強会 @ SmartHR
yukisnow1823
3
12k
2025年のz-index設計を考える
tak_dcxi
12
4.6k
“技術カンファレンスで何か変わる?” ──RubyKaigi後の自分とチームを振り返る
ssagara00
0
120
Rubyの!メソッドをちゃんと理解する
alstrocrack
1
310
AIコーディングエージェントを 「使いこなす」ための実践知と現在地 in ログラス / How to Use AI Coding Agent in Loglass
rkaga
4
1.4k
MySQL初心者が311個のカラムにNot NULL制約を追加していってALTER TABLEについて学んだ話
hatsu38
2
140
Road to Ruby for A Linguistics Nerd
hayat01sh1da
PRO
0
310
生成AIで知るお願いの仕方の難しさ
ohmori_yusuke
1
120
20250429 - CNTUG Meetup #67 / DevOps Taiwan Meetup #69 - Deep Dive into Tetragon: Building Runtime Security and Observability with eBPF
tico88612
0
180
Featured
See All Featured
Producing Creativity
orderedlist
PRO
344
40k
4 Signs Your Business is Dying
shpigford
183
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Building Applications with DynamoDB
mza
94
6.4k
A better future with KSS
kneath
239
17k
BBQ
matthewcrist
88
9.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Into the Great Unknown - MozCon
thekraken
38
1.8k
Designing for Performance
lara
608
69k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
105
19k
GraphQLとの向き合い方2022年版
quramy
46
14k
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 ͕Ξπ͍
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ