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
780
ワタシと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
52
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
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
240
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
8
1.4k
Fragment Composition of GraphQL
quramy
13
1.4k
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
280
Ruby Pattern Matching
bkuhlmann
0
930
Sheets API使ってみた
toshi0383
2
160
Three ways to use AI on Android: The Good, the Bad and the Ugly
marxallski
0
100
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
170
見た目から始める生産性向上
ikumatadokoro
10
1.3k
Let's learn code review
riofujimon
2
570
Code Reviews
bkuhlmann
4
900
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
300
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
290
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Adopting Sorbet at Scale
ufuk
69
8.6k
A Tale of Four Properties
chriscoyier
152
22k
What's in a price? How to price your products and services
michaelherold
238
11k
Typedesign – Prime Four
hannesfritz
36
2.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
13
8.3k
Making Projects Easy
brettharned
109
5.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Design by the Numbers
sachag
274
18k
Designing the Hi-DPI Web
ddemaree
276
33k
Code Review Best Practice
trishagee
56
15k
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ΠΠκʂ ४උฤूͳͲେมͳ͜ͱ͋ΔΜ͚Ͳɺָ͍͠Ͱʂ