Tonejs/Tone.js

これは何？

主な機能

• 01DAWのアレンジ画面のように、イベントを同期・スケジューリングするグローバルなTransport。
• 02FMSynth、AMSynth、NoiseSynth、PolySynthなど、あらかじめ用意されたモノフォニックおよびポリフォニックシンセサイザー。
• 03オーディオファイルを読み込み、音符に合わせてサンプルのピッチを変更するSamplerとPlayer。
• 04直列または並列に接続できる組み込みエフェクト。
• 05ランプやオートメーションカーブに対応した、オーディオレートのSignalパラメーター。
• 06秒に加えて、「4n」や「8t」などの音楽時間表記。

ユースケース

• ブラウザーベースの音楽シーケンサーやドラムマシンの開発。
• Webページ上で動作するインタラクティブなジェネラティブミュージックや音声ビジュアライゼーションの制作。
• Web Audioを使ったシンセサイザーやエフェクトのプロトタイピング。
• Webゲームや音楽学習アプリへのサンプルベースの楽器の追加。

クイックスタート

1. 1

   npmからTone.jsをインストールする

   npm install tone
2. 2

   プロジェクトにTone.jsをインポートする

   import * as Tone from "tone";
3. 3

   シンセを作成してスピーカーに接続し、ユーザーのクリック後に音を鳴らす（最初にTone.start()を呼び出す）

使う前に知っておきたいこと

• !ブラウザーはユーザー操作があるまで音声をブロックするため、Tone.start()はユーザーイベントから呼び出す必要があります。

トピック

よくある質問

Tone.js とは？

ブラウザーでインタラクティブな音楽やシンセサイザーを作るためのWeb Audioフレームワーク。DAW風のTransportによるスケジューリングに対応。 Tone.jsは、Web Audio APIを基盤に、ブラウザーでインタラクティブな音楽を作るためのJavaScriptフレームワークです。イベントの同期やスケジューリングを行うグローバルなTransportをはじめ、DAWのような機能を備えています。また、あらかじめ用意されたシンセサイザー、サンプラー、エフェクトを相互に接続できます。

Tone.js は無料で使えますか？ライセンスは？

Tone.js は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

Tone.js は今もメンテナンスされていますか？

活発にメンテナンス中。Tone.js の最終コミットは 2026年11月1日 です。

Tone.js は何に使えますか？

ブラウザーベースの音楽シーケンサーやドラムマシンの開発。 Webページ上で動作するインタラクティブなジェネラティブミュージックや音声ビジュアライゼーションの制作。 Web Audioを使ったシンセサイザーやエフェクトのプロトタイピング。 Webゲームや音楽学習アプリへのサンプルベースの楽器の追加。

Tone.js のインストール方法は？

npmからTone.jsをインストールする: npm install tone プロジェクトにTone.jsをインポートする: import * as Tone from "tone"; シンセを作成してスピーカーに接続し、ユーザーのクリック後に音を鳴らす（最初にTone.start()を呼び出す）

Tone.js はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/Tonejs/Tone.js