9ページから：ポケットミク Web アプリ情報！

1. Web ブラウザから MIDI 機器を制御することで
生まれる利点と可能性
- Roppongi ArtTech Night #1-
Web Music Developers JP
かわい りょうや
W3C非公認
Web MIDI APIのゆるキャラ
みでゃっぴー (MIDIappy)

2. かわい りょうや
＞ 所属 ＜
- ヤマハ株式会社
- AMEI Web MIDI WG
＞ コミュニティ ＜
- Web Music Developers JP
google.com/+RyoyaKawai

3. MIDIの概要
● Musical Instrument Digital Interface
○ 主に電子楽器同士を接続する為の規格
（送受信回路・ I/F、通信プロトコル、ファイルフォーマット等）
■ 31年の歴史！！
●
ほぼすべての電子楽器が喋れる
■ 端子
●
IN、OUT、THRU
（16 Chを制御）
○ 音楽以外の用途
■ MIDI Show Control(MSC)
●
MIDIでステージの照明等を
コントロールする規格
●
96台の機材を制御可能
（照明、ビデオ、スモーク、爆発等）

4. MIDIを感じるデモと映像
● シーケンサ
○ Websequencer (By g200kg)
● 音楽以外をコントロール
○ 名前はまだない(多分今後もない(・ω<))
○ Web Misuc ハッカソンでの作品
光の魔術師集団X

5. Web MIDI Tool Box
MIDIを感じよう！
● MIDIメッセージの構成
○ 単・複数の8bit (1Byte) で構成
○ Status Byte(80h-FFh)、Data Byte(00h-7fh)
例1）Channel=2 で A4(NoteNo=69/45h) を 101/65h の Velocity の音を鳴らす。
※ Channelに関して、MIDIメッセージ上は 0-F（15）、表記上は1-16の16Channel。
9 1
NoteOn
Channel
45
65
A4 (NoteNo=69/45h)
Velocity (101)
※ Channel=2 の A4(NoteNo=69) の音を止める (noteOff (8nh)) ▶ 81h 45h 00h
例2）Channel=2 の音色を Applause(programNo=126[MIDIメッセージ上]) に変更
※ programNoに関してMIDIメッセージ上は 7E(126)：Applause、表記上は127：Applause。
C1
Program
Change
Channel
7E
Applause
(ProgramNo=126/7Eh)
(9nh)
(8nh)
(Cnh)

6. ブラウザで制御可能！
● Web MIDI API
○ ブラウザと外部MIDIデバイスを連携する為のAPI
■ W3Cで策定が進められている
●
http://webaudio.github.io/web-midi-api/
W3C非公認
Web MIDI APIのゆるキャラ
フラグの変更を忘れずに！！
みでゃっぴー (MIDIappy)
● 実装状況
○ Chrome 33 でほぼ対応済み！！
Thank you very much for Chrome team!!!

7. Web MIDI APIでもっとデモ
● eVY1 Shield
○ 歌って奏でる次世代音源「NSX-1」を搭載
○ ヤマハではWebアプリを公開しています！
■ Yamaha Web Music （Github）
○ もっと歌わせたい！！
■ eVY1で歌ってみる？

8. 想定問答集
Q1. eVY1 Shield って初音ミクさんの声ですか？
A1. いいえ、eVY1って名前の声です。
Q2. 初音ミクさんのって出ないの？
A2. 可能性が見えるはずなので紹介させてください...＞＜

9. 初音ミクさん ｸﾙ━(ﾟ∀ﾟ)━!!
● 歌うキーボード ポケット・ミク
from 大人の科学 by Gakken
○ 4月3日発売！
■ amazonで予約やってます。http://goo.gl/98mGMQ
■

10. ポケット・ミクで何ができるの？
● ポケミク本体で
○ ドレミモードで歌います
○ 「あ〜お」の母音を歌います
○ プリセット歌詞を歌います
■ ちょうちょ、さくらさくら、ほたるのひかり等
● microUSB端子で
○ 電源供給
○ USB-MIDI機器として使えます
■ ということで、、、
○ Webアプリ出ます。
■ ポケミクアプリ00（仮：Config）
■ ポケミクアプリ01（仮：Preset）
■ ポケミクアプリ02（仮：Realtime）
Illustrated by iXima

11. ※ デザインを含め大幅に変更する可能性があります。
Webアプリ スクリーンショット
ポケミクアプリ01（仮：Preset）
● プリセット歌詞の変更が可能
○ FlashROMに記憶
○ 64文字/スロット
ポケミクアプリ02（仮：Realtime）
● リアルタイム歌詞入力が可能
○ マウスオーバーで歌詞送信
※ ポケミクアプリ 03(仮：Config) は鋭意実装中です。

12. ポケット・ミクのここがスゴイ！
● MIDIメッセージでこれだけコントロール可
○ To ポケミク
■ 歌詞を流し込む
■ 歌詞のどの言葉を歌うのかRequest
■ 歌う [noteOn/noteOff]
■ EFFECT、EQを操作する
■ ボタンの機能をカスタマイズ
■ 詳細機能のカスタマイズ
●
●
起動音を変える
1度に歌う文字数を変更
○ From ポケミク
■ 歌詞をダンプ
■ ボタンの操作状態を送信
■ 詳細情報をダンプ

13. Recap：MIDIの利点、可能性
● 利点
○
○
○
○
○
ほとんどの電子楽器と接続可能
表現力豊か（127段階）
シビアに時間を管理できるフォーマットがある
シーケンスをファイルでやりとりできる
音楽だけのプロトコルではない
● 可能性
○ アイデア次第で適応範囲は無限大
○ こんなWebDeveloperいてもいかも！
SjQ++
URL:http://goo.gl/rAjirX