デザインと開発を変える、 生成AIとの向き合い方

2025/06/18に開催された「デザインエンジニアMeetup #2」にデザインエンジニアのきょんしーが登壇した際の資料です。

Transcript

1. デザインと開発を変える、 生成AIとの向き合い方 デザインエンジニアMeetup #2
 AI時代のプロダクトづくり最前線 株式会社estie デザインエンジニア きょんしー #デザインエンジニアMeetup
2. estie の紹介 #デザインエンジニアMeetup
5. 自己紹介 ™ 2023年1月 estie に入d ™ 『estie マーケット調査』『estie 物流リサーチ』を担B ™ ↑社内では Data as a Service(DaaS) と呼んでま( ™ フロントエンドを中心にバックエンドやUIデザイン（たまにデータ）をや ™ 趣味はドライブとキャンG ™ 最近は F1 観てます Netflix でもドキュメンタリーあって面白いです
6. 今日話すこと D estie の DaaS につい( D 生成AI系のツールを使ってる中で感じてるこ9 D estieで行った or 取り組んでいるこ9 D 今後やりたいこと
7. estie の DaaS とは...？ #デザインエンジニアMeetup
8. #デザインエンジニアMeetup ←DaaS 担当プロダクト↓
9. DaaSの特徴 s 建物や募集、テナント、企業情報などを掛け合わせたデータサービ7 s プロダクトによって扱うデータの種類が異なるが、ほぼ同じ機能を提供してW s 建物情報で検索し地図にプロット、テーブル表示・分析表示
10. ここまでがDaaSの説明 また後で戻ってきます #デザインエンジニアMeetup
11. 生成AI系のツールを 使ってる中で感じること #デザインエンジニアMeetup
12.  もっと速くしたÂ Æ もっと賢くしたい #デザインエンジニアMeetup
13. 生成AI系のツールを使ってる中で感じること h もっと速くした h 生成AIのモデルの差に関しては時間が解決するのでOY h こちら側の責任のところは秒で終わるようにした h もっと賢くした h 1ファイルの変更だけなのにめっちゃ悩んでたり、違うと ころを修正したりすˆ h 指示の与え方の問題はあれど、意図通りのアウトプット が欲しい
14. estieで行った or 取り組んでいること #デザインエンジニアMeetup
15.  もっと速くするためにしたこと 4 ESLint, Prettier, Stylelint → Biomd 4 圧倒的な速v 4 そもそも10以上あるプロダクトごとでバラバラだったた めLint Ruleも含め統一した（開発体験の統一y 4 テストランナE 4 Vitest を採用する流f 4 Jest 使ってるプロダクトは @swc/jesG 4 (型チェック# 4 tsc → tsgo にする？v1リリースが待ち遠しい
16.  もっと賢くするためにした＆していること g コンポーネントライブラリの見直€ g 社内ライブラリは存在しているが網羅に時間がかかる..t g Mantineベースで独自のthemeを整備y g 複合的なコンポーネントも配信し、MCPサーバー使った UI実2 g AIエージェントのためのUIデザインガイドライン整G g より正解とする形に近しいUIにするた' g デザイントークンやコンポーネントの使用例など
17. まだ進行中なものも多いが デザインシステム作りに注力 #デザインエンジニアMeetup
18. estieのDaaSの話に戻します #デザインエンジニアMeetup
19. 僕が思っている現状の課題 ˜ （再掲）プロダクトによって扱うデータの種類が異なるが同 じ機能を提供してc ˜ 例1. 建物の検索条件を保存したい6 ˜ プロダクトAにはあるけどBにはない ˜ Aの実装を持ってきたいけど Form 周りの実装が違e ˜ 例2. 結果を返す処理が重く、無限スクロールしたい6 ˜ 例1と同じくAにはあってBにはない ˜ Aが良い実装かも分からないまま移植してしまう
20.  もっと賢くするためにしていること ” テンプレートとなる実装を作ˆ ” MCPサーバ等があるので他Repoにある実装を参考にで きˆ ” こういう処理はこう書くべきというケース作3 ” 検索条件のURL保持であれば URLSearchParam と FormValue 間の変換において、後方互換はどこで持 つか等
21. 今後やりたいこと #デザインエンジニアMeetup
22. プロダクトに生成UIを組み込む #デザインエンジニアMeetup
23. プロダクトに生成UIを組み込む … estie が対象としてる顧c … デベロッパーだけじゃなく、投資家、建物を管理する人 など様々なプレイヤーがいe … 個人的に estie の DaaS で一番面白いと感じてるとこ" … プレイヤーによって見たいデータ、その先の顧客に見せたい データが異なる