TSKaigi Sendai 2026 - さよなら独自環境。TypeScriptでAbleton（DAW）を自動化する楽しさ

このスライドは TSKaigi Sendai 2026の登壇に使用したスライドのアーカイブになります。

チームラボでは、フロントエンドエンジニアを募集しています。
少しでも、チームラボにご興味をお持ち頂けましたら、採用ページをご覧頂けますと幸いです。
https://www.team-lab.com/recruit/

Transcript

1. TSKaigi Sendai 2026 さよなら独自環境。 TypeScriptでAbleton（DAW）を自動化 する楽しさ 森 祐一 チームラボ パッケージチーム 所属 © teamLab Inc.
2. 自己紹介 Mori Yuichi 森 祐一 所属｜ チームラボ パッケージチーム フロントエンド班 ❏ ❏ © teamLab Inc. 初めてのカンファレンス登壇です ﾄﾞｷﾄﾞｷ 今年から作曲を始めました 2
3. テーマ × © teamLab Inc. Ableton Live 3
4. 目次 ❏ そもそも「Ableton Live」 とは？ ❏ 「自動化」のこれまで ❏ 「Ableton Extensions SDK」の登場 ❏ TSで自動化してみる ❏ まとめ © teamLab Inc. 4
5. そもそも「Ableton Live」とは？ © teamLab Inc. 5
6. そもそも「Ableton Live」とは？ 世界中のアーティストに愛用されて いる音楽制作ソフト。 （以下Ableton） プログラマー兼ミュージシャンが 自作したツールが、『Live』の 着想源。 👉製作者自身が機能を拡張する ことに対して、非常にオープン。 © teamLab Inc. 6
7. 「自動化」のこれまで © teamLab Inc. 7
8. 「自動化」のこれまで Ableton の拡張といえば、これまで は「Max for Live」。だけど... ちょっとした作業の自動化に対する壁 が高い😔 ❏ © teamLab Inc. 音作り特化の独自環境で専用の ビジュアルプログラミング習得が 必要 8
9. 音楽制作で自動化できると何が嬉しいか 👉 曲を作り込むほど、音の数が増える ほど、確認する設定も増える。例えば... ❏ © teamLab Inc. 用途に合った設定になっているか 一個ずつ音をクリックして確認 する手間 ❏ 毎回鳴らしたい音なのに、 鳴る確率の設定が100%未満に なっている 10
10. 「Ableton Extensions SDK」の登場 © teamLab Inc. 11
11. Ableton Extensions SDK 登場 26年6月、Ableton Live 12.4.5 Suite（ベータ）にて、公式の JS/TS SDKが追加された。 ❏ ❏ Node.jsベースで動作 私たちが普段書いている TypeScript / JavaScript で、Abletonを直接動かせる 👉 エンジニアにとってチャンス 到来では ✨ 公式サイトより © teamLab Inc. 12
12. TSで自動化してみる © teamLab Inc. 13
13. TSで自動化してみる 作ってみたもの：楽曲に 対するLinter ❏ ❏ 毎回鳴らしたい音の発音 確率を、一括チェック 発音確率が100％未満の 音を表示 📝自分で決めた制作ルールで チェックしたい 鳴る確率：50％ © teamLab Inc. 15
14. デモ 静止画Ver 「 Extensions」から選択 ❏ 診断結果 複数トラックから、発音確率100%未満の音をまとめて確認 © teamLab Inc. 18
15. TSで自動化してみる ❏ ❏ 公式SDKから、MIDIクリップなどの型定義を読み込める （@ableton-extensions/sdk） 音に自分で付けた名前や、音そのものなど、取得できる項目が エディタで補完される © teamLab Inc. 20
16. TSで自動化してみる // 鳴る確率を取得できた音の中から、100%未満のものを抽出 const targets = clip.notes.filter(({ probability })) => { 🎶 配列処理で鳴る確率をチェック ❏ // 未取得の値は判定から除外 filterで、確率が100%未満の音 を抽出。 if (!probability){ return false; ❏ } 0%も確認対象。取得できない 値は除外して別途集計 // 音の鳴る確率は0~1。0％は含み、100%は除外 return probability >= 0 && probability < 1; } © teamLab Inc. 22
17. TSで自動化してみる /** 鳴る確率のチェック結果を、3種類の型で表す */ 🏯 判定結果を型で安全に扱う type ProbabilityCheck = | { kind: "pass" } // 100% | { kind: "warning"; probability: number } // 100%未満 | { kind: "unchecked" }; // 未取得 ❏ ❏ /** 100%未満の結果を、表示用の文字列に変換する */ function describe(result: ProbabilityCheck) { if (result.kind === "warning" ) { 対象外・確認対象・ 未検査をUnionで表現 kindから、結果に応じた データを参照する return `発音確率：${result.probability * 100}%`; } } © teamLab Inc. 23
18. まとめ © teamLab Inc. 25
19. まとめ ❏ 専用のツールをイチから勉強しなくても、TSでサクッと自動化できるように ❏ 型安全な補完と npm エコシステムは、DAWの世界でも良き相棒 👉 音楽に興味のあるTS愛好家の皆さん、これを機に「TypeScript × Ableton」の 世界で遊んでみませんか？ © teamLab Inc. 26
20. ご清聴ありがとうございました！ TSKaigi Sendai さよなら独自環境。 TypeScriptでAbleton（DAW）を自動化する楽しさ © teamLab Inc. 森 祐一 チームラボ パッケージチーム 所属
21. We’re Hiring! 一緒にものづくりできるメンバー募集してます！ © teamLab Inc