JavaScript 研修

2025年度リクルート エンジニアコース新人研修の講義資料です

Transcript

1. JavaScript ݚम (2025) @progfay Author: @txxm_443
2. Name: ਫ଍ ༑ل ΈͣͨΓ ͱ ΋ ͖ ɾ2023 ೥౓ೖࣾ (৽ଔ 3 ೥໨) ɾApplication Solution Group(IRT) ॴଐ ɾझຯ: ίʔώʔ, ࡶ૲ ɾTypeScript, React, Next.js Ͱ Web App Λॻ͍ͯΔ @txxm_443
3. Name: ᚸ໺ ൏ ี · ͷ ͠ΎΜ͚͢ ɾ2020 ೥౓ೖࣾ (৽ଔ 6 ೥໨) ɾApplication Solution Group(RCL) ॴଐ ɾझຯ: Web ͷಈ޲Λ௥͏ ɾNext.js × GraphQL @ඒ༰ྖҬ @progfay
4. ɾ2021 ೥౓ೖࣾ (৽ଔ 5 ೥໨) ɾApplication Solution Group(IRT) ॴଐ ɾझຯ: ܕύζϧ ͳͲ ɾTypeScript, React, Next.js Ͱ Web App Λॻ͍ͯΔ Name: ࣢ੴ ୎໹ ͍ͣ͘͠͠ ͨ͘ ΍ @sititou70
5. Name: ࠤ౻ তจ ͞ ͱ ͏ ͖͋;Έ ɾத్ೖࣾ ɾApplication Solution Group(RCL) ॴଐ ɾझຯ: ےτϨ(ʹΘ͔) ɾNext.jsΛத৺ʹ৭ʑ @akfm_sato
6. Schedule ɾ10:15 ~ 10:30ɹJavaScript Introduction ɾ10:30 ~ 12:30ɹJavaScript Workshop ɾ12:30 ~ 13:30ɹLunch ɾ13:30 ~ 18:30ɹTypeScript
7. ΍Δ͜ͱ ɾJavaScript ͷνϡʔτϦΞϧʹ௅ઓͯ͠΋Β͏ ɾ͍͔ͭ͘ͷ՝୊Λղ͍ͯ΋Β͍ɺΘ͔Βͳ͚Ε͹ฉ͍͍ͯͩ͘͞ ɾͲΜͲΜઌʹਐΜͰ΋Βͬͯߏ͍·ͤΜ શ෦ղ͖ऴΘͬͨͱ͍͏ਓ͸໰୊࡞੒ʹ௅ઓͯ͠Έ͍ͯͩ͘͞ʂ
8. ɾಛఆͷϥΠϒϥϦͷ࢖͍ํ ɾReact / Next.js ͷ࢖͍ํ͸ผͷߨٛͰ΍Γ·͢ ɾݹ͍ JavaScript ͷه๏΍׳श (ES6 Ҏલ) ɾൃలతͳ JavaScript ه๏ʹ͍ͭͯ (tc39/proposals ͳͲ) ɾJavaScript ͷ಺෦తͳػߏ΍ৄࡉͳ࢓༷ʹ͍ͭͯ ΍Βͳ͍͜ͱ
9. ɾʮΘ͔Βͳ͍ʯͱݴ͏ͷ΋ࣾձਓͱͯ͠ඞཁͳεΩϧ ɾʮ͜ͷཧղͰ߹ͬͯΔʁʯ΋ͲΜͲΜ࣭໰͍ͯͩ͘͠͞ʂ ɾ͙͢͞· @jstsߨࢣ ·Ͱ mention Λʂ (ଟ෼ؾ෇͚Δ͸ͣ) ɾͦΕͰ΋൓Ԡ͕ͳ͍ͱ͖͸ɺ͓ۙ͘ͷ JavaScript Ϛελʔ·Ͱ 🖐 ɾ΋͘͠͸৴པͰ͖ΔιʔεΛ֬ೝͯ͠ΈΑ͏ 👀 Θ͔Βͳ͍͜ͱ͕͋ͬͨΒ
10. ɾԿ͔͋Ε͹ɺͱΓ͋͑ͣ MDN Ͱௐ΂ͯΈΔ ɾJavaScript ͷೖ໳ࢿྉͳΒ JavaScript Primer ͕Φεεϝ ɾৄࡉͳ࢓༷͸ ECMAScript Language Specification (্ڃऀ޲͚) ɾ࣮ࡍʹࣗ෼Ͱಈ͔ͯ͠Έ͔ͯ֬ΊΔͷ΋େ੾ ৴༻Ͱ͖Διʔε
11. ɾద౰ʹᰐ͍ͨΓɺࡉ͘৘ใΛνϟοτͰڞ༗͢ΔͳͲͯ͠΋Β͍͍ͨ ɾؒҧͬͯͨΒڭ͑ͯͶ طʹ JavaScriptϚελʔͳਓ͸?
12. ɾϒϥ΢β্Ͱಈ͘ (Chrome, Safari, Firefox, etc…) ɾαʔόʔ্Ͱ΋ಈ͘ (Node.js ͳͲ) ɾ࠷ۙ͸΄Μͱ͍ΖΜͳͱ͜ΖͰಈ͍͍ͯΔ ɾ੩తܕ෇͚͕ͳ͍ What’s JavaScript?
13. https://nodejs.org/en/download ࣮ߦ؀ڥߏங
14. ͏·͘ಈ͔ͳ͚Ε͹ StackBlitz Λ࢖͓͏ ࣮ߦ؀ڥߏங
15. or https://stackblitz.com/edit/recruit-tech-javascripting WorkShop