カトカトーンは、教育芸術社、ディレクションズ、コルグ、3社が協力して作成した音楽教育用ブラウザーアプリケーションです。2025年度末時点で、約7,700学校で使用されており、1日あたり約14,000人のユーザーに利用されています。
このプロジェクトでは、KORG Gadgetなどのアプリケーション向けに元々構築したネイティブC++シンセサイザーエンジンの一部を再利用し、WebAssemblyにコンパイルしてAudioWorklet内で実行させました。
理論的なDSP最適化に焦点を当てるのではなく、このトークでは、ChromebookやiPadなどの管理下にある学校用デバイスで確実に動作させるための実践的な教訓を共有します。
以下について説明します：
教育環境でウェブ配信が必要とされた理由
ネイティブシンセエンジンをブラウザに移行した際に何が起こったか
低スペックデバイスで観察されたパフォーマンス問題
オーディオグリッチとUIロードを軽減するための反復的な調整
これは、音声アーキテクチャを簡略化せずに、制度的環境でインストルメントグレードのオーディオを配信・維持するために、ネイティブC++シンセサイザーエンジンをブラウザに導入した実際のケーススタディです。
---
Katokatone is a browser-based music education application developed through a collaboration between Kyoiku Geijutsu Sha, Directions, and KORG. As of the end of fiscal year 2025, it has been adopted by approximately 7,700 schools and is used by around 14,000 users daily.
For this project, we reused part of our native C++ synthesizer engine — originally built for applications such as KORG Gadget — and compiled it to WebAssembly to run inside an AudioWorklet.
Rather than focusing on theoretical DSP optimization, this talk shares practical lessons from making it work reliably on managed school devices such as Chromebooks and iPads.
We will discuss:
Why web delivery was required in educational environments
What happened when a native synth engine was moved into the browser
Performance issues observed on low-spec devices
Iterative adjustments to reduce audio glitches and UI load
This is a real-world case study of bringing a native C++ synthesizer engine into the browser to deliver and maintain instrument-grade audio in institutional environments without simplifying the sound architecture.
