https://yumemi.connpass.com/event/219861/
Jetpack Compose for Web でちょっとしたサイトつくってみた2021.09.10 Yumemi.apk #5 ~Kotlin夏祭り~
View Slide
おかやまん• Android App Developer• 株式会社ゆめみ(2019年11月入社)• 猫ちゃんを飼いはじめました• 副業やってますblendthink
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 UltimateEdition 2020.2 以上
1. プロジェクト作成
2. settings.gradle.kts を更新
3. build.gradle.kts を更新
4. 必要なフォルダを追加●src/jsMain/kotlin●src/jsMain/resources
5. resources に index.html を追加
6. Main.kt を追加
7. プロジェクトを実行!./gradlew jsBrowserRun
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました