WebAudioの勉強するなら「Web Audio School」が良さそう #webaudio (プレゼン)


はじめに

  • WebAudio.Tokyo #3にて煽られたので即興でプレゼンを作っています。

  • 楽しそうだったのでNodeSchoolのWeb Audio Schoolのカンタンな紹介です。


自己紹介


僕と音楽

  • 小学校6年間 エレクトーン
  • 高校でベースとギターをかじる
  • けど特になにも身についてない
  • WebAudioむずい

#iotlt


僕とWebAudio


NodeSchool

  • Node.jSの学習向けツール
  • CLI実行
  • npmでインストール

NodeSchoolの代表的なレッスン

  • learnyounode
  • javascripting
  • How to npm
  • stream-adventure
  • Elementary Electron
  • NodeBots Workshop

Web Audio School


インストール

$ npm install -g web-audio-school

起動

$ web-audio-school
Starting server...

CLIかと思いきや...


NodeSchoolでは珍しいGUIツール

  • 問題文を元に回答を右上のエディタに記述
  • 右下のverifyで答え合わせをする

  • 成功すると...verified!という表示になります。


第1問を解いてみる

  • 第1問の問題はざっくりいうと「sawtoothの音を流そう」という内容です。
oscillator.type = 'sawtooth'

という行を差し込めばOKです。

  • 実行すると同じ波形と音を確認できます。

宣伝: NodeSchool Tokyoやるよ

  • NodeSchoolのレッスンをみんなでもくもくする会
  • メンターがいるので分からないことは聞けます。
  • 次回 1/29 @レバレジーズ
  • https://nodejs.connpass.com/event/45720/


まとめ