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
140
frontend-couse03
nus3
May 24, 2021
Tweet
Share
More Decks by nus3
See All by nus3
DenoでOpenTelemetryに入門する
yotahada3
2
440
WebDriver BiDiとは何なのか
yotahada3
1
340
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.7k
フロントエンドクイズ大会
yotahada3
0
100
Node.jsのWorker threadsの話
yotahada3
1
1.2k
ワタシとPodcast
yotahada3
2
1.4k
Do you like Storybook?
yotahada3
2
4.4k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
830
App Runner & Next.js
yotahada3
0
160
Other Decks in Programming
See All in Programming
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
240
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
200
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
280
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
160
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
2
220
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
7.5k
What's new in AppKit on macOS 26
1024jp
0
180
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
250
TypeScriptでDXを上げろ! Hono編
yusukebe
3
870
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
830
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
280
Prompt Engineeringの再定義「Context Engineering」とは
htsuruo
0
110
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
72
4.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Unsuck your backbone
ammeep
671
58k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Speed Design
sergeychernyshev
32
1k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
A designer walks into a library…
pauljervisheath
207
24k
A better future with KSS
kneath
238
17k
Git: the NoSQL Database
bkeepers
PRO
431
65k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
How GitHub (no longer) Works
holman
314
140k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
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