Tone.jsを試しに使ってみる
Tone.js公式の最初のコードを鳴らす
GitHubに空のリポジトリを作成し、ローカルにcloneする
npm init -y
npm install -D webpack webpack-cli@3.3.12 webpack-dev-server
npm install tone
package.jsonのscriptsにbuildとdevを追加する
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack --mode=production",
"dev": "webpack-dev-server --hot --open --content-base dist/"
dist/index.html と src/index.js を作成する
npm run dev
自動でブラウザが起動しpageが開かれることを確認する
playボタンを押して音が鳴ることを確認する
src/index.jsを編集し、鳴る音を変更する
自動でブラウザが更新され、playボタンを押すと鳴る音が変わっていることを確認する
npm run build
dist/main.js が生成されていることを確認する
JavaScriptによるオーディオプログラミング例 音を鳴らすコードを書く際、参考にしました。
webpackをかんたんに使う（Zero Configulation） webpackのinstallをする際、参考にしました。