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

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

0f162107f1b716c9fa62d6071eb8b995?s=47 Hajime Mugishima
January 19, 2020
Technology
20
6.9k

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

2020/1/19 Kanazawa.js meetup#01

0f162107f1b716c9fa62d6071eb8b995?s=128

Hajime Mugishima

January 19, 2020
Tweet

More Decks by Hajime Mugishima

See All by Hajime Mugishima
コロナ禍 Frontend おさらい
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
270
Toyama.rb
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
41
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
3
1.2k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
7
2.4k
マルチカーソルのLT
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
0
110
消費税軽減税率制度
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
7
6.5k
レガシーなフロントエンドに立ち向かう
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
280
15分で知(った気にな)る最近のフロントエンド事情
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
2
160
Webpacker is installed 🎉🍰
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
1.6k

Other Decks in Technology

See All in Technology
ウォーターフォールとアジャイルと楽楽明細/Waterfall×Agile×Rakurakumeisai
83c3e0e87371c50399ac898308bdbb92?s=48 whitefox_73
1
350
WACATE 2022 夏 ワークショップの目的
Add1036688abcb2e3dbff7c3090f7e35?s=48 imtnd
0
120
視座とアジャイル / shiza_and_agile
Dd672f13e7e17714700544cb355cbaba?s=48 kyoshimoto
0
180
Custom GitHub Actions by Java
E68f2e8b47dc1769380a1fa8181df3dd?s=48 kazamori
0
280
ノーメンテナンス運用実現のためのノウハウ/ColoplTech-05-02
E704514df1d69d511c4c74771a40c8f5?s=48 colopl
0
160
覗いてみよう！現場のスクラムチーム
1f0222f7251c3c48f4a8e5103cc64346?s=48 tkredman
0
970
20220622_FinJAWS_あのときにAWSがあったらこうできた
Feb135945a82ac9c12e91ba5f7e8bce2?s=48 taketakekaho
0
100
JFrog 最新情報 - JFrog DevOps プラットフォームの今までとこれから / jfrog-update-for-devopskaigi-2022
567600e04dbcb14d6bd8f120e6625a27?s=48 tsuyo
0
150
Camp Digital 2022: tailored advice
8fadc4cc83e533c19a6d13db9d46cb3e?s=48 kyliehavelock
0
140
2022年度新卒技術研修「Docker」講義
094e424062f60b011a0d0b294fbc17e4?s=48 excitejp
PRO
0
380
要約 "Add Live Text interaction to your app"
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
0
140
JJUG2022_spring_Keycloak (Red Hat Single Sign-on)
6aab1831cbfef013b122d4cdb3c6680f?s=48 tinoue
0
200

Featured

See All Featured
It's Worth the Effort
Ba530e786553390f3fb271848485681c?s=48 3n
172
25k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
290
48k
YesSQL, Process and Tooling at Scale
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
157
12k
Pencils Down: Stop Designing & Start Developing
79acae287842acf29084005533a7fb3b?s=48 hursman
112
9.8k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
12k
Put a Button on it: Removing Barriers to Going Fast.
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
56
2.3k
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
17k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.5k
The MySQL Ecosystem @ GitHub 2015
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
269
11k

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