Yumemi.apk #5 ～Kotlin夏祭り～ Session 2

https://yumemi.connpass.com/event/219861/

おかやまん

September 09, 2021

More Decks by おかやまん

See All by おかやまん

具体と抽象の行き来を意識する

0

540

FlutterKaigi Day1「Dart のこれから」

1

7.1k

公開している Notion サイトから人名を抽出して、誤って個人情報を記載していないか検出できるようにしてみた

0

570

Yumemi.apk #6 ～ゆめみのAndroidエンジニア日頃の成果大発表会！～ Session 2

1

760

株式会社ゆめみの Android の採用コーディング試験を公開しました

0

200

Developers Boost Session 6

1

1k

Other Decks in Programming

See All in Programming

0

150

baseline으로 마이그레이션, 리팩토링 안전하게 맡기기

1

530

TS 7.0 で baseUrl が使えなくなった今、パスエイリアスをどうするか

1

270

Materialが消えた日〜真っ白なFlutterキャンバスにRenderObjectで絵を描く〜

0

120

Spec-driven Development with AI

PRO

0

2.2k

S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent

PRO

0

240

FactoryBotをやめればRSpecは速くなるのか？

0

1.2k

全ての永続トークンを、生まれる前に消し去りたい！

2

1.6k

Compiling a real-world CLI tool to native with Static Hermes

0

140

複雑なUIコンポーネントとの⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ

0

490

Augmenting AI with the Power of Jakarta EE

0

490

Herb in Rails 8.2: Your ERB views, now HTML-aware @ Kaigi on Rails 2026, Tokyo, Japan

2

370

Featured

See All Featured

Designing Powerful Visuals for Engaging Learning

1

620

Testing 201, or: Great Expectations

46

8.4k

Believing is Seeing

1

260

Visual Storytelling: How to be a Superhuman Communicator

2

730

Efficient Content Optimization with Google Search Console & Apps Script

PRO

1

950

Technical Leadership for Architectural Decision Making

3

620

Statistics for Hackers

799

230k

Building AI with AI

PRO

1

1.3k

New Earth Scene 8

4

2.7k

The Anti-SEO Checklist Checklist. Pubcon Cyber Week

0

290

The SEO Collaboration Effect

kristinabergwall1

1

610

Marketing Yourself as an Engineer | Alaka | Gurzu

0

340

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
実際に、ポートフォリオ作ってみました
実際のコードへ
ご静聴ありがとうございました