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
190
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
frontend-couse03
nus3
May 24, 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
AI時代に学ぶ 好きなルール 嫌いなルール Linter編
shorty5121
0
870
ソフトウェアラスタライザ
fadis
1
790
新卒PdEのリアル
ryu1013
1
420
AIに既存システムを理解させる技術 ~レガシーを見捨てないハーネスエンジニアリング入門~
ochtum
0
210
レビュー履歴をAIに食わせて、 Compose移行を加速するs
shihochan
0
270
PHPプロジェクトの結合バランスを可視化する #php_night
kajitack
0
230
Oxlintはいいぞ(続)
yug1224
1
550
【デモ】Kiroで体験する仕様駆動開発|設計からコーディングまでAIと進める開発フロー
cmkudo
0
590
Seeing Through Serverless: Observability for AWS Lambda with ADOT and CloudWatch Application Signals
seike460
PRO
1
120
AIと壁打ちしながら進めるコスト管理
fufuhu
2
1.9k
Press start. Python's next generation.
willingc
PRO
3
310
Laravelのアプリケーションをどこにデプロイするか #ツナギメオフライン.9
akase244
0
120
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.7k
ラッコキーワード サービス紹介資料
rakko
1
4.8M
Paper Plane
katiecoart
PRO
2
53k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6.2k
Crafting Experiences
bethany
1
300
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
190
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
450
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
250
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
How GitHub (no longer) Works
holman
316
150k
Being A Developer After 40
akosma
91
590k
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