Upgrade to Pro — share decks privately, control downloads, hide ads and more …

脱レガシーフロントエンドのために知っておいたほうがいいこと

Avatar for Hajime Mugishima Hajime Mugishima
January 19, 2020
Technology
20
7.6k

 脱レガシーフロントエンドのために知っておいたほうがいいこと

2020/1/19 Kanazawa.js meetup#01
Avatar for Hajime Mugishima

Hajime Mugishima

January 19, 2020
Tweet

More Decks by Hajime Mugishima

See All by Hajime Mugishima
令和7年版 あなたが使ってよいフロントエンド機能とは
Avatar for Hajime Mugishima mugi_uno
13
6.9k
New Order in Cascade Sorting Order
Avatar for Hajime Mugishima mugi_uno
3
3.7k
Deep Dive into React Stream/Serialize
Avatar for Hajime Mugishima mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
Avatar for Hajime Mugishima mugi_uno
41
24k
コロナ禍 Frontend おさらい
Avatar for Hajime Mugishima mugi_uno
1
450
Toyama.rb
Avatar for Hajime Mugishima mugi_uno
1
140
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
Avatar for Hajime Mugishima mugi_uno
3
1.8k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
Avatar for Hajime Mugishima mugi_uno
7
2.6k
マルチカーソルのLT
Avatar for Hajime Mugishima mugi_uno
0
300

Other Decks in Technology

See All in Technology
マルチプロダクト環境におけるSREの役割 / SRE NEXT 2025 lunch session
Avatar for sugamasao sugamasao
1
400
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
Avatar for kazeburo kazeburo
1
450
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
Avatar for coconala_engineer coconala_engineer
1
1k
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
Avatar for Nstock nstock
0
290
話題の MCP と巡る OCI RAG ソリューションの旅 - Select AI with RAG と Generative AI Agents ディープダイブ
Avatar for oracle4engineer oracle4engineer
PRO
5
110
オフィスビルを監視しよう：フィジカル×デジタルにまたがるSLI/SLO設計と運用の難しさ / Monitoring Office Buildings: The Challenge of Physical-Digital SLI/SLO Design & Operation
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
1
350
shake-upを科学する
Avatar for Jack rsakata
7
930
オーティファイ会社紹介資料 / Autify Company Deck
Avatar for Autify autifyhq
10
130k
Delegating the chores of authenticating users to Keycloak
Avatar for Alexander Schwartz ahus1
0
180
[ JAWS-UG千葉支部 x 彩の国埼玉支部 ]ムダ遣い卒業！FinOpsで始めるAWSコスト最適化の第一歩
Avatar for sh_fk2 sh_fk2
2
150
セキュアな社内Dify運用と外部連携の両立 ~AIによるAPIリスク評価~
Avatar for ZOZO Developers zozotech
PRO
0
100
「Chatwork」のEKS環境を支えるhelmfileを使用したマニフェスト管理術
Avatar for hanayo04 hanayo04
1
240

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k

Transcript

  1. ୤ϨΨγʔϑϩϯτΤϯυͷͨΊʹ ஌͓͍ͬͯͨ΄͏͕͍͍͜ͱ ,BOB[BXBKT.FFUVQ

  2. ࣗݾ঺հ !NVHJ@VOP ഴౡҰ )BKJNF.VHJTIJNB 5PZBNBSC IUUQTUPZBNBSCHJUIVCJP

  3. None

  4. ʮϨΨγʔϑϩϯτΤϯυʯ Ͱ͔͢ʁ ໰

  5. ݴ༿͔Βඬ͏ࢮͷ߳Γ

  6. ʮ͏ͪ͸ϞμϯͳͷͰؔ܎ͳ͍ͳʙʯ

  7. ʮ͏ͪ͸ϞμϯͳͷͰؔ܎ͳ͍ͳʙʯ ຊ౰ʹʁ

  8. ϨΨγʔMFHBDZ Ҩ࢈ɻઌਓͷҨ෺ɻ ࣌୅஗Εͷ΋ͷɻ ίτόϯΫ
 IUUQTLPUPCBOLKQXPSEϨΨγʔ

  9. ʮ͏ͪ͸ϞμϯͳͷͰؔ܎ͳ͍ͳʙʯ ͍·͸

  10. ϨΨγʔ͸ਓྨʹฏ౳

  11. ޲͖߹͍ํΛ஌͓ͬͯ͜͏

  12. ͳΜͷͨΊʹ΍Δʁ 

  13. ࠷ॳʹߟ͍͑ͨ͜ͱ

  14. ຊ౰ʹ΍Δ

  15. ʮίʔυ͕ࠅ͗ͯͭ͢Β͍ʯ ʮ΍ͬͯΒΕͳ͍ʯ ʮϞμϯͳίʔυΛॻ͖͍ͨʯ ʮશ෦௚ͧ͢ʂʂʯ

  16. ྫྷ੩ʹͳΖ͏ ؾ࣋ͪ͸Θ͔Δ͚Ͳ

  17. ϨΨγʔʹѱͰ͸ͳ͍ ʮಈ͍͍ͯΔʯ͸ແࢹͰ͖ͳ͍Ձ஋

  18. վળ࡞ۀ͸૝૾ΑΓΩπ͍ ɾӨڹൣғͷ޿͞ ɾటष͍஍ಓͳ࡞ۀ ɾऴΘΓͷݟ͑ͳ͞ ɾҙຯ͋Δͷʜ ͱ͍͏എಙײ

  19. lԿΛ΍Δͷ͔ͱಉ͘͡Β͍ɺ ԿΛ΍Βͳ͍͔͕ॏཁͩz ʮΞδϟΠϧαϜϥΠୡਓ։ൃऀ΁ͷಓʯQ

  20. ʮ΍Βͳ͍ʯ΋Ձ஋͋Δܾஅ

  21. lվળͰಘ͍ͨ΋ͷzΛ໌จԽ͢Δ ɾ։ൃ଎౓Λ্͍͛ͨ ɾϞνϕʔγϣϯΛ্͍͛ͨ ɾ࠾༻ͷͨΊʹ؀ڥΛ੔͍͑ͨ ɾςετΛ੔උ͍ͨ͠ ɾͳͲʜ

  22. ࠷ޙ·Ͱࢧ͑Δͷ͸ ࠷ॳͷϞνϕʔγϣϯ

  23. ୭͕΍Δʁ 

  24. ୤ϨΨγʔ࡞ۀΛ୭͕΍Δ͔

  25. Α͋͘Δରࡦྫ ʮڧ͍ਓΛޏ͓͏ʂʯ

  26. Α͋͘Δରࡦྫ ʮڧ͍ਓΛޏ͓͏ʂʯ ݸਓతͳݟղˠݱ࣮తʹ͸Ή͔͍ͣ͠ ͳΜͰʁ▶︎

  27. ϨΨγʔଆͷ஌ࣝ Ϟμϯଆͷ஌ࣝ ୤ϨΨγʔʹඞཁͳ΋ͷ

  28. ϨΨγʔଆͷ஌ࣝ Ϟμϯଆͷ஌ࣝ υϝΠϯ஌ࣝ ୤ϨΨγʔ΁ͷؔ৺ ΍Γ͖ΔϞνϕʔγϣϯ ୤ϨΨγʔʹඞཁͳ΋ͷ

  29. ϨΨγʔଆͷ஌ࣝ Ϟμϯଆͷ஌ࣝ υϝΠϯ஌ࣝ ୤ϨΨγʔ΁ͷؔ৺ ΍Γ͖ΔϞνϕʔγϣϯ ୤ϨΨγʔʹඞཁͳ΋ͷ ͍ͳ͍ ۚͷ஄ؙΛܸͯͳ͍ݶΓ

  30. ୤ϨΨγʔ࡞ۀΛ΍Γ͍͔ͨʁͱ͍͏࿩ ˝

  31. ୤ϨΨγʔ࡞ۀΛ΍Γ͍͔ͨʁͱ͍͏࿩ Ͱ͖Ε͹΍Γͨ͘ͳ͍ ʢ͓ͦΒ͘ଟ͘ͷͻͱ͸ʣ ˝

  32. ҰఆͷϨϕϧ·Ͱ͸ ࣗ෼ͨͪͰ΍Δ֮ޛ΋ඞཁ

  33. ʮͦ͏͸ݴͬͯ΋࣌ؒͳ͍ʯ ʮཧ૝࿦Ͱ͸ʁʯ ʮऴΘΔؾ͕͠ͳ͍ʯ

  34. ཱͪ޲͔͏ίπ 

  35. ʢ৭ʑ͋Δ͚Ͳʣࠓ೔఻͍͑ͨͷ͸ͻͱͭ ˝

  36. ʮখ͘͢͞Δʯ ˠ ʢ৭ʑ͋Δ͚Ͳʣࠓ೔఻͍͑ͨͷ͸ͻͱͭ ˝

  37. ʮখ͘͢͞Δʯʹ΋৭ʑ͋Δ

  38. શ෦΍Γͨ͘ͳΔ ɾ3FBDUʹ͠·͢ ɾςετॻ͍ͯ$*ճ͠·͢ ɾ&4-JOUಋೖ͠·͢ ɾ5ZQF4DSJQU΋ೖΕ·͢ ɾঢ়ଶ؅ཧ΋ಋೖ͠·͢ ʮείʔϓʯΛখ͘͢͞Δ

  39. ɾֶशίετ ɾΰʔϧ͕ݟ͑ͳ͍ ɾ׬਱Ͱ͖ͳ͍Մೳੑ ฒߦͨ͠ແܭըͳணख͸ϋΠϦεΫ ˝

  40. ɾֶशίετ ɾΰʔϧ͕ݟ͑ͳ͍ ɾ׬਱Ͱ͖ͳ͍Մೳੑ ฒߦͨ͠ແܭըͳணख͸ϋΠϦεΫ ࠷ѱͷέʔεͰ͸ϨΨγʔ͕૿͑Δ ˝

  41. ·ͣ͸5ZQF4DSJQUͷಋೖͷΈ ͨͱ͑͹ʜ

  42. ·ͣ͸5ZQF4DSJQUͷಋೖͷΈ ˝΋ͬͱখ͘͢͞Δ  +4ͷ··54$Λ௨͚ͩ͢  BOZڐ༰ͰίΞϩδοΫΛ54Խ  શମΛ54Խ  OP*NQMJDU"OZ༗ޮԽ

    ͨͱ͑͹ʜ

  43. ʮظؒʯΛখ͘͢͞Δ ʮ13αΠζʯΛখ͘͢͞Δ ʮνʔϜن໛ʯΛখ͘͢͞Δ ɾվળͷαΠΫϧΛ୹͍ظؒʹ͢Δ ɾେ͖͍13ͷϨϏϡʔ͸ͭΒ͍ ɾίϯϑϦΫτͷϦεΫΛԼ͛Δ ɾগਓ਺͔Β࢝Ίͯ؅ཧίετΛԼ͛Δ

  44. ͞·͟·ͳ؍఺͔Βখ͘͢͞Δ ɾϦεΫܰݮʹͭͳ͕Δ ɾઓུతఫୀͷΧʔυΛ࢒͢ ɾʮશ෦ऴΘΔͷʁʯͰ͸ͳ͘
 ɹʮ͜͜·ͰऴΘͬͨʯΛੵΉ

  45. ҆શʹվળ͍ͯ͜͠͏ʂ