目次
毎日JavaScriptとは
JavaScript 30という無料で30日分のJavaScript(ES6)が動画で学べる素晴らしいサイトの講義を受け、その学びや経過をアウトプットする企画である。
30日分アウトプットできるかな(不安)
意気込み
JS全くわからんマンですが、がんばります!
お題
- キーボード入力を取得してドラム音を鳴らすスクリプトの作成 (JavaScript Drum Kit)
学び
- 経過時間:1h (動画自体は19m)
- JavaScriptにメディアを再生する関数があることを知る。(過去にYoutube等でメディア再生しといて今更である)
- キーコード(キー入力の裏に設定されている数値)の存在を知る。
- キーコードはデバイスによって違うことがあるようだが、下記のようなサイトを使うことで確認可能。
感想
正直1日目から難しかった。DOM操作などgetElementById位しか知らなかったので、いきなりCSSのクエリを検索してDOMに追加したり複雑なことをしていて大変だった。最低限、ES5でも良いからJavaScriptの基本文法を学んだ人を対象にES6での開発方法を学ぶサイトなんだろう。
とはいえ、勉強用に動かすためのソースコードは下記のようにGitHubにおいてあるので、Forkすれば自分用に残せるので良い。
また、英語で学ぶのに抵抗は合っても、字幕もついているし動画講義なので大体なんと言っているのか理解できるのが素晴らしい。(ELSにも対応しているとサイトに書いているだけのことはあるなと実感)