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
mugi / Hajime Mugishima
January 19, 2020
Technology
20
7.6k
脱レガシーフロントエンドのために知っておいたほうがいいこと
2020/1/19 Kanazawa.js meetup#01
mugi / Hajime Mugishima
January 19, 2020
Tweet
Share
More Decks by mugi / Hajime Mugishima
See All by mugi / Hajime Mugishima
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.6k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
13
7k
New Order in Cascade Sorting Order
mugi_uno
3
3.8k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
24k
コロナ禍 Frontend おさらい
mugi_uno
1
460
Toyama.rb
mugi_uno
1
150
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.8k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.6k
Other Decks in Technology
See All in Technology
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
スクラムガイドに載っていないスクラムのはじめかた - チームでスクラムをはじめるときに知っておきたい勘所を集めてみました! - / How to start Scrum that is not written in the Scrum Guide 2nd
takaking22
1
170
エンジニアリングマネージャーの成長の道筋とキャリア / Developers Summit 2025 KANSAI
daiksy
3
1.1k
エンジニアが主導できる組織づくり ー 製品と事業を進化させる体制へのシフト
ueokande
1
100
Apache Spark もくもく会
taka_aki
0
140
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.8k
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
kawanoriku0
1
210
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
450
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
2
1.2k
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
osawa
1
400
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
1
950
slog.Handlerのよくある実装ミス
sakiengineer
4
470
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
GitHub's CSS Performance
jonrohan
1032
460k
Code Reviewing Like a Champion
maltzj
525
40k
Thoughts on Productivity
jonyablonski
70
4.8k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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ͷϨϏϡʔͭΒ͍ ɾίϯϑϦΫτͷϦεΫΛԼ͛Δ ɾগਓ͔Β࢝ΊͯཧίετΛԼ͛Δ
͞·͟·ͳ؍͔Βখ͘͢͞Δ ɾϦεΫܰݮʹͭͳ͕Δ ɾઓུతఫୀͷΧʔυΛ͢ ɾʮશ෦ऴΘΔͷʁʯͰͳ͘ ɹʮ͜͜·ͰऴΘͬͨʯΛੵΉ
҆શʹվળ͍ͯ͜͠͏ʂ