Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Yumemi.apk #5 ~Kotlin夏祭り~ Session 2
おかやまん
September 09, 2021
Programming
0
160
Yumemi.apk #5 ~Kotlin夏祭り~ Session 2
https://yumemi.connpass.com/event/219861/
おかやまん
September 09, 2021
Tweet
Share
More Decks by おかやまん
See All by おかやまん
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
270
株式会社ゆめみの Android の採用コーディング試験を公開しました
blendthink
0
22
Developers Boost Session 6
blendthink
1
660
Other Decks in Programming
See All in Programming
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
1901drama
0
180
Register-based calling convention for Go functions
cjamhe01385
0
400
MLOps勉強会_20220810
strsaito
0
210
ESM移行は無理だけどおれもSindreのライブラリが使いたい!
sosukesuzuki
2
540
Rに管理されてみる
kazutan
0
250
Rust、何もわからない...#3
estie
0
160
料理の注文メニューの3D化への挑戦
hideg
0
280
More Than Micro Frontends: 3 Further Use Cases for Module Federation @DWX 2022
manfredsteyer
PRO
0
370
Atomic Design とテストの○○な話
takfjp
2
800
アジャイルで始める データ分析基盤構築
nagano
1
880
レビュー駆動学習のススメ_StaPy#83
soogie
0
310
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
oleindesign
0
110
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
253
12k
Designing on Purpose - Digital PM Summit 2013
jponch
106
5.7k
Unsuck your backbone
ammeep
659
55k
YesSQL, Process and Tooling at Scale
rocio
157
12k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Testing 201, or: Great Expectations
jmmastey
21
5.5k
Writing Fast Ruby
sferik
612
57k
Six Lessons from altMBA
skipperchong
14
1.4k
Git: the NoSQL Database
bkeepers
PRO
415
59k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
213
11k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
151
13k
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
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました