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
390
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
410
FlutterKaigi Day1「Dart のこれから」
blendthink
1
6k
公開している Notion サイトから人名を抽出して、誤って個人情報を記載していないか検出できるようにしてみた
blendthink
0
450
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
620
株式会社ゆめみの Android の採用コーディング試験を公開しました
blendthink
0
88
Developers Boost Session 6
blendthink
1
880
Other Decks in Programming
See All in Programming
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
41
15k
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
WebDriver BiDiとは何なのか
yotahada3
1
140
テストをしないQAエンジニアは何をしているか?
nealle
0
130
Domain-Driven Transformation
hschwentner
2
1.9k
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
230
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
210
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
GAEログのコスト削減
mot_techtalk
0
110
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
Featured
See All Featured
Speed Design
sergeychernyshev
25
780
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Optimizing for Happiness
mojombo
376
70k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Faster Mobile Websites
deanohume
306
31k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Making the Leap to Tech Lead
cromwellryan
133
9.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
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました