Prompt:
For the image provided, use Jetpack
Compose to build the screen so that
the Compose Preview is as close to
this image as possible. Also make
sure to include imports, use Material
3.
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
🤔🤔🤔
Slide 14
Slide 14 text
✅ コンパイルが通る
✅ それぞれのアイテムの
特徴を理解
✅ 適切なUI Component
❌ 細部のデザインに違い
Before After
Slide 15
Slide 15 text
Before After
✅ コンパイルが通る
✅ それぞれのアイテムの
特徴を理解
✅ 適切なUI Component
❌ 細部のデザインに違い
生産性向上間違いなし！
Slide 16
Slide 16 text
やってみよう！
Slide 17
Slide 17 text
Step 1: Gemini tabを開く
Slide 18
Slide 18 text
Step 2: プロンプトを入れる
Slide 19
Slide 19 text
あれ、画像を入れるオプションがない 🤯
Slide 20
Slide 20 text
とりあえず Web版を使う
プロンプト :
For the image provided, use
Jetpack Compose to build the
screen so that the Compose
Preview is as close to this
image as possible. Also make
sure to include imports, use
Material 3.
Slide 21
Slide 21 text
Gemini
Advanced
Google’s
most
capable AI
models
Slide 22
Slide 22 text
結果は...
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
Java?
Slide 25
Slide 25 text
複数のコンパイル
エラー 🥺
Slide 26
Slide 26 text
コンパイルエラーは
Geminiに伝えたら
すぐ直してもらえた
Slide 27
Slide 27 text
UIの結果は...
Slide 28
Slide 28 text
🤯
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
Before After
Google’s showcase
✅ コンパイルが通る
✅ それぞれのアイテムの
特徴を理解
✅ 適切なUI Component
❌ 細部のデザインに違い
Slide 31
Slide 31 text
❌ コンパイルできない
❌ テキストを捉えてない
❌ 画像が消えている
❌ デザインが全然違う
Before After
Real