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.5k
脱レガシーフロントエンドのために知っておいたほうがいいこと
2020/1/19 Kanazawa.js meetup#01
Hajime Mugishima
January 19, 2020
Tweet
Share
More Decks by Hajime Mugishima
See All by Hajime Mugishima
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
13
6.8k
New Order in Cascade Sorting Order
mugi_uno
3
3.5k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
23k
コロナ禍 Frontend おさらい
mugi_uno
1
440
Toyama.rb
mugi_uno
1
130
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.7k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.6k
マルチカーソルのLT
mugi_uno
0
280
Other Decks in Technology
See All in Technology
AOAI で AI アプリを開発する時にまず考えたいこと
mappie_kochi
1
690
Previewでもここまで追える! Azure AI Foundryで始めるLLMトレース
tomodo_ysys
2
660
MCPを理解する
yudai00
14
10k
非root化Androidスマホでも動く仮想マシンアプリを試してみた
arkw
0
120
newmo の創業を支える Software Architecture と Platform Engineering
110y
5
490
雑に疎通確認だけしたい...せや!CloudShell使ったろ!
alchemy1115
0
220
Why Platform Engineering? - マルチプロダクト・少人数 SRE の壁を越える挑戦 -
nulabinc
PRO
5
410
LLM アプリケーションのためのクラウドセキュリティ - CSPM の実装ポイント-
osakatechlab
0
400
問 1:以下のコンパイラを証明せよ(予告編) #kernelvm / Kernel VM Study Kansai 11th
ytaka23
3
520
さくらのクラウド開発の裏側
metakoma
PRO
3
1.6k
続・やっぱり余白が大切だった話
kakehashi
PRO
3
320
Google Cloud Next 2025 Recap マーケティング施策の運用及び開発を支援するAIの活用 / Use of AI to support operation and development of marketing campaign
atsushiyoshikawa
0
180
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Statistics for Hackers
jakevdp
799
220k
Done Done
chrislema
184
16k
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Being A Developer After 40
akosma
91
590k
Documentation Writing (for coders)
carmenintech
71
4.8k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Gamification - CAS2011
davidbonilla
81
5.3k
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ͷϨϏϡʔͭΒ͍ ɾίϯϑϦΫτͷϦεΫΛԼ͛Δ ɾগਓ͔Β࢝ΊͯཧίετΛԼ͛Δ
͞·͟·ͳ؍͔Βখ͘͢͞Δ ɾϦεΫܰݮʹͭͳ͕Δ ɾઓུతఫୀͷΧʔυΛ͢ ɾʮશ෦ऴΘΔͷʁʯͰͳ͘ ɹʮ͜͜·ͰऴΘͬͨʯΛੵΉ
҆શʹվળ͍ͯ͜͠͏ʂ