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 couse01
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
nus3
April 14, 2021
Programming
0
260
Frontend couse01
nus3
April 14, 2021
Tweet
Share
More Decks by nus3
See All by nus3
WebDriver BiDi 2025年のふりかえり
yotahada3
1
570
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
8
2.8k
DenoでOpenTelemetryに入門する
yotahada3
2
580
WebDriver BiDiとは何なのか
yotahada3
1
890
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.9k
フロントエンドクイズ大会
yotahada3
0
140
Node.jsのWorker threadsの話
yotahada3
1
1.4k
ワタシとPodcast
yotahada3
2
1.8k
Do you like Storybook?
yotahada3
2
4.6k
Other Decks in Programming
See All in Programming
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
190
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
izumin5210
7
2.3k
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
450
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
Apache Iceberg V3 and migration to V3
tomtanaka
0
160
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
gekko0114
2
430
CSC307 Lecture 01
javiergs
PRO
0
690
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
560
Oxlint JS plugins
kazupon
1
940
Featured
See All Featured
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
160
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
Building AI with AI
inesmontani
PRO
1
690
We Are The Robots
honzajavorek
0
160
Measuring & Analyzing Core Web Vitals
bluesmoon
9
750
Agile that works and the tools we love
rasmusluckow
331
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
150
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
52k
Skip the Path - Find Your Career Trail
mkilby
0
55
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
210
Transcript
ಛٸͰֶͿ ;ΖΜͱ͑ΜͲߨ࠲ ͦͷұ ౕ͍͍ΈΜͳࢮ͵
͜ͷߨ࠲ͷత
ϑϩϯτΤϯυ։ൃʹ͠ΈΛ࣋ͭ ࣮ફతͳख๏ΛֶΜͰ։ൃʹ׆͔͢
ର
·ͬ͞Βͳؾ࣋ͪͰϑϩϯτΤϯυ ։ൃͷҰาΛ౿Έग़͢ΤϯδχΞ
͜ͷߨ࠲ͰΔ͜ͱ ͬͨΘɻ͏ྦ͔ΕͪΌͬͨɻ
ϞμϯͰφ͍ϑϩϯτΤϯυͷੈքΛΖ͏ IBEB͕Α͘͏$44ςΫχοΫબ 3FBDUίϯϙʔωϯτͷجຊ BUPNJDEFTJHO 3FBDUTUBUF SFEVY
IPPLT ඇಉظॲཧ֓ ্هͷ༰༧ࠂͳ͘มߋ͢Δ߹͕͋Γ·͢ͷͰྃ͝ঝ͍ͩ͘͞
ҙࣄ߲
͜ͷߨ࠲ͰϑϩϯτΤϯυͷ શͯΛཧղͰ͖·ͤΜ
ͦͷұͷςʔϚ
ϞμϯͰφ͍ ϑϩϯτΤϯυͷੈքΛΖ͏
2Ͳ͏ͬͨΒϞμϯͰφ͍ ϑϩϯτΤϯυΤϯδχΞʹͳΕ·͔͢
IUUQTSPBENBQTIGSPOUFOE
IUUQTSPBENBQTIGSPOUFOE "ϩʔυϚοϓ શ෦ཧղͨ͠Β͍͍ͱࢥ͏
َச ͍·͊ͦͷ௨ΓͳΜͰ͚͢ͲͶ
ಛٸͰ͜ͷϩʔυϚοϓΛ ݟ͍ͯ͜͏
*OUFSOFU
*OUFSOFU *OUFSOFU͕ͲͷΑ͏ʹಈ͍ͯΔ͔ %/4ͱͳΜͧ %PNBJO/BNFͬͯ )PTUJOH
ϒϥβͬͯͲͷΑ͏ʹಈ͘ͷʁ IUUQ φχιϨΦΠγΠϊʁ
*OUFSOFU ಛٸͳͷͰఀं͠·ͤΜ
*OUFSOFU ͕ʂେࣄͳ͜ͱͰ͢ʂʂ ڵຯ͕ग़ͨ࣌ʹௐͯΈ·͠ΐ
ϒϥβΛࣗ࡞͢Δಛू͕ ·ΕͯͯϤΧλϤ ༨ஊͰ͢
)5.- $44 +BWB4DSJQU
ը໘ )5.- $44 +BWB4DSJQU
ը໘ͷࠎ֨୲ ͍͡ΕΔ ը໘ͷम০୲ ͍͡ΕΔ
ϒϥβ ίϯύΠϧͳ͠Ͱಈ͘ ৽͠Ίͷॻ͖ํͨ͠Βಈ͔ͳ͔ͬͨΓ͢Δ͚Ͳ
7FSTJPO$POUSPM4ZTUFNT
7FSTJPO$POUSPM4ZTUFNT ΈΜͳ(JU͔Μ͖ʹ͑ΔΑͶʁ IBEBͲ͏ɾɾͩΖɾɾ
8FC4FDVSJUZ,OPXMFEHF
8FC4FDVSJUZ,OPXMFEHF ͍ͩ͡ɻΜ͖ΐ͏͠·͠ΐ͏ IBEBͪΌΜͱֶͼ·͢
1BDLBHF.BOBHFST OQN͏͔ZBSO͏͔ͿͬͪΌ͚Έͳؾ͕ͯ͠Δ (0.0%6-&ͬͨ͜ͱ͋ΔͩΖ͔Β1BDLBHF.BOBHFSTͷઆ໌͍Βͳ͍ΑͶʁ
1BDLBHF.BOBHFST OQN͏͔ZBSO͏͔ͿͬͪΌ͚Έͳؾ͕ͯ͠Δ (0.0%6-&ͬͨ͜ͱ͋ΔͩΖ͔Β1BDLBHF.BOBHFSTͷઆ໌͍Βͳ͍ΑͶʁ ͏ͪZBSO
$44"SDIJUFDUVSF $441SFQSPDFTTPS άϩʔόϧͳ$44ͷείʔϓͷਓྨͷ߅ͷྺ࢙ #&.ˠ໋໊نଇ 4BTTɾ1PTU$TTˠߏจ
#VJME5PPMT ͳʹ͔͠ΒίϚϯυOQNTDSJQUTͰఆٛͯ͠ΔΑ
#VJME5PPMT -JOUFS&4-JOUɺ'PSNBUUFS1SFUUJFSͬͯϥΠϒϥϦΛͬͯΔΑ HPMJOUHPGNUΛࢥ͍ු͔ͯ͝ΒΜ
#VJME5PPMT 8FCQBDLͱ
#VJME5PPMT 8FCQBDL IUUQTXFCQBDLKTPSH
#VJME5PPMT 8FCQBDL IUUQTXFCQBDLKTPSH ͍ΖΜͳϑΝΠϧΛଋͶͯ͘ΕΔ #VOEMF ίϯύΠϧͯ͘͠ΕΔ
1JDLB'SBNFXPSL
1JDLB'SBNFXPSL ϑϩϯτΤϯυߨ࠲ ͦͷࢀɾͦͷᡕͰ͢Α
ͪͳΈʹᶃ
IUUQTTUBUFPGKTDPNFO64UFDIOPMPHJFTBSSPXT@PWFSWJFX 3FBDUͷຬ
IUUQTTUBUFPGKTDPNFO64UFDIOPMPHJFTBSSPXT@PWFSWJFX 7VFͷຬ
IUUQTTUBUFPGKTDPNFO64UFDIOPMPHJFTBSSPXT@PWFSWJFX "OHVMBSͷຬ
ͪͳΈʹᶄ
ϒϥβ 3FBDU 8FCQBDL ˞͜ͷਤΠϝʔδͰ͢ɻ࣮ࡍͱҟͳΔ߹͕͋Γ·͢ɻ
ϒϥβ 3FBDU 8FCQBDL ˞͜ͷਤΠϝʔδͰ͢ɻ࣮ࡍͱҟͳΔ߹͕͋Γ·͢ɻ 3FBDUͰॻ͍ͨίʔυ 8FCQBDLͰ#VOEMF͞ΕͯΔΑ
.PEFSO$44 άϩʔόϧͳ$44ͷείʔϓͷਓྨͷ߅ͷྺ࢙ ࠷ۙ
.PEFSO$44 4UZMFE$PNQPOFOUT $44NPEVMFT είʔϓ͕άϩʔόϧ ͡Όͳ͍$44ͷੈք 4UZMFE$PNQPOFOUT$44NPEVMFTͰॻ͍ͨίʔυ ίϯύΠϧޙʹϢχʔΫͳΫϥε໊ʹมΘΔ
.PEFSO$44 4UZMFE$PNQPOFOUT $44NPEVMFT είʔϓ͕άϩʔόϧ ͡Όͳ͍$44ͷੈք 4UZMFE$PNQPOFOUT$44NPEVMFTͰॻ͍ͨίʔυ ίϯύΠϧޙʹϢχʔΫͳΫϥε໊ʹมΘΔ 4UZMFE$PNQPOFOUTˠKT $44NPEVMFTˠDTT ˞ݸਓͷײͰ͢ɻؒҧ͍ͬͯΔ߹͕͋Γ·͢
8FC$PNQPOFOUT
8FC$PNQPOFOUT ಛٸͳͷͰఀं͠·ͤΜ
$44'SBNFXPSLT
$44'SBNFXPSLT 5BJMXJOE$44ͬͯΔΑʂ 5BJMXJOE$44ͷ͖ͳͱ͜Ζ σβΠϯγεςϜ ελΠϧΨΠυ Λ؆୯ʹ࡞ΕΔͱ͜Ζ
5FTUJOHZPVS"QQT
5FTUJOHZPVS"QQT 6OJUςετʹ+FTU &&ςετʹ$ZQSFTT ΛͬͯΔΑ
5ZQF$IFDLFST
5ZQF$IFDLFST ੩తܕ͚Λ͍͔ͨ͠Β 5ZQF4DSJQUΛ࠾༻ͯ͠ΔΑ
ͪͳΈʹ
5ZQF4DSJQU 8FCQBDL UTD 5ZQF4DSJQU$PNQJMFSDPNNBOE ଞʹίϯύΠϧํ๏͋ͬͨΒڭ͑ͯ͐
$43 44( 443 *43
$43 $MJFOU4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ Ϩεϙϯε
+40/
$43 $MJFOU4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ Ϩεϙϯε
+40/ ϒϥβ্ ΫϥΠΞϯταΠυ Ͱ +BWB4DSJQU͕ը໘Λੜ ϨϯμϦϯά ͢Δ
$43 $MJFOU4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ Ϩεϙϯε
+40/ Δ͜ͱ͕ଟ͍ͱ ϒϥβ ΫϥΠΞϯταΠυ ʹ ͠Θد͕ͤɾɾ
443 4FSWFS4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔
Ϩεϙϯε +40/
443 4FSWFS4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔
Ϩεϙϯε +40/ αʔόʔαΠυଆͰ ಈతͳ)5.-Λੜ͢Δ
443 4FSWFS4JEF3FOEFSJOH ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔
Ϩεϙϯε +40/ ϦΫΤετ͝ͱʹಈతͳ)5.-Λ ੜ͢Δͷʹ͕͔͔࣌ؒΔ
44( 4UBUJD4JUF(FOFSBUPS ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔
Ϩεϙϯε Ϗϧυ࣌ʹ)5.-Λੜ
44( 4UBUJD4JUF(FOFSBUPS ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔
Ϩεϙϯε Ϗϧυ࣌ʹ)5.-Λੜ αʔόʔαΠυଆͰ Ϗϧυ࣌ʹ੩తͳ)5.-Λੜ͢Δ
44( 4UBUJD4JUF(FOFSBUPS ˞؆ུԽ͍ͯ͠·͢ ݫີʹҧ͏ͱ͜Ζ͋Γ·͢ ΫϥΠΞϯταΠυ ϒϥβ αʔόʔαΠυ "1*αʔόʔ ϦΫΤετ 8FCαʔόʔతͳԿ͔
Ϩεϙϯε Ϗϧυ࣌ʹ)5.-Λੜ ૣ͍͚ͲϏϧυ͠ͳ͍ͱ ༰͕ߋ৽͞Εͳ͍
*43 *ODSFNFOUBM4UBUJD3FHFOFSBUJPO
*43 *ODSFNFOUBM4UBUJD3FHFOFSBUJPO ྗਚ͖ͨ
*43 *ODSFNFOUBM4UBUJD3FHFOFSBUJPO 44(ͱҧ͍*43 Ұఆ࣌ؒ͝ͱʹόοΫάϥϯυͰ σʔλͷ࠶औಘͱ࠶ϨϯμϦϯάΛߦ͏ ڵຯ͕ग़ͨ࣌ʹௐͯΈ·͠ΐ
4QFDJBM5IBOLT ༻ͨ͠ΞΠίϯͨͪ IUUQTXXXGMBUJDPODPNQBDLTVTFSJOUFSGBDF IUUQTXXXGMBUJDPODPNQBDLTXFCEFWFMPQNFOU IUUQTXXXGMBUJDPODPNQBDLTGJMFFYUFOTJPO