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

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

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

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

2020/1/19 Kanazawa.js meetup#01

Avatar for mugi / Hajime Mugishima

mugi / Hajime Mugishima

January 19, 2020
Tweet

More Decks by mugi / Hajime Mugishima

See All by mugi / Hajime Mugishima
サイボウズフロントエンドの横断活動から考える AI時代にできること
Avatar for mugi / Hajime Mugishima mugi_uno
4
1.8k
令和7年版 あなたが使ってよいフロントエンド機能とは
Avatar for mugi / Hajime Mugishima mugi_uno
14
7k
New Order in Cascade Sorting Order
Avatar for mugi / Hajime Mugishima mugi_uno
3
3.9k
Deep Dive into React Stream/Serialize
Avatar for mugi / Hajime Mugishima mugi_uno
8
2.2k
Next.js App Router での MPA フロントエンド刷新
Avatar for mugi / Hajime Mugishima mugi_uno
41
25k
コロナ禍 Frontend おさらい
Avatar for mugi / Hajime Mugishima mugi_uno
1
460
Toyama.rb
Avatar for mugi / Hajime Mugishima mugi_uno
1
150
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
Avatar for mugi / Hajime Mugishima mugi_uno
3
1.8k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
Avatar for mugi / Hajime Mugishima mugi_uno
7
2.6k

Other Decks in Technology

See All in Technology
戦えるAIエージェントの作り方
Avatar for Takuya Akiba iwiwi
22
11k
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
Avatar for Tomonori Hayashi / ぴーはや phaya72
27
19k
OPENLOGI Company Profile for engineer
Avatar for OPENLOGI hr01
1
46k
Pythonで構築する全国市町村ナレッジグラフ: GraphRAGを用いた意味的地域検索への応用
Avatar for negi111111 negi111111
0
220
Data & AIの未来とLakeHouse
Avatar for Satoru Ishikawa ishikawa_satoru
0
110
仕様駆動開発を実現する上流工程におけるAIエージェント活用
Avatar for sergicalsix sergicalsix
12
5.9k
短期間でRAGシステムを実現　お客様と歩んだ生成AI内製化への道のり
Avatar for sakai taka0709
1
190
LLM APIを2年間本番運用して苦労した話
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
10
8.8k
MCP サーバーの基礎から実践レベルの知識まで
Avatar for azukiazusa azukiazusa1
21
10k
Gov-JAWS4回_某団体でのAmazon Bedrock活用検証で見えた“使う側”の課題精度よりもリテラシー
Avatar for たくま takuma818t
0
120
進化する大規模言語モデル評価: Swallowプロジェクトにおける実践と知見
Avatar for Naoaki Okazaki chokkan
PRO
3
470
プロダクトエンジニアとしてのマインドセットの育み方 / How to improve product engineer mindset
Avatar for Jumpei Sakatsu saka2jp
1
190

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
72
4.9k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k

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