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
1.1k
ワタシとPodcast
In BuriKaigi2024
nus3
January 20, 2024
Tweet
Share
More Decks by nus3
See All by nus3
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.4k
フロントエンドクイズ大会
yotahada3
0
40
Node.jsのWorker threadsの話
yotahada3
1
670
Do you like Storybook?
yotahada3
2
4.1k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
760
App Runner & Next.js
yotahada3
0
120
frontend-couse03
yotahada3
1
100
frontend-couse02.pdf
yotahada3
0
61
Frontend couse01
yotahada3
0
210
Other Decks in Programming
See All in Programming
フロントエンドのディレクトリ構成どうしてる? Feature-Sliced Design 導入体験談
osakatechlab
8
4.1k
Full stack testing :: basic to basic
up1
1
930
これが俺の”自分戦略” プロセスを楽しんでいこう! - Developers CAREER Boost 2024
niftycorp
PRO
0
190
17年周年のWebアプリケーションにTanStack Queryを導入する / Implementing TanStack Query in a 17th Anniversary Web Application
saitolume
0
250
ドメインイベント増えすぎ問題
h0r15h0
1
120
DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点
wasabeef
5
900
layerx_20241129.pdf
kyoheig3
2
290
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
260
The Efficiency Paradox and How to Save Yourself and the World
hollycummins
1
440
Symfony Mapper Component
soyuka
2
730
103 Early Hints
sugi_0000
1
220
暇に任せてProxmoxコンソール 作ってみました
karugamo
1
720
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Code Review Best Practice
trishagee
65
17k
Statistics for Hackers
jakevdp
796
220k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
It's Worth the Effort
3n
183
28k
Mobile First: as difficult as doing things right
swwweet
222
9k
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ΠΠκʂ ४උฤूͳͲେมͳ͜ͱ͋ΔΜ͚Ͳɺָ͍͠Ͱʂ