My recent obsession with generative AI usage.

Slide 1

Slide 1 text

最近ハマっている生成AI活用法 2025/5/30 大塚雄仁テテミート#13

Slide 2

Slide 2 text

名前大塚雄仁（Yuji Otsuka）住所茨城県つくば市趣味映画、海外旅行、食べ歩き LTの機会ありがとうございます!! 好きなお肉料理ハンバーガー X / Qiita : @zzzzico 自己紹介 X: Qiita:

Slide 3

Slide 3 text

生成AIはとても便利！

Slide 4

Slide 4 text

私が最近ハマっている生成AI活用法は... 画面デザイン作成

Slide 5

Slide 5 text

１．プロンプト「画面をモダナイズ（見やすく、操作しやすく）してください」２．画面チェック３．プロンプト（微修正）これを繰り返す画面デザイン作成

Slide 6

Slide 6 text

実際に作成した画面デザイン紹介・-作成例#1- [個人開発] 自分だけの食べログページ・-作成例#2- [個人開発] YAMLレビューアプリ

Slide 7

Slide 7 text

実際に作成した画面デザイン紹介・-作成例#1- [個人開発] 自分だけの食べログページ・-作成例#2- [個人開発] YAMLレビューアプリ

Slide 8

Slide 8 text

-作成例#1- [個人開発] 自分だけの食べログページ

Slide 9

Slide 9 text

-作成例#1- [個人開発] 自分だけの食べログページ地図表示デザイン（画面分割）お店の強調表示デザイン編集/削除のアイコンデザイン

Slide 10

Slide 10 text

-作成例#1- [個人開発] 自分だけの食べログページポップアップのデザイン統一大きいボタンデザイン

Slide 11

Slide 11 text

実際に作成した画面デザイン紹介・-作成例#1- [個人開発] 自分だけの食べログページ・-作成例#2- [個人開発] YAMLレビューアプリ

Slide 12

Slide 12 text

-作成例#2- [個人開発] YAMLレビューアプリ

Slide 13

Slide 13 text

-作成例#2- [個人開発] YAMLレビューアプリ立体的な画面レイアウトグラデーションのあるボタンデザイン入力欄の強調表示

Slide 14

Slide 14 text

画面デザインを追求し続けたらどうなる？

Slide 15

Slide 15 text

画面デザインを追求し続けたらどうなる？画面をモダナイズ（見やすく、操作しやすく）してください

Slide 16

Slide 16 text

画面デザインを追求し続けたらどうなる？もっと斬新なデザインにしてください

Slide 17

Slide 17 text

画面デザインを追求し続けたらどうなる？革新的で未来感のあるデザインを実現します。サイバーパンク風やミニマルかつダイナミックなUI を取り入れ、まるで最先端のアプリのようなビジュアルを目指しました！

Slide 18

Slide 18 text

画面デザインを追求し続けたらどうなる？もっともっと斬新なデザインにしてください

Slide 19

Slide 19 text

画面デザインを追求し続けたらどうなる？もっと常識を超えたデザインに挑戦します！全体を暗闇の宇宙背景にし、入力欄を回転させる演出を追加します。一段とダイナミックで未来的なデザインにしました！

Slide 20

Slide 20 text

まとめ

Slide 21

Slide 21 text

・生成AIを活用して画面デザインを作成してもらった。・ゼロイメージからの画面デザイン作成が楽しく、ハマってます！まとめ X / Qiita : @zzzzico X: Qiita: