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.9k
New Order in Cascade Sorting Order
mugi_uno
3
3.7k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
24k
コロナ禍 Frontend おさらい
mugi_uno
1
450
Toyama.rb
mugi_uno
1
140
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.8k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.6k
マルチカーソルのLT
mugi_uno
0
290
Other Decks in Technology
See All in Technology
生成AIでwebアプリケーションを作ってみた
tajimon
2
140
Oracle Audit Vault and Database Firewall 20 概要
oracle4engineer
PRO
3
1.7k
Definition of Done
kawaguti
PRO
6
470
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
mtpooh
2
390
Azure AI Foundryでマルチエージェントワークフロー
seosoft
0
170
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
1
500
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
i35_267
4
1.5k
Welcome to the LLM Club
koic
0
160
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
1
160
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
170
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
140
A2Aのクライアントを自作する
rynsuke
1
170
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Code Reviewing Like a Champion
maltzj
524
40k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Building an army of robots
kneath
306
45k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
What's in a price? How to price your products and services
michaelherold
246
12k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
RailsConf 2023
tenderlove
30
1.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
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ͷϨϏϡʔͭΒ͍ ɾίϯϑϦΫτͷϦεΫΛԼ͛Δ ɾগਓ͔Β࢝ΊͯཧίετΛԼ͛Δ
͞·͟·ͳ؍͔Βখ͘͢͞Δ ɾϦεΫܰݮʹͭͳ͕Δ ɾઓུతఫୀͷΧʔυΛ͢ ɾʮશ෦ऴΘΔͷʁʯͰͳ͘ ɹʮ͜͜·ͰऴΘͬͨʯΛੵΉ
҆શʹվળ͍ͯ͜͠͏ʂ