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
35

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
71
What lies beyond AWS All Certifications.
Avatar for otsuka zzzzico
4
360
I tried leaving the presentation to AI.
Avatar for otsuka zzzzico
3
180

Other Decks in Technology

See All in Technology
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
12k
[zh-TW] DevOpsDays Taipei 2025 -- Creating Awesome Change in SmartNews!(machine translation)
Avatar for Ikuo Suyama martin_lover
1
680
OpenJDKエコシステムと開発中の機能を紹介 2025夏版
Avatar for Chihiro Ito chiroito
1
1.1k
Flutterアプリを⾃然⾔語で操作する
Avatar for Yuki Sakai yukisakai1225
0
200
AIとSREの未来 / AI and SRE
Avatar for ymotongpoo ymotongpoo
2
1.7k
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4k
從開發到架構設計的可觀測性實踐
Avatar for philipz philipz
0
180
20250514_未経験から Fintech実務参画まで。学生エンジニアの挑戦録
Avatar for Hideto1008 hideto1008
0
810
TypeScript をより型安全に扱うプラクティス #TSKaigi #TSKaigi2025_kataritai
Avatar for 弁護士ドットコム bengo4com
0
2.1k
Information Architecture Recommoning: How Standardization Enables Differentiation
Avatar for Andrea Gioia angioia
0
150
医療業界に特化した音声認識モデル構築のためのアノテーションの実態
Avatar for Kanta Suga thickstem
0
370
為什麼我們需要 Observability？
Avatar for Marcus marcustung
0
460

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
470
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
9
610
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
106
19k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k

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:
OSZAR »