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
白金鉱業Meetup_Vol.18_AIエージェント時代のUI/UX設計
brainpadpr
1
290
AIにおけるソフトウェアテスト_ver1.00
fumisuke
1
360
Databricksで完全履修!オールインワンレイクハウスは実在した!
akuwano
0
150
OPENLOGI Company Profile
hr01
0
63k
企業が押さえるべきMCPの未来
takaakikakei
4
910
kernelvm-brain-net
raspython3
0
400
30代からでも遅くない! 内製開発の世界に飛び込み、最前線で戦うLLMアプリ開発エンジニアになろう
minorun365
PRO
16
5.1k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
7
63k
地味にいろいろあった! 2025春のAmazon Bedrockアップデートおさらい
minorun365
PRO
2
570
ガバクラのAWS長期継続割引 ~次の4/1に慌てないために~
hamijay_cloud
1
600
genspark_presentation.pdf
haruki_uiru
1
210
AIエージェント開発手法と業務導入のプラクティス
ykosaka
9
2.7k
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Build your cross-platform service in a week with App Engine
jlugia
230
18k
Music & Morning Musume
bryan
47
6.5k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Language of Interfaces
destraynor
158
25k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.3k
Making Projects Easy
brettharned
116
6.2k
Practical Orchestrator
shlominoach
187
11k
We Have a Design System, Now What?
morganepeng
52
7.6k
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ͷϨϏϡʔͭΒ͍ ɾίϯϑϦΫτͷϦεΫΛԼ͛Δ ɾগਓ͔Β࢝ΊͯཧίετΛԼ͛Δ
͞·͟·ͳ؍͔Βখ͘͢͞Δ ɾϦεΫܰݮʹͭͳ͕Δ ɾઓུతఫୀͷΧʔυΛ͢ ɾʮશ෦ऴΘΔͷʁʯͰͳ͘ ɹʮ͜͜·ͰऴΘͬͨʯΛੵΉ
҆શʹվળ͍ͯ͜͠͏ʂ