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
330
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
260
FlutterKaigi Day1「Dart のこれから」
blendthink
1
5.3k
公開している Notion サイトから人名を抽出して、誤って個人情報を記載していないか検出できるようにしてみた
blendthink
0
350
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
540
株式会社ゆめみの Android の採用コーディング試験を公開しました
blendthink
0
64
Developers Boost Session 6
blendthink
1
800
Other Decks in Programming
See All in Programming
設計の考え方 - インターフェースと腐敗防止層編 #phpconfuk / Interface and Anti Corruption Layer
okashoi
8
1.7k
What's new in Xcode 16 ダイジェスト
enomotok
0
220
Web 開発における Deno Fresh の活用例:ペアプロタイマー timer.team の開発
lef237
1
680
凝集性から考えるLaravelのmiddleware、routingに書くか? Policyに書くか?
newnomad
1
170
5分でわかるExplicitly Built Modules
giginet
PRO
0
180
KotlinのLinter まなびなおし2024
nyafunta9858
0
2.5k
データサイエンスやデータエンジニアリングの求人サイトの個人開発
billyio
0
680
SPLから始める「データ構造」入門
o0h
PRO
6
880
terraform-provider-aws にプルリクして マージされるまで
exoego
2
200
Swift 6 の地味な (?) アップデート
tajitaji
1
110
Event Exhibition with Hono
naporin0624
0
140
2024年版 Kotlin サーバーサイドプログラミング実践開発
n_takehata
3
1.1k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
10
3.7k
Thoughts on Productivity
jonyablonski
62
4k
How to Ace a Technical Interview
jacobian
273
23k
Debugging Ruby Performance
tmm1
70
11k
We Have a Design System, Now What?
morganepeng
45
6.9k
Git: the NoSQL Database
bkeepers
PRO
423
64k
What the flash - Photography Introduction
edds
64
11k
Rails Girls Zürich Keynote
gr2m
91
13k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.8k
Optimising Largest Contentful Paint
csswizardry
14
2.6k
The Language of Interfaces
destraynor
151
23k
Why Our Code Smells
bkeepers
PRO
331
56k
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
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました