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
2
760
AI時代のUIはどこへ行く?
2025-09-06 / フロントエンドカンファレンス北海道2025
Yusuke Wada
September 06, 2025
Tweet
Share
More Decks by Yusuke Wada
See All by Yusuke Wada
速いWebフレームワークを作る
yusukebe
3
1.4k
Honoアップデート 2025年夏
yusukebe
1
890
パスタの技術
yusukebe
1
550
AI Ramen Fight
yusukebe
0
150
TypeScriptでDXを上げろ! Hono編
yusukebe
4
1k
Honoをフロントエンドで使う 3つのやり方
yusukebe
8
4.9k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
2
390
MCP with Cloudflare Workers
yusukebe
2
420
Remix on Hono on Cloudflare Workers
yusukebe
3
770
Other Decks in Programming
See All in Programming
レガシープロジェクトで最大限AIの恩恵を受けられるようClaude Codeを利用する
tk1351
4
1.5k
testingを眺める
matumoto
1
130
AHC051解法紹介
eijirou
0
640
SOCI Index Manifest v2が出たので調べてみた / Introduction to SOCI Index Manifest v2
tkikuc
1
120
Rancher と Terraform
fufuhu
2
170
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
140
兎に角、コードレビュー
mitohato14
0
160
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.4k
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
1k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
0
230
Go言語での実装を通して学ぶLLMファインチューニングの仕組み / fukuokago22-llm-peft
monochromegane
0
110
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Bash Introduction
62gerente
614
210k
Automating Front-end Workflow
addyosmani
1370
200k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
Building a Scalable Design System with Sketch
lauravandoore
462
33k
GitHub's CSS Performance
jonrohan
1032
460k
Code Review Best Practice
trishagee
70
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Building Adaptive Systems
keathley
43
2.7k
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*ʹ͍ͭͯߟ͑Δ͖ͬ ͔͚ʹͳͬͨͷͳΒ͍Ͱ͢
͋Γ͕ͱ͏͍͟͝·ͨ͠