つくり方を変えていく | change-how-we-build
by
mottox2
×
Copy
Open
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
つくりかたを変えていく UIデザイナー・ウェブフロントエンドエンジニア @mottox2
Slide 2
Slide 2 text
もっと @mottox2 ウェブバックエンドエンジニア → ウェブフロントエンドエンジニア → UIデザイナー 自分の書くコードの8割がAI Agent産
Slide 3
Slide 3 text
今日話したいこと 作るものが変わってきている 作り方も変わってきている 変わってないこともある
Slide 4
Slide 4 text
AIでつくられるもの ① 今までのワークフローをAIによって再現・効率化していく ② 今までつくらなかった・つくれなかったものを作る
Slide 5
Slide 5 text
つくられてこなかったもの 運用のコスパが悪いもの 車輪の再発明で避けられるもの わざわざ作るまでもないもの・くだらないもの これらは従来、 作る判断をしなかった
Slide 6
Slide 6 text
わたしのスタンス ① 今までのワークフローをAIによって再現・効率化していく ② 今までつくらなかった・つくれなかったものを作る
Slide 7
Slide 7 text
わたしのスタンス ② 今までつくらなかった・つくれなかったものを作る 今までのをっ・く
Slide 8
Slide 8 text
わたしのスタンス 趣味をより楽しむためのソフトウェア開発 ソフトウェア開発をした 趣味のをした
Slide 9
Slide 9 text
今までやってきた方法を 意図的に変えてやっている まで でにままできるでま
Slide 10
Slide 10 text
AIに名言をでっち上げてもらい、 気持ちを上げたかった
Slide 11
Slide 11 text
スマホを使って弦楽器っぽいのものをつくりたかった
Slide 12
Slide 12 text
macOSの端においておけるチューナーがほしかった
Slide 13
Slide 13 text
耳コピに特化した音声プレイヤーが欲しかった
Slide 14
Slide 14 text
おしごとでは… ノベルゲーム風診断サイト 診断サイトノベルゲーム 診断Gゲ風ト OG画像生成サービス G OG画像生成
Slide 15
Slide 15 text
これらのアプリは AIがあったからこそ作っている
Slide 16
Slide 16 text
どうやって作っているのか?
Slide 17
Slide 17 text
とりあえずつくる (試作) 探索フェーズの実装はカジュアルにやらせる 自分では思いがけないものが実現できることもある つくりかたで一番変わった部分 AI開発以前、 自分が一番バリューを出していた部分😢
Slide 18
Slide 18 text
これは作れないだろう と決めつけずに作らせてみる るにとられ 作れる作らせて
Slide 19
Slide 19 text
「これだ!」 と思ったらちゃんと作る ここるれると思 だらこるとる
Slide 20
Slide 20 text
ちゃんとつくる段階では人間が関与する
Slide 21
Slide 21 text
AI駆動開発の落とし穴 VibeCoding的な進め方だと違法建築UIになりがち 実際にできたUIだと触れるのはいい反面、 プロトタイプの UIに引きづられることに注意 機能追加するたび複雑に、 本来のコア機能が埋もれて いったり、 適切な構造からかけ離れてしまう
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
なにをしたのか カラースキーマの調整 余計な機能を削る 全体のレイアウトの見直し 細かい調整
Slide 26
Slide 26 text
VibeCoding時代にもUIで考えること eignengineeind
Slide 27
Slide 27 text
作ってもいらないなら消す
Slide 28
Slide 28 text
定期的に全体の構造を見直す
Slide 29
Slide 29 text
最後の調整はちゃんとやる
Slide 30
Slide 30 text
VibeCoding時代にもUIで考えること 作ってもいらないなら消す 定期的に全体の構造を見直す 最後の調整はちゃんとやる
Slide 31
Slide 31 text
さいごに 今までは作らなかったもの、 が作れる時代になっている 今までどおりやる箇所もあれば、 今までとは違う方法になっ ている箇所もある た作り方にはありま
Slide 32
Slide 32 text
もっと @mottox2