JavaScript 研修 (2026)

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

Transcript

1. JavaScript 研修 (2026) Author: @txxm_443 @progfay
2. みずたり と もき Name: 水足 友紀 @txxm_443 ・2023 年度入社 (新卒 4 年目) ・ Technology 3部(IRT) 所属 ・趣味: コーヒー , 雑草 ・最近 Infra主務になった
3. ま の しゅんすけ Name: 眞野 隼輔 @progfay ・2020 年度入社 (新卒 7 年目) ・ビューティー開発 1G (RCL) 所属 ・趣味: Web の動向を追う、漫画を読む ・SALONBOARDの技術刷新と横断的な技術支援
4. しずくいし たく や Name: 雫石 卓耶 @sititou70 ・2021 年度入社 (新卒 6 年目) ・ Technology 3部(IRT) 所属 ・趣味: 型パズル など ・チームのテックリードとして設計やレビューを行う
5. さ と う あきふみ Name: 佐藤 昭文 @akfm_sato ・中途入社 ・戸建・流通開発3G (RCL) 所属 ・趣味: 記事や登壇・筋トレ・車・服(洗濯ガ チ勢になりたい) ・住まいPlace、カウンターなどのプロダ クト新規開発
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. What’s JavaScript? ・ブラウザ上で動く (Chrome, Safari, Firefox, etc…) ・サーバー上でも動く (Node.js など) ・最近はほんといろんなところで動いている ・静的型付けがない
13. 実行環境構築 - Node.jsのインストール https://nodejs.org/en/download
14. 実行環境構築 - Node.jsのインストール うまく動かなければ StackBlitz を使おう
15. 実行環境構築 - pnpmのインストール パッケージマネージャーはpnpmの利用をおすすめします
16. WorkShop or https://stackblitz.com/edit/recruit-tech-javascripting