このチュートリアルでは、Songle Syncの使い方を実際に体験しながら知ることができます。Songle Syncはプログラマが多数の機器による演出を容易に開発するためのAPIを提供しますが、チュートリアルの途中までは、プログラミングの知識は不要でSongle Syncによる大規模な音楽連動制御を体験できます。Would you like to see this tutorial in English?

Step 1.

音楽連動制御を体験しよう

誰でも携帯端末パソコン
Step 2.

好きな曲で連動させよう

誰でも携帯端末パソコン
Step 3.

Songle Syncアプリを作ろう

プログラマ携帯端末パソコン
Step 4.

Songle Syncアプリを公開しよう

プログラマ携帯端末パソコンIoT機器

Node.jsベースのサーバを作ろう

プログラマ携帯端末パソコン

IoT機器でSongle Syncを動かそう

プログラマ携帯端末IoT機器

Songle Syncとは

Songle Syncはウェブ上の音楽に合わせて多様な機器を制御できるプラットフォームです。100台以上の多様な携帯端末・パソコン・IoTデバイスの同時制御が可能です。

詳しくはデモ動画やSongle Syncの公式ページをご覧ください。

チュートリアルについて

対応機種

パソコンはChrome, Safari, Firefox, Edgeで動作確認済みです。いずれも最新版をおすすめします。携帯端末はiPhone, iPad, Android端末で動作確認済みです。

更新履歴

Step.1 #mikusync #miku16th 特別演出を追加しました。初音ミク バースデーメッセージ企画で利用されたスタイルです。
2023/9/2
2022/9/2
Step.1 #mikusync2021 特別演出を追加しました。初音ミク バースデーメッセージ企画で利用されたスタイルです。
2021/9/1
Step.1 #mikusync2020 特別演出を追加しました。Digital Stars 2020 presents 初音ミクバースデーメッセージ企画で利用されたスタイルです。
2020/9/3
Songle SyncのAPI改訂に伴いサンプルコードなどを更新しました。
2019/7/18
Songle SyncのWebサイト改装に伴いリンクを更新しました。RawGit閉鎖に伴いraw.githack.comを使うようにしました。
2019/1/9
Node.jsベースのSongle Syncサーバを開発できるチュートリアルを追加しました。チュートリアルからGitHubに直接保存、Herokuに直接デプロイできます。
2017/11/09
Step 1Step 2 で選べる演出スタイルに、マジカルミライ2017企画展DJステージ「keisei × ミクダヨー DJステージ -Songle Syncコラボ-」で利用されたものを追加しました。
2017/09/05
Step 2(好きな曲で連動させよう)のおすすめ楽曲をアップデートしました。誕生日おめでとう!
2017/08/31
Step 3(プログラミング)に、作成中のコードをGitHub Gistへ投稿し、共有用URLを発行できる機能を追加しました。
2017/08/28
トップページにデモ動画を掲載しました。
2017/08/03
祝 一般公開!プレスリリースしました。
2017/08/02