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

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

Avatar for mugi / Hajime Mugishima mugi / Hajime Mugishima
January 19, 2020
Technology
7.7k
20

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

2020/1/19 Kanazawa.js meetup#01

Avatar for mugi / Hajime Mugishima

mugi / Hajime Mugishima

January 19, 2020

More Decks by mugi / Hajime Mugishima

See All by mugi / Hajime Mugishima
AIと乗り切った1,500ページ超のヘルプサイト基盤刷新とさらにその先の話
Avatar for mugi / Hajime Mugishima mugi_uno
2
420
サイボウズフロントエンドの活動から考える探究と発信
Avatar for mugi / Hajime Mugishima mugi_uno
1
150
フロントエンドエキスパートチームの解散は 「いい話」なのか？
Avatar for mugi / Hajime Mugishima mugi_uno
8
2.4k
サイボウズフロントエンドの横断活動から考える AI時代にできること
Avatar for mugi / Hajime Mugishima mugi_uno
4
2k
令和7年版 あなたが使ってよいフロントエンド機能とは
Avatar for mugi / Hajime Mugishima mugi_uno
14
7.2k
New Order in Cascade Sorting Order
Avatar for mugi / Hajime Mugishima mugi_uno
3
4.3k
Deep Dive into React Stream/Serialize
Avatar for mugi / Hajime Mugishima mugi_uno
8
2.3k
Next.js App Router での MPA フロントエンド刷新
Avatar for mugi / Hajime Mugishima mugi_uno
40
26k
コロナ禍 Frontend おさらい
Avatar for mugi / Hajime Mugishima mugi_uno
1
490

Other Decks in Technology

See All in Technology
AIプラットフォームを運用し続けるための可観測性
Avatar for tanimuyk tanimuyk
4
1.1k
新規事業を牽引する技術選定 〜フルスタックTypeScript開発の実践事例〜
Avatar for Katsuma Narisawa nullnull
3
360
Agentic Web
Avatar for dynamis dynamis
1
160
Building applications in the Gemini API family.
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
2k
Claude code Orchestra
Avatar for Taisei Ozaki ozakiomumkj
3
990
Agentic Defenseとともにセキュリティエンジニアが輝き続けるには / How Security Engineers Can Keep Excelling with Agentic Defense
Avatar for Yuji Oshima yuj1osm
0
120
「コーディング」しない人のための Claude Code 入門　ChatGPT の次の一歩 — 業務に組み込む 育成・共有・自動化
Avatar for ふくだ（fukuda ryu） rfdnxbro
2
1.2k
もりもり新機能を一挙紹介！ AgentCoreに入門して、AWS上にAIエージェントを構築しよう
Avatar for みのるん minorun365
PRO
6
840
2026.06.13_AI時代に事業会社が「SIer出身エンジニア」を求める理由 / Why Businesses Seek Engineers with a System Integrator Background in the AI ​​Era
Avatar for jumpei_ikegami jumtech
0
590
生成 AI × MCP で切り拓く次世代 SRE！自律型運用への挑戦と開発者体験の進化
Avatar for _awache _awache
0
160
Djangoユーザが知っ得なPostgreSQL機能 - 設計の選択肢を増やす / Djang-use-PostgreSQL
Avatar for soudai sone soudai
PRO
0
200
AI と創る新たな世界 / A New World Created with AI
Avatar for Kenji Saito ks91
PRO
0
120

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
320
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
330
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
280
Scaling GitHub
Avatar for Zach Holman holman
464
140k

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. ҆શʹվળ͍ͯ͜͠͏ʂ