JavaScript研修 (2024)

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

★以下のGitHub Repositoryにある内容を中心に研修を実施しました
　https://github.com/recruit-tech/javascripting

Transcript

1. JavaScript 研修 ( 2 0 2 4 ) Author: @progfay
2. Name: 眞野 隼 輔 ま の しゅんすけ    @progfay ・ 2020 年度 入 社 (新卒 5 年 目 ) ɾApplication Solution Group 所属 ・  #times_progfay
3. Name: 雫 石 卓耶 しずくいし たく や ・ 2021 年度 入 社 (新卒 4 年 目 ) ɾApplication Solution Group 所属 ɾ趣味: 型パズル など ɾTypeScript, React, Next.js で Web App を書いてる
4. Name: 水 足 友紀 みずたり と も き ・ 2023 年度 入 社 (新卒 2 年 目 ) ɾApplication Solution Group 所属 ɾ趣味: App Router, 雑草 ɾTypeScript, React, Next.js で Web App を書いてる
5. Schedule ・ 1 0 : 1 5 ~ 1 0 : 3 0 　 JavaScript Introduction ・ 1 0 : 3 0 ~ 1 2 : 3 0 　 JavaScript Workshop ・ 1 2 : 3 0 ~ 1 3 : 3 0 　 Lunch ・ 1 3 : 3 0 ~ 1 9 : 0 0 　 TypeScript
6. やること ・ JavaScript のチュートリアルに挑戦してもらう ・ いくつかの課題を解いてもらい、わからなければ聞いてください ・ どんどん先に進んでもらって構いません 全部解き終わったという 人 は問題作成に挑戦してみてください！
7. やらないこと ・ 特定のライブラリの使い 方 ・ React / Next.js の使い 方 は別の講義でやります ・ 古い JavaScript の記法や慣習 (ES 6 以前) ・ 発展的な JavaScript 記法について (tc 3 9 /proposals など) ・ JavaScript の内部的な機構や詳細な仕様について
8. わからないことがあったら ・ 「わからない」と 言 うのも社会 人 として必要なスキル ・ 「この理解で合ってる？」もどんどん質問してください！ ・ すぐさま @progfay まで mention を！ (多分気付けるはず) ・ それでも反応がないときは、お近くの JavaScript マスターまで 🖐 ・ もしくは信頼できるソースを確認してみよう 👀
9. 信頼できるソース ・ 何かあれば、とりあえず MDN で調べてみる ・ JavaScript の 入 門 資料なら JavaScript Primer がオススメ ・ 詳細な仕様は ECMAScript Language Specification (上級者向け) ・ 実際に 自 分で動かしてみて確かめるのも 大 切
10. ・ ブラウザ上で動く (Chrome, Safari, Firefox, etc … ) ・ サーバー上でも動く (Node.js など) ・ 最近はほんといろんなところで動いている ・ 静的型付けがない What’s JavaScript?
11. 実 行 環境構築 https://nodejs.org/en/download
12. 実 行 環境構築 うまく動かなければ StackBlitz を使おう
13. Workshop or https://stackblitz.com/edit/recruit-tech-javascripting