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
310
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
15
FlutterKaigi Day1「Dart のこれから」
blendthink
1
5k
公開している Notion サイトから人名を抽出して、誤って個人情報を記載していないか検出できるようにしてみた
blendthink
0
310
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
530
株式会社ゆめみの Android の採用コーディング試験を公開しました
blendthink
0
61
Developers Boost Session 6
blendthink
1
780
Other Decks in Programming
See All in Programming
Elm 0.19.0 Changes
bkuhlmann
0
510
Try creating your own orderedmap
kazamori
1
270
Hanami and htmx
bkuhlmann
0
230
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
920
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
1.1k
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
480
Webアプリをできるだけコードを手書きしないで作ってみる
tomokusaba
2
190
PHPはいつから死んでいるかの調査
chiroruxx
2
430
Ruby on Fails - effective error handling with Rails conventions
talyssonoc
0
210
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
10
1.7k
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
1.1k
ペパボOpenTelemetry革命
pyama86
2
170
Featured
See All Featured
Writing Fast Ruby
sferik
622
60k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
A Tale of Four Properties
chriscoyier
153
22k
Web development in the modern age
philhawksworth
203
10k
Producing Creativity
orderedlist
PRO
338
39k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Music & Morning Musume
bryan
41
5.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
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
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました