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
ワタシとPodcast
Search
nus3
January 20, 2024
Programming
2
770
ワタシとPodcast
In BuriKaigi2024
nus3
January 20, 2024
Tweet
Share
More Decks by nus3
See All by nus3
Do you like Storybook?
yotahada3
2
3.8k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
660
App Runner & Next.js
yotahada3
0
89
frontend-couse03
yotahada3
1
77
frontend-couse02.pdf
yotahada3
0
51
Frontend couse01
yotahada3
0
180
sot-podcast
yotahada3
0
1.7k
Before starting vue
yotahada3
0
13k
カオスなフロントエンドと戦うために
yotahada3
0
110
Other Decks in Programming
See All in Programming
Elm 0.19.0 Changes
bkuhlmann
0
490
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
120
Goのエラースタックトレースの歴史と今後
sonatard
9
1.7k
Ruby Function Composition
bkuhlmann
1
340
"config" ってなんだ? / What is "config"?
okashoi
0
250
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
470
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
160
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
3
310
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
9
4.2k
Go製Webアプリケーションのエラーとの向き合い方大全、あるいはやっぱりスタックトレース欲しいやん / Kyoto.go #50
utgwkk
6
1.7k
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.3k
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
7
960
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
689
190k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
In The Pink: A Labor of Love
frogandcode
138
21k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Docker and Python
trallard
35
2.7k
Unsuck your backbone
ammeep
663
57k
Code Review Best Practice
trishagee
56
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
Transcript
ϫλγͱ1PEDBTU JO#VSJ,BJHJ
OVTʢͳ͢͞Μʣ ࡀஉੑಢݝࡏॅ ڈͱൺͯεϥΠυ͕μʔΫͰΧοίΑ͘ͳͬͨΜͰ ຊਓൺ IUUQTTQFBLFSEFDLDPNZPUBIBEBOJBOZJTIBOHTPLLVQVSPEBLVUPOPIVSPOUPFOEPTIVBYJOQVSP[JFLVUPOPIVSJLBFSJ
એ ޙͷΕ͔ͯ͑͑Βɺ͜Ε͚֮ͩ͑ͯͳʂ
αΠϘζʹ ϋγί ͱ͍͏ϑϩϯτΤϯυͷϚείοτΩϟϥΫλʔ͕͍Δ
αΠϘζʹ ϋγί ͱ͍͏ϑϩϯτΤϯυͷϚείοτΩϟϥΫλʔ͕͍Δ
Πϕϯτ༻ʹ࡞ͬͨάοζ
IUUQTCMPHDZCP[VJPFOUSZ ৽͍͠άοζΛ࡞Γ͍ͨͶΜʜ ͦͷͨΊʹೝΛ্ͤͳ͔͋ΜͶΜʜ
ϫλγͱ1PEDBTUͷग़ѭ͍ ͦΕɺίϩφશظͷࠒͳɻ ͏·͍ʂࢁా͘Μɺ࠲ஂຕ࣋ͬͯͬͯʙ
ίϩφՒͰνʔϜҎ֎ͷਓͱΔػձগͳ͘ ͳͬͪΌͬͨʜ ଞͷνʔϜ͕ԿͬͯΔ͔͋Μ· Θ͔Μͳ͍ʜ લ৬ࡏ੶࣌ͷOVT
ͦΜͳͱ͖
IUUQTXXXZPVUVCFDPNMJWF%:ZHPMJ;'JX TJN)XQ4Y,N(0."N5
IUUQTXXXZPVUVCFDPNMJWF%:ZHPMJ;'JX TJN)XQ4Y,N(0."N5 ΤϯδχΞͷਓ͕ ύʔιφϦςΟͬͯΔʂʂ
ΊͬͪΌָͦ͠͏Μʂ લ৬ࡏ੶࣌ͷOVT
IUUQT[FOOEFWOVTBSUJDMFTBDGBDGDCFE ࣾ1PEDBTUΛ͡Ίͨ
ࠓͬͯΔ1PEDBTU એΛ݉ͶͱΜͳ
IUUQTTUBOEGNDIBOOFMTFGECFGD શཧղ'.
શཧղ'. ͕ࣗͨͪؾʹͳΔٕज़τϐοΫΛΏΔ͘͢ 1PEDBTU ༑ਓ LL ͱҰॹʹͬͱΔΒ͍͠Ͱ ڈͷޙ͙Β͍͔Βߋ৽ࢭ·ͬͯΜ͚Ͳɺࠓ·ͨͬͯ͘Μͯ
αΠϘζϑϩϯτΤϯυ௨৴ αΠϘζͷ ϑϩϯτΤϯυτϐοΫΛ ͬ͘͟ΒΜʹ͢1PEDBTU αΠϘζ͚ͩ͡Όͳͯ͘৭Μͳձࣾͷฉ͖ͨͳ͍ʁ
(FUUJOH4UBSUFE1PEDBTU αΠϘζϑϩϯτΤϯυ௨৴Λྫʹ
1PEDBTUΛΓ͍ͨͱએݴ͢Δ ϩΰΛ࡞Δɺ࡞ͬͯΒ͏ ήετͱςʔϚΛ͢͜ͱΛߟ͑Δ ఆܕΛߟ͑Δ ͍͟ऩ
1PEDBTUΛΓ͍ͨͱએݴ͢Δ ͜Ε͍ͭͷؒʹ͔ੵ·ΕͨόοΫϩά એݴͰ͖ͨΒྃͱݴͬͯաݴͳ͍Ͱ
ϩΰΛ࡞Δɺ࡞ͬͯΒ͏ ૉఢͳϩΰ࡞ͬͯΒͬͯɺϞνϕര্͕Γ͌ʂʂ
αΠϘζͷΫϦΤΠςΟϒνʔϜͷਓͨͪɺ΄Μ·ɺ͓͓͖ʹͳ͊ ͜Ε࡞͍͍ͬͯͨͩͨϩΰͷผҊ ϩΰΛ࡞Δɺ࡞ͬͯΒ͏
ήετɺςʔϚɺ͢͜ͱΛߟ͑Δ
ఆܕจΛߟ͑Δ
͍͟ऩ w ੜ৴Ͱͳ͘ऩʹ͢Δ͜ͱͰɺؾָʹ w ࢘ձϦεφʔͱಉ͡ઢʹͳΔ w ԿΒͳ͍ਓʹͳΔ w ࢘ձʮ͔ͬͨʯ͠ͳ͍ w
࢘ձฉ͍ͨ༰Λࣗͷݴ༿Ͱݴ͍͑ͯΈΔ
1PEDBTUͷྑ͍ͱ͜Ζ
1PEDBTUͷྑ͍ͱ͜Ζ w ૉʹ͍ΖΜͳ͜ͱΛฉ͚Δ ࢘ձઢ w ʮͳ͕ΒʯͰฉ͚Δ w จষͰಡΈऔΕͳ͍ɺͦͷਓͷΩϟϥΫλʔੑ Λײ͡ΒΕΔ
1PEDBTUΛͬͯΈͯͷֶͼ
ਓʹΑͬͯ४උͷίετ͕ҧ͏ ؾָʹใൃ৴Ͱ͖ΔͰʂͬͯએ͚ͯͨ͠ͲɺͦΜͳ͜ͱͳ͔ͨΘ
ෆշײ͕ͳ͍͜ͱΛҙࣝ͢Δ ͳ͕ΒͰฉ͍ͯΔਓ͕ଟ͍ͶΜɻϚΠΫͷԻ࣭ͱ͔աͳ૬ଧͨͳ͍ͱ͔
OVTͷ͓͢͢Ί 1PEDBTUͰ࣮ࡍʹͬͯΔͭΛԿݸ͔հ͢ΜͰ
ϚΠΫ ͍͍͓ஈͶΜ͚Ͳɺຬߴ͍ͶΜɻ࠷ۙɺΠϠϗϯ4IVSFʹͨ͠ΜΑ IUUQTXXXTIVSFDPNKB+1QSPEVDUTNJDSPQIPOFTNW w 64#͍͚Δ w ԻΊͬͪΌΫϦΞ w ͍͍͓ஈ͢Δ 4IVSF.7
ϚΠΫελϯυ IUUQTBN[OBTJBEE778.% w 4IVSF.7͙͚ͬͭ͘͢ΒΕΔ w έʔϒϧ͕εοΩϦ "MUFS[POFϚΠΫελϯυ
#(. IUUQTXXXZPVUVCFDPN!4IBSPV ͏߹ͪΌΜͱར༻نಡΉΜͰʂ w Έͳ#(.͕ଟ͍ w ࡞ۀ༻#(.ͱͯ͠ Α͘ௌ͍ͯΔ
தͰ͖ͳ#(. ΄Μ·ʹ͍͍ۂ͕ଟ͍ΜΑ $BTTFUUF5BQF%SFBN िژݱ࣮ಀආ αϯλதԝઢͰͬͯ͘Δ
ฤूιϑτ ฤूॳ৺ऀͬͨΜ͚ͲɺΧοτͱ͔#(.ࡌͤΔͱ͔͙͢Ͱ͖ΔΑ͏ͳͬͨΘ w ؾܰʹ࢝ΊΒΕΔ w GSFF൛Ͱฤूʹ͍͍ͨػೳ େମଗͬͯΔ %B7JODIJ3FTPMWF
ฤूιϑτ %B7JODIJ3FTPMWF IUUQTGPSVNCMBDLNBHJDEFTJHODPNWJFXUPQJDQIQ GU ଟɺ༻Ͱ͍͍ͬͯͣʜɻ͔͋Μ͔ͬͨΒͬͦ͜Γڭ͑ͯ
1PEDBTUΠΠκʂ ४උฤूͳͲେมͳ͜ͱ͋ΔΜ͚Ͳɺָ͍͠Ͱʂ