JavaScript研修 (2024)

Slide 1

Slide 1 text

JavaScript 研修 ( 2 0 2 4 ) Author: @progfay

Slide 2

Slide 2 text

Name: 眞野隼輔まのしゅんすけ    @progfay ・ 2020 年度入社 (新卒 5 年目 ) ɾApplication Solution Group 所属・  #times_progfay

Slide 3

Slide 3 text

Name: 雫石卓耶しずくいしたくや・ 2021 年度入社 (新卒 4 年目 ) ɾApplication Solution Group 所属 ɾ趣味: 型パズルなど ɾTypeScript, React, Next.js で Web App を書いてる

Slide 4

Slide 4 text

Name: 水足友紀みずたりともき・ 2023 年度入社 (新卒 2 年目 ) ɾApplication Solution Group 所属 ɾ趣味: App Router, 雑草 ɾTypeScript, React, Next.js で Web App を書いてる

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

やること・ JavaScript のチュートリアルに挑戦してもらう・いくつかの課題を解いてもらい、わからなければ聞いてください・どんどん先に進んでもらって構いません全部解き終わったという人は問題作成に挑戦してみてください！

Slide 7

Slide 7 text

やらないこと・特定のライブラリの使い方・ React / Next.js の使い方は別の講義でやります・古い JavaScript の記法や慣習 (ES 6 以前) ・発展的な JavaScript 記法について (tc 3 9 /proposals など) ・ JavaScript の内部的な機構や詳細な仕様について

Slide 8

Slide 8 text

わからないことがあったら・「わからない」と言うのも社会人として必要なスキル・「この理解で合ってる？」もどんどん質問してください！・すぐさま @progfay まで mention を！ (多分気付けるはず) ・それでも反応がないときは、お近くの JavaScript マスターまで 🖐 ・もしくは信頼できるソースを確認してみよう 👀

Slide 9

Slide 9 text

信頼できるソース・何かあれば、とりあえず MDN で調べてみる・ JavaScript の入門資料なら JavaScript Primer がオススメ・詳細な仕様は ECMAScript Language Specification (上級者向け) ・実際に自分で動かしてみて確かめるのも大切

Slide 10

Slide 10 text

・ブラウザ上で動く (Chrome, Safari, Firefox, etc … ) ・サーバー上でも動く (Node.js など) ・最近はほんといろんなところで動いている・静的型付けがない What’s JavaScript?