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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
nus3
April 14, 2021
Programming
290
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Frontend couse01
nus3
April 14, 2021
More Decks by nus3
See All by nus3
フロントエンド刷新 4年間の軌跡
yotahada3
0
1.7k
WebDriver BiDi 2025年のふりかえり
yotahada3
1
1.1k
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
9
3k
DenoでOpenTelemetryに入門する
yotahada3
2
700
WebDriver BiDiとは何なのか
yotahada3
1
1.1k
コンポーネントテストの手法と その効果を考える
yotahada3
8
2k
フロントエンドクイズ大会
yotahada3
0
180
Node.jsのWorker threadsの話
yotahada3
1
1.7k
ワタシとPodcast
yotahada3
2
2.4k
Other Decks in Programming
See All in Programming
What We Talk About When We Talk About XP
m_seki
2
380
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ! ~
po3rin
1
110
書籍「プロフェッショナルAI駆動開発」紹介スライド
juntaromatsumoto
0
990
DroidKaigi 2026 「個人開発という実験場: Android エンジニアが手にする4つの自由」
slashnephy
0
220
Foundry Localでエージェント開発
seosoft
0
140
DynamoDBの基礎を振り返りながらベクトル検索機能を理解する
musan
3
270
FastAPI の並行処理モデルを完全に理解する
hoto17296
9
3.8k
kubernetes コンポーネント開発入門 / 新卒N年目の勉強会&交流会!〜〇〇への誘い〜 #n_study
mazrean
0
170
AIに既存システムを理解させる技術 ~レガシーを見捨てないハーネスエンジニアリング入門~
ochtum
0
210
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
theoriatec2024
1
460
Deep dive into the select statement (GopherCon UK)
jespino
0
170
30年振りにコンパイラの定数整数除算を改善した
herumi
9
4.4k
Featured
See All Featured
Balancing Empowerment & Direction
lara
6
1.3k
Crafting Experiences
bethany
1
300
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
Chasing Engaging Ingredients in Design
codingconduct
0
300
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
490
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
340
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
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