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
10k
AI時代のUIはどこへ行く?
2025-09-06 / フロントエンドカンファレンス北海道2025
Yusuke Wada
September 06, 2025
Tweet
Share
More Decks by Yusuke Wada
See All by Yusuke Wada
私はどうやって技術力を上げたのか
yusukebe
39
16k
Reactをクライアントで使わない
yusukebe
7
6.2k
速いWebフレームワークを作る
yusukebe
5
1.8k
Honoアップデート 2025年夏
yusukebe
1
970
パスタの技術
yusukebe
1
630
AI Ramen Fight
yusukebe
0
170
TypeScriptでDXを上げろ! Hono編
yusukebe
4
1.1k
Honoをフロントエンドで使う 3つのやり方
yusukebe
8
5k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
2
450
Other Decks in Programming
See All in Programming
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
210
Build your own WebP codec in Swift
kishikawakatsumi
2
820
まだ世にないサービスをAIと創る話 〜 失敗から学ぶフルスタック開発への挑戦 〜
katayamatg
0
160
Repenser les filtres API Platform: une nouvelle syntaxe
vinceamstoutz
2
150
CSC305 Lecture 03
javiergs
PRO
0
220
CSS Linter の現在地 2025年のベストプラクティスを探る
ryo_manba
10
3.1k
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
Swiftビルド弾丸ツアー - Swift Buildが作る新しいエコシステム
giginet
PRO
0
1.5k
iOSDC.pdf
chronos2500
2
630
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
120
TokyoR#119 bignners session2 Visualization
kotatyamtema
0
130
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
1
300
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Rails Girls Zürich Keynote
gr2m
95
14k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Designing for humans not robots
tammielis
254
25k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Balancing Empowerment & Direction
lara
4
660
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Producing Creativity
orderedlist
PRO
347
40k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Code Review Best Practice
trishagee
72
19k
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*ʹ͍ͭͯߟ͑Δ͖ͬ ͔͚ʹͳͬͨͷͳΒ͍Ͱ͢
͋Γ͕ͱ͏͍͟͝·ͨ͠