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
420
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
440
FlutterKaigi Day1「Dart のこれから」
blendthink
1
6.4k
公開している Notion サイトから人名を抽出して、誤って個人情報を記載していないか検出できるようにしてみた
blendthink
0
500
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
670
株式会社ゆめみの Android の採用コーディング試験を公開しました
blendthink
0
130
Developers Boost Session 6
blendthink
1
930
Other Decks in Programming
See All in Programming
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
810
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
12k
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
130
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
750
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
840
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
670
AIともっと楽するE2Eテスト
myohei
8
2.9k
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
160
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
6.7k
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
15
5.3k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
336
57k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Speed Design
sergeychernyshev
32
1k
Designing Experiences People Love
moore
142
24k
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
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました