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
脱レガシーフロントエンドのために知っておいたほうがいいこと
Search
Hajime Mugishima
January 19, 2020
Technology
20
7.4k
脱レガシーフロントエンドのために知っておいたほうがいいこと
2020/1/19 Kanazawa.js meetup#01
Hajime Mugishima
January 19, 2020
Tweet
Share
More Decks by Hajime Mugishima
See All by Hajime Mugishima
New Order in Cascade Sorting Order
mugi_uno
3
2.9k
Deep Dive into React Stream/Serialize
mugi_uno
5
1.6k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
21k
コロナ禍 Frontend おさらい
mugi_uno
1
400
Toyama.rb
mugi_uno
1
90
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.7k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.5k
マルチカーソルのLT
mugi_uno
0
230
消費税軽減税率制度
mugi_uno
7
7k
Other Decks in Technology
See All in Technology
SOLID - Architecture and Architectural Decisions - Devfest Goa 2024
rivuchk
0
200
Azure AI servicesと歯のおはなし/AzureTravelers_Fukuoka2024_baba
nina01
1
120
いまからでも遅くない!コンテナでWebアプリを動かしてみよう入門(2-2)WebAPIハンズオン
nomu
0
150
Databricksワークショップ - 生成AIとDWH
taka_aki
2
4.4k
Kubernetes Summit 2024 Keynote:104 在 GitOps 大規模實踐中的甜蜜與苦澀
yaosiang
0
200
入門『状態』#kaigionrails / "state" for beginners with Rails
shinkufencer
1
570
日経ビジュアルデータにおける スクロールテリングと地図/nikkei-tech-talk-26
nikkei_engineer_recruiting
0
140
人工衛星開発のための C2A フレームワークとその開発体験
sksat
1
130
失敗しないOpenJDKの非互換調査
tabatad
0
150
WHOLENESS, REPAIRING, AND TO HAVE FUN: 全体性、修復、そして楽しむこと
snoozer05
PRO
1
1.6k
Creating Intuitive Developer Tool in Swift
giginet
PRO
0
270
WebRTC と Wasm の関係を振り返ってみた
tetter27
0
230
Featured
See All Featured
Optimizing for Happiness
mojombo
376
69k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.6k
The Cult of Friendly URLs
andyhume
77
6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
4.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Faster Mobile Websites
deanohume
304
30k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
270
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Music & Morning Musume
bryan
46
6.1k
How STYLIGHT went responsive
nonsquared
95
5.1k
How to Think Like a Performance Engineer
csswizardry
19
1k
Transcript
ϨΨγʔϑϩϯτΤϯυͷͨΊʹ ͓͍ͬͯͨ΄͏͕͍͍͜ͱ ,BOB[BXBKT.FFUVQ
ࣗݾհ !NVHJ@VOP ഴౡҰ )BKJNF.VHJTIJNB 5PZBNBSC IUUQTUPZBNBSCHJUIVCJP
None
ʮϨΨγʔϑϩϯτΤϯυʯ Ͱ͔͢ʁ
ݴ༿͔Βඬ͏ࢮͷ߳Γ
ʮ͏ͪϞμϯͳͷͰؔͳ͍ͳʙʯ
ʮ͏ͪϞμϯͳͷͰؔͳ͍ͳʙʯ ຊʹʁ
ϨΨγʔMFHBDZ Ҩ࢈ɻઌਓͷҨɻ ࣌Εͷͷɻ ίτόϯΫ IUUQTLPUPCBOLKQXPSEϨΨγʔ
ʮ͏ͪϞμϯͳͷͰؔͳ͍ͳʙʯ ͍·
ϨΨγʔਓྨʹฏ
͖߹͍ํΛ͓ͬͯ͜͏
ͳΜͷͨΊʹΔʁ
࠷ॳʹߟ͍͑ͨ͜ͱ
ຊʹΔ
ʮίʔυ͕ࠅ͗ͯͭ͢Β͍ʯ ʮͬͯΒΕͳ͍ʯ ʮϞμϯͳίʔυΛॻ͖͍ͨʯ ʮશ෦ͧ͢ʂʂʯ
ྫྷ੩ʹͳΖ͏ ؾ࣋ͪΘ͔Δ͚Ͳ
ϨΨγʔʹѱͰͳ͍ ʮಈ͍͍ͯΔʯແࢹͰ͖ͳ͍Ձ
վળ࡞ۀ૾ΑΓΩπ͍ ɾӨڹൣғͷ͞ ɾటष͍ಓͳ࡞ۀ ɾऴΘΓͷݟ͑ͳ͞ ɾҙຯ͋Δͷʜ ͱ͍͏എಙײ
lԿΛΔͷ͔ͱಉ͘͡Β͍ɺ ԿΛΒͳ͍͔͕ॏཁͩz ʮΞδϟΠϧαϜϥΠୡਓ։ൃऀͷಓʯQ
ʮΒͳ͍ʯՁ͋Δܾஅ
lվળͰಘ͍ͨͷzΛ໌จԽ͢Δ ɾ։ൃΛ্͍͛ͨ ɾϞνϕʔγϣϯΛ্͍͛ͨ ɾ࠾༻ͷͨΊʹڥΛ͍͑ͨ ɾςετΛඋ͍ͨ͠ ɾͳͲʜ
࠷ޙ·Ͱࢧ͑Δͷ ࠷ॳͷϞνϕʔγϣϯ
୭͕Δʁ
ϨΨγʔ࡞ۀΛ୭͕Δ͔
Α͋͘Δରࡦྫ ʮڧ͍ਓΛޏ͓͏ʂʯ
Α͋͘Δରࡦྫ ʮڧ͍ਓΛޏ͓͏ʂʯ ݸਓతͳݟղˠݱ࣮తʹΉ͔͍ͣ͠ ͳΜͰʁ▶︎
ϨΨγʔଆͷࣝ Ϟμϯଆͷࣝ ϨΨγʔʹඞཁͳͷ
ϨΨγʔଆͷࣝ Ϟμϯଆͷࣝ υϝΠϯࣝ ϨΨγʔͷؔ৺ Γ͖ΔϞνϕʔγϣϯ ϨΨγʔʹඞཁͳͷ
ϨΨγʔଆͷࣝ Ϟμϯଆͷࣝ υϝΠϯࣝ ϨΨγʔͷؔ৺ Γ͖ΔϞνϕʔγϣϯ ϨΨγʔʹඞཁͳͷ ͍ͳ͍ ۚͷؙΛܸͯͳ͍ݶΓ
ϨΨγʔ࡞ۀΛΓ͍͔ͨʁͱ͍͏ ˝
ϨΨγʔ࡞ۀΛΓ͍͔ͨʁͱ͍͏ Ͱ͖ΕΓͨ͘ͳ͍ ʢ͓ͦΒ͘ଟ͘ͷͻͱʣ ˝
ҰఆͷϨϕϧ·Ͱ ࣗͨͪͰΔ֮ޛඞཁ
ʮͦ͏ݴͬͯ࣌ؒͳ͍ʯ ʮཧͰʁʯ ʮऴΘΔؾ͕͠ͳ͍ʯ
ཱ͔ͪ͏ίπ
ʢ৭ʑ͋Δ͚Ͳʣࠓ͍͑ͨͷͻͱͭ ˝
ʮখ͘͢͞Δʯ ˠ ʢ৭ʑ͋Δ͚Ͳʣࠓ͍͑ͨͷͻͱͭ ˝
ʮখ͘͢͞Δʯʹ৭ʑ͋Δ
શ෦Γͨ͘ͳΔ ɾ3FBDUʹ͠·͢ ɾςετॻ͍ͯ$*ճ͠·͢ ɾ&4-JOUಋೖ͠·͢ ɾ5ZQF4DSJQUೖΕ·͢ ɾঢ়ଶཧಋೖ͠·͢ ʮείʔϓʯΛখ͘͢͞Δ
ɾֶशίετ ɾΰʔϧ͕ݟ͑ͳ͍ ɾͰ͖ͳ͍Մೳੑ ฒߦͨ͠ແܭըͳணखϋΠϦεΫ ˝
ɾֶशίετ ɾΰʔϧ͕ݟ͑ͳ͍ ɾͰ͖ͳ͍Մೳੑ ฒߦͨ͠ແܭըͳணखϋΠϦεΫ ࠷ѱͷέʔεͰϨΨγʔ͕૿͑Δ ˝
·ͣ5ZQF4DSJQUͷಋೖͷΈ ͨͱ͑ʜ
·ͣ5ZQF4DSJQUͷಋೖͷΈ ˝ͬͱখ͘͢͞Δ +4ͷ··54$Λ௨͚ͩ͢ BOZڐ༰ͰίΞϩδοΫΛ54Խ શମΛ54Խ OP*NQMJDU"OZ༗ޮԽ
ͨͱ͑ʜ
ʮظؒʯΛখ͘͢͞Δ ʮ13αΠζʯΛখ͘͢͞Δ ʮνʔϜنʯΛখ͘͢͞Δ ɾվળͷαΠΫϧΛ͍ظؒʹ͢Δ ɾେ͖͍13ͷϨϏϡʔͭΒ͍ ɾίϯϑϦΫτͷϦεΫΛԼ͛Δ ɾগਓ͔Β࢝ΊͯཧίετΛԼ͛Δ
͞·͟·ͳ؍͔Βখ͘͢͞Δ ɾϦεΫܰݮʹͭͳ͕Δ ɾઓུతఫୀͷΧʔυΛ͢ ɾʮશ෦ऴΘΔͷʁʯͰͳ͘ ɹʮ͜͜·ͰऴΘͬͨʯΛੵΉ
҆શʹվળ͍ͯ͜͠͏ʂ