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
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.6k
WebDriver BiDi 2025年のふりかえり
yotahada3
1
1k
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
8
3k
DenoでOpenTelemetryに入門する
yotahada3
2
680
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
SREの積み重ねがAI駆動開発のガードレールになった ― 7つの実践/SRE Guardrails The 7
tomoyakitaura
9
5.9k
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.5k
信頼性について考えてみる(SRE NEXT 2026 miniLT)
hayama17
0
230
komatsuna「分散システムにおけるバグ分析手法」
komatsunaqa
0
140
Haskell/Servantを通してWebミドルウェアを捉え直す
pizzacat83
1
630
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
3
1.3k
AIが無かった頃の素敵な出会いの話
codmoninc
1
300
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ~ 一本の登り道の、行き先 ~
panda728
PRO
0
200
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
0
120
광주소프트웨어마이스터고등학교 DevFest 특강 - 바이브 코딩 시대에서 주니어 개발자로 살아남는 방법
utilforever
1
160
テーブルをDELETEした
yuzneri
0
130
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
starfish719
0
2.8k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
160
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
330
The Cult of Friendly URLs
andyhume
79
7k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
470
Why Our Code Smells
bkeepers
PRO
340
58k
Writing Fast Ruby
sferik
630
63k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
190
Code Reviewing Like a Champion
maltzj
528
40k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
200
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.2k
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