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
frontend-couse03
Search
nus3
May 24, 2021
Programming
1
120
frontend-couse03
nus3
May 24, 2021
Tweet
Share
More Decks by nus3
See All by nus3
DenoでOpenTelemetryに入門する
yotahada3
2
390
WebDriver BiDiとは何なのか
yotahada3
1
250
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.6k
フロントエンドクイズ大会
yotahada3
0
88
Node.jsのWorker threadsの話
yotahada3
1
1.1k
ワタシとPodcast
yotahada3
2
1.3k
Do you like Storybook?
yotahada3
2
4.3k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
810
App Runner & Next.js
yotahada3
0
140
Other Decks in Programming
See All in Programming
“技術カンファレンスで何か変わる?” ──RubyKaigi後の自分とチームを振り返る
ssagara00
0
190
PT AI без купюр
v0lka
0
110
OpenTelemetryで始めるベンダーフリーなobservability / Vendor-free observability starting with OpenTelemetry
seike460
PRO
0
160
がんばりすぎないコーディングルール運用術
tsukakei
1
100
生成AI時代のフルスタック開発
kenn
9
1.8k
#QiitaBash TDDでAIに設計イメージを伝える
ryosukedtomita
2
630
DevDay2025-OracleDatabase-kernel-addressing-history
oracle4engineer
PRO
5
1.5k
Doma で目指す ORM 最適解
nakamura_to
1
150
データベースの技術選定を突き詰める ~複数事例から考える最適なデータベースの選び方~
nnaka2992
3
3.8k
テスト分析入門/Test Analysis Tutorial
goyoki
8
2.4k
クラス設計の手順
akikogoto
0
170
ビカム・ア・コパイロット
ymd65536
1
190
Featured
See All Featured
Being A Developer After 40
akosma
91
590k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
122
52k
Unsuck your backbone
ammeep
671
58k
BBQ
matthewcrist
88
9.6k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Rails Girls Zürich Keynote
gr2m
94
13k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
180
53k
Agile that works and the tools we love
rasmusluckow
329
21k
Building an army of robots
kneath
305
45k
Transcript
ಛٸͰֶͿ ;ΖΜͱ͑ΜͲߨ࠲ ͦͷࢀ ౕ͍͍ΈΜͳࢮ͵
͜ͷߨ࠲ͰΔ͜ͱ
ϞμϯͰφ͍ϑϩϯτΤϯυͷੈքΛΖ͏ IBEB͕Α͘͏$44ςΫχοΫબ 3FBDUίϯϙʔωϯτͷجຊ BUPNJDEFTJHO 3FBDUTUBUF SFEVY
IPPLT ඇಉظॲཧ֓ ্هͷ༰༧ࠂͳ͘มߋ͢Δ߹͕͋Γ·͢ͷͰྃ͝ঝ͍ͩ͘͞
Βͳ͍͜ͱ ಛٸ͕Ώ͑ʹ
3FBDUͷΈɾ֓೦ɾྺ࢙
3FBDUͷΈɾ֓೦ɾྺ࢙ Ծ%0. એݴత6* ؾʹͳͬͨΒௐͯΈΑ͏ 7BOJMMB+4Ͱ%0.ૢ࡞ +2VFSZˠ3FBDU 7VFͷมભ
5ZQF4DSJQU งғؾͰײ͡औͬͯʂͰ͖ΔΑΩϛͳΒʂʂ
$MBTTDPNQPOFOU
࣍ճΓ·͢ IPPLʹ͍ͭͯ
TUBUFʹ͍ͭͯ ࣍ճΓ·͢
Δ͜ͱ
ίϯϙʔωϯτͷ࡞Γํ ͔Δ͘Ͷ ීஈ࣮ͬͯΔ͔Β͍͍ͩͨΘ͔ͬͯΔͰ͠ΐ
QSPQTʹΑΔࢠؒͷड͚͠ ͔Δ͘Ͷ ීஈ࣮ͬͯΔ͔Β͍͍ͩͨΘ͔ͬͯΔͰ͠ΐ
"UPNJD%FTJHO
ίϯϙʔωϯτΛ࡞Ζ͏
ίϯϙʔωϯτΛఆٛ͢Δ
None
IUNM +49&MFNFOU Λฦؔ͢Λ FYQPSUͯ͠Δ͚ͩ
ఆٛͨ͠ίϯϙʔωϯτΛ ݺͼग़͢
None
None
*NQPSUͯ͠ཁૉͱͯ͠͏͚ͩ
؆୯Ͱ͠ΐʁ
ͪͳΈʹᶃ
ૉ ࣗͰఆ͍ٛͯ͠ͳ͍ ͷ IUNMཁૉʹ͍ͭͯ
None
UTͷ߹ɺBUUSJCVUF ଐੑ ิͰ֬ೝͰ͖ΔΑ 3FBDU͕ͪΌΜͱܕఆٛͯ͘͠ΕͯΔͷ
ͪͳΈʹᶄ
)UNMཁૉ %0. ʹରͯ͠ ͲΜͳΠϕϯτ͕͋Δ͔
IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC&WFOUT
IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC&WFOUT .%/ͷϦϑΝϨϯε͕ ࢀߟʹͳΔ͔͠Εͳ͍ ؾʹͳͬͨΒΈͯΈΑ͏
QSPQT
ϘλϯͷίϯϙʔωϯτΛ ࡞ͬͨͱ͢Δ
͏ঢ়گʹΑͬͯม͍͑ͨ ɾʮૹ৴͢Δʯͬͯจݴʹ͍ͨ͠ ɾΞΠίϯΛϏοΫϦϚʔΫʹ͍ͨ͠ ɾ৭ʹ͍ͨ͠ ɾΫϦοΫͨ࣌͠ʹTVCNJU͍ͨ͠
͏ঢ়گʹΑͬͯม͍͑ͨ ɾʮૹ৴͢Δʯͬͯจݴʹ͍ͨ͠ ɾΞΠίϯΛϏοΫϦϚʔΫʹ͍ͨ͠ ɾ৭ʹ͍ͨ͠ ɾΫϦοΫͨ࣌͠ʹTVCNJUͨ͠ ͳͲͳͲ ͜Ε͕QSPQTͩʂʂ
QSPQTͱίϯϙʔωϯτͷ ΠϯλʔϑΣʔεΈ͍ͨͳͷ
ɾϥϕϧ ɾΞΠίϯ ɾ৭ ɾΫϦοΫͨ࣌͠ͷॲཧ ɾจࣈαΠζ ͳͲͳͲ ͜ͷίϯϙʔωϯτͷQSPQT
ͲͷΑ͏ʹQSPQTΛఆٛ͢Δ͔
None
͔Βೖ͍ͨ͠ͷΛఆٛ͢Δ
None
λάͷଐੑΛࢦఆ͢ΔΑ͏ͳײ͡
؆୯Ͱ͠ΐʁ
"UPNJD%FTJHO
2ͳͥ"UPNJD%FTJHOΛ࠾༻͢Δͷ͔
"ίϯϙʔωϯτͷ͚ํ 'SFFEPN͔ͩΒ ݸਓతͳײͰ͢
"ίϯϙʔωϯτͷ͚ํ 'SFFEPN͔ͩΒ ݸਓతͳײͰ͢ ΦϨΦϨϧʔϧΛ࡞ΔΑΓ ੈؒʹ·ͬͯΔϧʔϧͷํ͕ ͱ͔͔ͬΓ͍͢ ɾɾɾͱࢥͬͯΔ
2"UPNJD%FTJHOΛ࠾༻ͨ͠ ϓϩμΫτશͯಉ͡ϧʔϧͰ ӡ༻Ͱ͖Δͷ͔ʁ
"൱ ˞"UPNJD%FTJHOΛ࠾༻͢ΔνʔϜʹΑͬͯࡉ͔͍Ͱҧ͏ϧʔϧʹͳ͍ͬͯͨΓ͢Δ ͨͩɺجຊతͳߟ͑ಉ͡ ͷͣ
͏ͪͷ"UPNJD%FTJHOͷΩϗϯ
None
ଞͷίϯϙʔωϯτʹґଘ͠ͳ͍ ࠷খͷ୯Ґ
ͭҎ্ͷBUPNʹґଘ͢Δ
ͭҎ্ͷNPMFDVMFʹґଘ͢Δ ྫ֎ͱͯ͠ɺಛఆͷϖʔδݻ༗ͷίϯϙʔωϯτͷఆٛΛͯͨ͠Γ͢Δɾɾ
ը໘ͷϫΠϠʔϑϨʔϜΛܗ͢Δ
UFNQMBUFʹඞཁͳॲཧΛೖ͢Δ
͜ͷઆ໌ͰνʔϜશһ͕ಉཻ͡Ͱ ίϯϙʔωϯτΛ͚ΒΕΔ͜ͱͳ͍
։ൃΛ௨ͯ͠ڞ௨ͷೝࣝΛ ͍࣋ͬͯ͘͜ͱ͕େࣄ ͱࢥ͓ͬͯΓ·͢
ͱ͍͏͜ͱͰ ࠓճͷϋϯζΦϯ
"UPNJD%FTJHOͰ ίϯϙʔωϯτΛ͚ͯΈΑ͏
લఏ
None
͜ͷը໘ͷσβΠϯ͕ ͍ͯ͠Δ
None
ϝοηʔδҰཡը໘ ͲͷΑ͏ʹίϯϙʔωϯτΛ͚Δʁ
ᝦʹίϯϙʔωϯτͷఆٛΛॻ͘ ɾλΠϓBUPNdQBHF·ͰͷͲΕ͔ ɾ໊લίϯϙʔωϯτ໊ ɾQSPQTίϯϙʔωϯτʹඞཁͦ͏ ͳQSPQTͷҰཡ 'JH+BNʹͯ
-FU`T5SZ