Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AI時代のUIはどこへ行く?
Search
Yusuke Wada
September 06, 2025
Programming
21
9.8k
AI時代のUIはどこへ行く?
2025-09-06 / フロントエンドカンファレンス北海道2025
Yusuke Wada
September 06, 2025
Tweet
Share
More Decks by Yusuke Wada
See All by Yusuke Wada
Reactをクライアントで使わない
yusukebe
7
5.5k
速いWebフレームワークを作る
yusukebe
5
1.8k
Honoアップデート 2025年夏
yusukebe
1
950
パスタの技術
yusukebe
1
600
AI Ramen Fight
yusukebe
0
170
TypeScriptでDXを上げろ! Hono編
yusukebe
4
1k
Honoをフロントエンドで使う 3つのやり方
yusukebe
8
4.9k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
2
430
MCP with Cloudflare Workers
yusukebe
2
430
Other Decks in Programming
See All in Programming
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
530
チームのテスト力を鍛える
goyoki
3
1.1k
Navigating Dependency Injection with Metro
zacsweers
3
5.7k
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
kobakei
0
340
半自動E2Eで手っ取り早くリグレッションテストを効率化しよう
beryu
6
1.6k
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
300
Can AI Take Over Frontend QA? - Navigating the Paradigm Shift: A Developer's Mindset for the Future - #layerx_frontend
teyamagu
PRO
5
2k
VisionFrameworkで実現する - プライバシーに配慮した「顔ぼかし」機能 / Face blurring with Vision Framework
imaizume
0
140
気づいて!アプリからのSOS 〜App Store Connect APIで始めるパフォーマンス健康診断〜
waka12
0
140
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
140
Android端末で実現するオンデバイスLLM 2025
masayukisuda
1
230
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
680
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Why Our Code Smells
bkeepers
PRO
339
57k
Scaling GitHub
holman
463
140k
How to Ace a Technical Interview
jacobian
280
23k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Site-Speed That Sticks
csswizardry
10
850
Transcript
ϑϩϯτΤϯυΧϯϑΝϨϯεւಓ "*࣌ͷ6*Ͳ͜ߦ͘ʁ :VTVLF8BEB
.F w :VTVLF8BEB w 8FCGSBNFXPSLEFWFMPQFS w %FWFMPQFS"EWPDBUF!$MPVE fl BSF w
#PLFUFDPGPVOEFS w $SFBUPSPG)POP w IUUQTHJUIVCDPNZVTVLFCF The Melancholy of an OSS Developer
͍
ʮ"*ͱͲ͏ͬͯΠϯλϥΫ γϣϯͯ͠·͔͢ʁʁʯ
$IBU(15ʹฉ͘
ʮࡳຈͷ͓͢͢Ίͷ৯ʁʯ
ʮϥʔϝϯͷ͓͢Ίʁʯ
νϟοτ
ʮͰͦͷલͲ͏ͯ͠ ͨʁʁʯ
(PPHMFݕࡧ
ʮࡳຈ৯͓͢͢Ίʯ
৯ϩάʮࡳຈϥʔϝϯਓؾϥϯΩϯάʯ
8FCϖʔδ
ͬͯ͜ͱʜ
ʮ "*ͷ࣌ νϟοτ͕͋Δ͔ Β8FCϖʔδཁΒͳ͘ͳΔʁʁʯ
8FCϖʔδ࡞Βͳͯ͘ྑ͘ͳΔͷʁ 8FCٕज़Βͳ͍͍ͯ͘ͷʁ )5.-ʁ $44ʁ +BWB4DSJQUʁ 8FC࡞ͬͯͨਓͲ͜ߦ͘ͷʁ
ƅЧƅ ŜƄŞŜƄŞŲƄſŲƄſ
ʮͰຊʹνϟοτͰ͍͍ ͷʁʁʯ
--.ʹಓॱΛฉ͘ ʮԣӺ͔Β٢ଜՈͷߦ͖ํʯ $MBVEF%FTLUPQΑΓ
Ϣʔβʔ͕ຊʹٻΊ͍ͯΔͷ (PPHMFϚοϓΑΓ
ʮνϟοτ͚ͩ͡Όͳͯ͘6* ཉ͍͠ΑͶʯ
ಉ͡Α͏ͳ͜ͱΛߟ͍͑ͯΔ ਓ͕͍ͨ
l5IFGVUVSFPG"*JOUFSBDUJPOz w ,FOU$%PEET͞ΜʹΑΔಈըɺهࣄ w ࠓճͷτʔΫͷ͖͔͚ͬʹͳͬͨ IUUQTXXXFQJDBJQSPUIFGVUVSFPGBJJOUFSBDUJPOCFZPOEKVTUUFYUXQT
"*࣌Ͱ6*͕ॏཁʹͳΔΑʂ ετοϓΥον ࢠͲ͕ٯཱͪͷ࣌ؒΛܭͬͯ΄͍͠ͱཔΜͰ͖ͨ߹ ඞͣཔΜͰ͖·͢ ɺʮελʔ τʯʮετοϓʯͱೖྗͨ͠ΓݴͬͨΓ͢ΔΑΓɺελʔτϘλϯͱετοϓϘλ ϯ͕͋Δ΄͏͕ͣͬͱศརͰ͢ɻ σʔλͷࢹ֮Խ
άϥϑσʔλϙΠϯτͷબػೳΛඋ͑ͨάϥϑΟΧϧΠϯλʔϑΣΠεͰσʔλΛ දࣔ͢Δͱɺଟ͘ͷ߹ɺςΩετʹΑΔઆ໌ΑΓΔ͔ʹศརͰ͢ɻ ϚϧνϞʔμϧΠϯλϥΫγϣϯ ϘλϯͱԻͷ྆ํͷૢ࡞͕ඞཁͳ߹͋Γ·͢ɻྫ͑ɺΣΠττϨʔχϯάͷ࣌ ؒΛܭΔ࣌ͳͲɺख͕;͕͍ͬͯ͞Δ࣌ԻίϚϯυΛ͍ͨ͘ͳΔ͔͠Ε·ͤΜɻ
"*࣌ͷ6*Ͳ͜ߦ͘ʁ w νϟοτςΩετ͕ଟ͘ͳͬͯɺ6*ͬͺΓඞཁ w Γํ͕มΘ͍ͬͯ͘Μ͡Όͳ͍͔ͳʁ ͪΐͬͱ͚ͩߟ͑ͯΈΑ͏ʂ
ͭͷύλʔϯ 6*ͷதͰ"*Λ͏ "*͕6*Λ࡞Δ "*͕6*Λड͚औΔ 6*ͱ"*ͷ͕͍͔ؔͭ͘ʹྨͰ͖Δ
6*ͷதͰ"*Λ͏
6*ͷதͰ"*Λ͏ w طଘͷ6*ͷதʹ"* --. ΛຒΊࠐΉ w Α͋͘Δύλʔϯ w ྫ w
νϟοτϘοτ w /PUJPO"* w εϓϨουγʔτ (FNJOJ w $MBVEFGPS$ISPNF
ྫεϓϨουγʔτ (FNJOJ 6*εϓϨουγʔτ "*--.
"*͕6*Λ࡞Δ
"*͕6*Λ࡞Δ w "* --. ͕6*Λ࡞Γग़͢ w ͦͷ6*ͱΠϯλϥΫγϣϯ͢Δ w ྫ w
$IBU(15ͷάϥϑػೳ w $IBU(15ͷਤػೳ w $MBVEFͷ"SUJGBDUT w ίʔσΟϯάΤʔδΣϯτ
$MBVEFͷ"SUJGBDUT͕໘ന͍ $MBVEFͱҰॹʹ"*ࡌΞϓϦΛߏங ͠·͠ΐ͏ "SUJGBDUTΛ͑ɺ୭ͰΞϓϦΫ ϦΤΠλʔʹͳΕ·͢ɻίʔσΟϯ άෆཁͰ͢ɻ$MBVEFʹΞΠσΞΛ ͑Δ͚ͩͰɺڞ༗ՄೳͳΞϓϦɺ πʔϧɺήʔϜ͕͙͢ʹ࡞Ͱ͖· ͢ɻ IUUQTXXXBOUISPQJDDPNOFXTCVJMEBSUJGBDUT
ྫ"*ເ͍
--. $MBVEF ͕ਪͯ͘͠ΕΔ
ίʔυ͕ݟΕΔ
3FBDUͱ5BJMXJOE$44Ͱॻ͔ΕͯΔ 3FBDU+49 5BJMXJOE$44
AXJOEPXDMBVEFDPNQMFUFA "SUJGBDUTͰ$MBVEFͷ"1*ΛݺΔ
ΪϟϥϦʔ͕͋Δ
ެ։Ͱ͖Δ ࣗͰ࡞ͬͨ"SUJGBDUTΛެ։Ͱ͖Δ 63-͕ൃߦ͞ΕΔɺຒΊࠐΈͰ͖Δ "1*ݺͼग़͠ʹ͔͔ͬͨඅ༻Ϣʔβʔ͕ෛ୲ɺΞϓϦ։ൃऀʹ՝ۚ͞Εͳ͍
໘ന͍
"*͕6*Λड͚औΔ
"*͕6*Λड͚औΔ w --.͕.$1͔Β6*Λड͚औΔ w .$1ςΩετߏମΛฦͩ͢ ͚ w .$1Ͱ6*Λѻ͏ͷͲ͏͔ʁ w ৽͍༷͕ٞ͠͞Ε͍ͯΔ
w .$16*ͱ͍͏࣮͕͋Δ
,FOU$%PEET͞Μ͕.$1Ͱ6*Λѻ͏ͨΊͷ༷ΛఏҊ͍ͯ͠Δ .$1ެࣜͷ༷Λߟ͑ΔϓϩδΣΫτ /FX$POUFOU5ZQFGPS6* IUUQTHJUIVCDPNNPEFMDPOUFYUQSPUPDPMNPEFMDPOUFYUQSPUPDPMEJTDVTTJPOT
.$16* .$1Ͱ6*ΠϯλϥΫγϣϯΛՄೳʹ͢Δ࣮ͷҰͭ IUUQTNDQVJEFW
ಛ w αʔόʔ4%,ͱΫϥΠΞϯτ4%,Λఏڙ͍ͯ͠Δ w αʔόʔ4%, w .$1Ͱ6*ΛૹΔͨΊ w ΫϥΠΞϯτ4%, w
.$1͔Βड͚औͬͨ6*Λඳը͢ΔͨΊ
νϟοτ6*Ͱ.$16*ΫϥΠΞϯτ4%,Λ͏ $IBU(15$MBVEFରԠͯ͠ͳ͍ͷͰɺΦϦδφϧͷνϟοτ6*Λ࡞Δඞཁ͕͋Δ .$1αʔόʔͰ.$16*αʔόʔ4%,Λ͏
αʔόʔ4%,ͰͰ͖Δ͜ͱ )5.-ΛૹΔ ֎෦63-ΛૹΔ ͋ͱϦϞʔτ%0.εΫϦϓτ͕͋Δ
σϞΛ࡞ͬͯΈͨ w νϟοτ.$16*1MBZHSPVOE$IBU 4DJSB.$1$IBUͷϑΥʔΫ Λ͏ w .$16*ΫϥΠΞϯτ4%,Λͬͨ6*ඳը͕͢Ͱʹ࣮͞Ε͍ͯΔ w ϦϞʔτ.$1αʔόʔΛ࡞Δ w
ͦͷதͰ.$16*αʔόʔ4%,Λ͏ w ಉ͡αʔόʔͰΞϓϦΛ࡞ͬͯɺͦͷ63-ΛAJGSBNF6SMAͰૹΔ
σϞ
͢Ͱʹ͋Δ.$16*1MBZHSPVOE$IBUΛ͏ ϦϞʔτ.$1αʔόʔl3BNFO.$1XJUI6*z͕ొ͞Ε͍ͯΔ
.$1αʔόʔͷATIPX@SBNFO@SFTUBVSBOUT@XJUI@VJA͕࣮ߦ͞ΕΔ
ANJO3BUF UBTUFzՈܥzA͕ਪ͞ΕૹΒΕΔ 6* ΞϓϦͷ63- ͕ฦΔ
ΠϯλϥΫγϣϯՄೳ
ళΛΫϦοΫ͢ΔͱAQPTU.FTTBHFA͕࡞ಈ νϟοτ6*ܦ༝Ͱz$BMMTIPX@SBNFO@SFTUBVSBOUT@EFUBJMT@XJUI@VJz͕ ύϥϝʔλ͖Ͱ࣮ߦ͞ΕΔ
ATIPX@SBNFO@SFTUBVSBOUT@EFUBJMT@XJUI@VJAͷ݁Ռ ΞϓϦͷ63- ͕ඳը͞ΕΔ
ʮߦ͖ํʯΛΫϦοΫ͢ΔͱAQPTU.FTTBHFA͕࡞ಈ νϟοτ6*ʹςΩετ͕షΒΕΔ
࿈ܞͯ͠Δ(PPHMF.BQ.$1͕࡞ಈ ϥʔϝϯͷಓॱΛҊͯ͘͠ΕΔ
໘ന͍
·ͱΊ
·ͱΊ w "*࣌ͷ6*Ͳ͜ߦ͘ʁ w 6*ͬͺΓඞཁɻͰΓํ͕มΘ͍ͬͯ͘ w ͭͷύλʔϯ 6*ͷதͰ"*Λ͏ "*͕6*Λ࡞Δ "*͕6*Λड͚औΔ
"*࣌ͷ6*ʹ͍ͭͯߟ͑Δ͖ͬ ͔͚ʹͳͬͨͷͳΒ͍Ͱ͢
͋Γ͕ͱ͏͍͟͝·ͨ͠