Web Audio API + React でシンセサイザーを作ってみよう

はじめに こんにちは！今年（2024年）7月に株式会社ミラボに入社し、エンジニアとして働いている 梅澤 です。 弊社業務の一環で、Web Audio API のことを知り、興味を持ったので、私自身の知見を深める意味でも本記事を執筆してみることにしました。 本記事では、Web Audio API と React を使った簡単なシンセサイザーアプリを作成し、その仕組みを学んでいきたいと思います。 Web Audio API MDN Web Docs の Web Audio API のページを見ると、以下のように説明されています。 ウェブオーディオ API はウェブ上で音声を扱うための強力で多機能なシステムを提供します。これにより開発者は音源を選択したり、エフェクトを加えたり、視覚効果を加えたり、パンニングなどの特殊効果を適用したり、他にもたくさんのいろいろなことができるようになります。 使い方