Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
My recent obsession with generative AI usage.
Search
otsuka
May 30, 2025
Technology
1
47
My recent obsession with generative AI usage.
2025/5/30 テテミート#13 「最近ハマっている生成AI活用法」
otsuka
May 30, 2025
Tweet
Share
More Decks by otsuka
See All by otsuka
Automatically catch up on the latest information with AI!
zzzzico
1
410
What lies beyond AWS All Certifications.
zzzzico
4
460
I tried leaving the presentation to AI.
zzzzico
3
210
Other Decks in Technology
See All in Technology
「Managed Instances」と「durable functions」で広がるAWS Lambdaのユースケース
lamaglama39
0
140
Oracle Technology Night #95 GoldenGate 26ai の実装に迫る1
oracle4engineer
PRO
0
110
生成AI時代の自動E2Eテスト運用とPlaywright実践知_引持力哉
legalontechnologies
PRO
0
180
AI 時代のデータ戦略
na0
8
3.5k
Design System Documentation Tooling 2025
takanorip
2
960
グレートファイアウォールを自宅に建てよう
ctes091x
0
130
事業部のプロジェクト進行と開発チームの改善の “時間軸" のすり合わせ
konifar
9
3.2k
Databricksによるエージェント構築
taka_aki
1
140
20251209_WAKECareer_生成AIを活用した設計・開発プロセス
syobochim
1
280
エンジニアリングマネージャー はじめての目標設定と評価
halkt
0
200
【CEDEC+KYUSHU2025】学生・若手必見!テクニカルアーティスト 大全 ~仕事・スキル・キャリアパス、TAの「わからない」を徹底解剖~
cygames
PRO
0
110
Uncertainty in the LLM era - Science, more than scale
gaelvaroquaux
0
700
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
225
10k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
GitHub's CSS Performance
jonrohan
1032
470k
Bash Introduction
62gerente
615
210k
Docker and Python
trallard
46
3.7k
KATA
mclloyd
PRO
32
15k
It's Worth the Effort
3n
187
29k
GraphQLとの向き合い方2022年版
quramy
50
14k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Rails Girls Zürich Keynote
gr2m
95
14k
The Pragmatic Product Professional
lauravandoore
37
7.1k
Transcript
最近ハマっている 生成AI活用法 2025/5/30 大塚 雄仁 テテミート#13
名前 大塚 雄仁(Yuji Otsuka) 住所 茨城県つくば市 趣味 映画、海外旅行、食べ歩き LTの機会ありがとうございます!! 好きなお肉料理
ハンバーガー X / Qiita : @zzzzico 自己紹介 X: Qiita:
生成AIはとても便利!
私が最近ハマっている生成AI活用法は... 画面デザイン作成
1.プロンプト 「画面をモダナイズ(見やすく、操作しやすく)してください」 2.画面チェック 3.プロンプト(微修正) これを繰り返す 画面デザイン作成
実際に作成した画面デザイン紹介 ・-作成例#1- [個人開発] 自分だけの食べログページ ・-作成例#2- [個人開発] YAMLレビューアプリ
実際に作成した画面デザイン紹介 ・-作成例#1- [個人開発] 自分だけの食べログページ ・-作成例#2- [個人開発] YAMLレビューアプリ
-作成例#1- [個人開発] 自分だけの食べログページ
-作成例#1- [個人開発] 自分だけの食べログページ 地図表示デザイン (画面分割) お店の強調表示デザイン 編集/削除のアイコンデザイン
-作成例#1- [個人開発] 自分だけの食べログページ ポップアップの デザイン統一 大きいボタンデザイン
実際に作成した画面デザイン紹介 ・-作成例#1- [個人開発] 自分だけの食べログページ ・-作成例#2- [個人開発] YAMLレビューアプリ
-作成例#2- [個人開発] YAMLレビューアプリ
-作成例#2- [個人開発] YAMLレビューアプリ 立体的な画面レイアウト グラデーションのある ボタンデザイン 入力欄の強調表示
画面デザインを追求し続けたらどうなる?
画面デザインを追求し続けたらどうなる? 画面をモダナイズ(見やすく、操作しやすく)してください
画面デザインを追求し続けたらどうなる? もっと斬新なデザインにしてください
画面デザインを追求し続けたらどうなる? 革新的で未来感のあるデザイン を実現します。 サイバーパンク風 や ミニマルかつダイナミックなUI を取り入れ、 まるで 最先端のアプリ のようなビジュアルを目指しました!
画面デザインを追求し続けたらどうなる? もっともっと斬新なデザインにしてください
画面デザインを追求し続けたらどうなる? もっと常識を超えたデザインに挑戦します! 全体を暗闇の宇宙背景にし、入力欄を回転させる演出を追加します。 一段と ダイナミック で 未来的 なデザインにしました!
まとめ
・生成AIを活用して画面デザインを作成してもらった。 ・ゼロイメージからの画面デザイン作成が楽しく、 ハマってます! まとめ X / Qiita : @zzzzico X:
Qiita: