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
430
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
470
FlutterKaigi Day1「Dart のこれから」
blendthink
1
6.6k
公開している Notion サイトから人名を抽出して、誤って個人情報を記載していないか検出できるようにしてみた
blendthink
0
520
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
690
株式会社ゆめみの Android の採用コーディング試験を公開しました
blendthink
0
140
Developers Boost Session 6
blendthink
1
950
Other Decks in Programming
See All in Programming
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
370
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
540
コード生成なしでモック処理を実現!ovechkin-dm/mockioで学ぶメタプログラミング
qualiarts
0
260
なんでRustの環境構築してないのにRust製のツールが動くの? / Why Do Rust-Based Tools Run Without a Rust Environment?
ssssota
14
46k
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
650
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
420
CSC305 Lecture 09
javiergs
PRO
0
310
Catch Up: Go Style Guide Update
andpad
0
250
Google Opalで使える37のライブラリ
mickey_kubo
3
140
What's new in Spring Modulith?
olivergierke
1
170
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
890
AI Agent 時代的開發者生存指南
eddie
4
2.1k
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.3k
Building Applications with DynamoDB
mza
96
6.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
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
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました