JS30勉強会(その1)キーボードでドラムキットを作る
JSの勉強会を仕事仲間で初めたのでその記録。
題材はJAVASCRIPT30
https://javascript30.com/
オンラインで集ってもくもくやって発表。
分からない人は動画見てできるだけ実装頑張る。
完成版(github pages)
https://egushinnosuke.github.io/js30-training/part1
所要30分くらい?audio要素のメソッド調べるのに時間がかかった印象。
ちなみに正解(というよりお手本)はこれ
https://github.com/wesbos/JavaScript30/tree/master/01%20-%20JavaScript%20Drum%20Kit
学習の要点
・音の再生
・keydownイベント
・classとdata属性を組み合わせたquerySelectorの仕様
自分だけの要点
・VSCode初めて使ったがよい
・github pages初めて使ったが手軽すぎて便利
気づき
・みんなでやると楽しい
・他の人のやり方を見れてよい
・続けることに意味がるだろう
メンバーが作ったのはこんなの
https://thimbleprojects.org/tanacoto/706194/
https://thimbleprojects.org/haruna-kai/706193/
毎週頑張ります!!
この記事が気に入ったらサポートをしてみませんか?