Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for mugi / Hajime Mugishima mugi / Hajime Mugishima
January 19, 2020
Technology
7.8k
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
540
サイボウズフロントエンドの活動から考える探究と発信
Avatar for mugi / Hajime Mugishima mugi_uno
1
240
フロントエンドエキスパートチームの解散は 「いい話」なのか？
Avatar for mugi / Hajime Mugishima mugi_uno
8
2.6k
サイボウズフロントエンドの横断活動から考える AI時代にできること
Avatar for mugi / Hajime Mugishima mugi_uno
4
2.2k
令和7年版 あなたが使ってよいフロントエンド機能とは
Avatar for mugi / Hajime Mugishima mugi_uno
14
7.3k
New Order in Cascade Sorting Order
Avatar for mugi / Hajime Mugishima mugi_uno
3
4.4k
Deep Dive into React Stream/Serialize
Avatar for mugi / Hajime Mugishima mugi_uno
8
2.4k
Next.js App Router での MPA フロントエンド刷新
Avatar for mugi / Hajime Mugishima mugi_uno
40
26k
コロナ禍 Frontend おさらい
Avatar for mugi / Hajime Mugishima mugi_uno
1
500

Other Decks in Technology

See All in Technology
AIをリアル世界に解き放つ　〜M5Stack×AIであなたのアイディアを手の平に〜
Avatar for 濱田孝治 hamadakoji
1
550
Kiro Crewで「みのるん式」仕事術やってみた
Avatar for みのるん minorun365
PRO
3
1.1k
Maestro MCPとClaude Code Skillsによる自律的なE2Eテスト支援
Avatar for asmz asmz
0
210
Agent 活用環境の構築・運用のための AWS サービスのご紹介/agentcore-for-building-and-operating-agents
Avatar for Renya Kujirada ren8k
1
150
シンプルな設定ファイルで実現する AWS IAM Identity Center の ユーザー管理Terraformフレームワークを公開しました / Simplifying AWS IAM Identity Center User Management: An Open-Source Terraform Framework
Avatar for Takashi Yamaguchi yamaguchitk333
0
320
How we choose session proposals
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
170
正解のない研修に放り出されて / Being thrown into a training program with no right answers
Avatar for akira ohno ohnoeight
1
150
ドメインエキスパートは いかにして AI を使って プロダクト開発をするか
Avatar for tshiraishi tatsuyashiraishi
1
200
AWSセキュリティで活用するAI機能
Avatar for cm-usuda-keisuke cmusudakeisuke
1
320
ポケモン対戦を自動で記録して振り返ろう
Avatar for Yusuke Fukasawa fufufukakaka
0
410
BacklogのRAG 今ならこう作る - S3 Vectorsと自前パイプラインの勘所
Avatar for Tsuyoshi Yamasaki revsystem
0
140
アカウント統制の健康診断
Avatar for KenichiNakamura kenichinakamura
1
200

Featured

See All Featured
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
1
290
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
720
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
610
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
Avatar for Christian Goodrich cargoodrich
3
880
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
310
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.9k

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