Upgrade to Pro — share decks privately, control downloads, hide ads and more …

My recent obsession with generative AI usage.

Avatar for otsuka otsuka
May 30, 2025
Technology
1
32

My recent obsession with generative AI usage.

2025/5/30 テテミート#13 「最近ハマっている生成AI活用法」
Avatar for otsuka

otsuka

May 30, 2025
Tweet

More Decks by otsuka

See All by otsuka
Automatically catch up on the latest information with AI!
Avatar for otsuka zzzzico
1
40
What lies beyond AWS All Certifications.
Avatar for otsuka zzzzico
4
350
I tried leaving the presentation to AI.
Avatar for otsuka zzzzico
3
180

Other Decks in Technology

See All in Technology
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.2k
エンジニアが組織に馴染むために勉強会を主催してチームの壁を越える
Avatar for uutan1108 ohmori_yusuke
2
120
KMP導⼊において、マネジャーとして考えた事
Avatar for SansanTech sansantech
PRO
1
210
toittaにOpenTelemetryを導入した話 / Mackerel APM リリースパーティ
Avatar for cohalz cohalz
1
490
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.8k
テストを実施する前に考えるべきテストの話 / Thinking About Testing Before You Test
Avatar for nihonbuson nihonbuson
PRO
14
2k
CloudBruteによる外部からのS3バケットの探索・公開の発見について / 20250605 Kumiko Hennmi
Avatar for SHIFT EVOLVE shift_evolve
3
160
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
5
38k
AIオンボーディングとAIプロセスマイニング
Avatar for Ryuya Nakamura nrryuya
5
1.3k
大事なのは、AIの精度だけじゃない！〜1円のズレも許されない経理領域とAI〜
Avatar for Jun Nemoto jun_nemoto
11
5.2k
アプリケーションの中身が見える！Mackerel APMの全貌と展望 / Mackerel APMリリースパーティ
Avatar for mackerelio mackerelio
0
440
実践Kafka Streams 〜イベント駆動型アーキテクチャを添えて〜
Avatar for Tomohiro Hashidate joker1007
0
200

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
129
19k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.8k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
8.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
45
9.6k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
41
2.6k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.2k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
92
6k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.5k
Side Projects
Avatar for Sacha Greif sachag
454
42k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k

Transcript

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

  2. 名前 大塚 雄仁（Yuji Otsuka） 住所 茨城県つくば市 趣味 映画、海外旅行、食べ歩き LTの機会ありがとうございます!! 好きなお肉料理

    ハンバーガー X / Qiita : @zzzzico 自己紹介 X: Qiita:

  3. 生成AIはとても便利！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  20. まとめ

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

    Qiita: