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
Yumemi.apk #5 ~Kotlin夏祭り~ Session 2
Search
おかやまん
September 09, 2021
Programming
0
430
Yumemi.apk #5 ~Kotlin夏祭り~ Session 2
https://yumemi.connpass.com/event/219861/
おかやまん
September 09, 2021
Tweet
Share
More Decks by おかやまん
See All by おかやまん
具体と抽象の行き来を意識する
blendthink
0
460
FlutterKaigi Day1「Dart のこれから」
blendthink
1
6.6k
公開している Notion サイトから人名を抽出して、誤って個人情報を記載していないか検出できるようにしてみた
blendthink
0
510
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
690
株式会社ゆめみの Android の採用コーディング試験を公開しました
blendthink
0
140
Developers Boost Session 6
blendthink
1
940
Other Decks in Programming
See All in Programming
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.3k
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
410
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
690
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
350
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
7
1.6k
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
460
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
610
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
manfredsteyer
PRO
0
130
Local Peer-to-Peer APIはどのように使われていくのか?
hal_spidernight
2
450
Le côté obscur des IA génératives
pascallemerrer
0
130
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
670
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
160
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Become a Pro
speakerdeck
PRO
29
5.5k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Fireside Chat
paigeccino
40
3.7k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Music & Morning Musume
bryan
46
6.8k
Visualization
eitanlees
148
16k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Transcript
Jetpack Compose for Web で ちょっとしたサイトつくってみた 2021.09.10 Yumemi.apk #5 ~Kotlin夏祭り~
おかやまん • Android App Developer • 株式会社ゆめみ(2019年11月入社) • 猫ちゃんを飼いはじめました •
副業やってます blendthink
None
Jetpack Compose for Web ってなぁに? • Jetpack Compose を基盤にしているリアクティブ Web
UI • Web アプリの UI 開発を簡素化・高速化 • 将来的に、Web・デスクトップ・Android アプリの間で UI コードの共通化を狙って いる • タイプセーフに HTML や CSS が書ける • まだアルファ版
https://compose-web.ui.pages.jetbrains.team
チュートリアルやってみる 先ほどの Web サイトの下部にチュートリアルのリン クがあります。 ツールのバージョン要件とかあるのでお気をつけく ださい。 • JDK 11
以上 • IntelliJ IDEA Community Edition or Ultimate Edition 2020.2 以上
1. プロジェクト作成
2. settings.gradle.kts を更新
3. build.gradle.kts を更新
3. build.gradle.kts を更新
4. 必要なフォルダを追加 • src/jsMain/kotlin • src/jsMain/resources
5. resources に index.html を追加
6. Main.kt を追加
7. プロジェクトを実行! ./gradlew jsBrowserRun
None
None
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました