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
270
Frontend couse01
nus3
April 14, 2021
Tweet
Share
More Decks by nus3
See All by nus3
フロントエンド刷新 4年間の軌跡
yotahada3
0
470
WebDriver BiDi 2025年のふりかえり
yotahada3
1
660
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
8
2.8k
DenoでOpenTelemetryに入門する
yotahada3
2
610
WebDriver BiDiとは何なのか
yotahada3
1
950
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.9k
フロントエンドクイズ大会
yotahada3
0
150
Node.jsのWorker threadsの話
yotahada3
1
1.5k
ワタシとPodcast
yotahada3
2
2k
Other Decks in Programming
See All in Programming
AI Assistants for Your Angular Solutions
manfredsteyer
PRO
0
140
TipKitTips
ktcryomm
0
170
野球解説AI Agentを開発してみた - 2026/02/27 LayerX社内LT会資料
shinyorke
PRO
0
330
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
hisuzuya
4
510
Unity6.3 AudioUpdate
cova8bitdots
0
140
文字コードの話
qnighy
44
17k
AI 開発合宿を通して得た学び
niftycorp
PRO
0
130
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
nnaka2992
1
300
Ruby x Terminal
a_matsuda
7
600
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
mazrean
1
410
AIに任せる範囲を安全に広げるためにやっていること
fukucheee
0
140
API Platformを活用したPHPによる本格的なWeb API開発 / api-platform-book-intro
ttskch
1
140
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
480
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
150
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
340
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
490
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
110
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
220
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Technical Leadership for Architectural Decision Making
baasie
3
290
GraphQLとの向き合い方2022年版
quramy
50
14k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
150
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