Web Audio Controlsの紹介です。 https://github.com/WebMusicDevelopersJP/webaudio-controls

1. WebAudio-Controls

2. HTML5な活動
● HTML5Experts.jp #55
● Web Music Developers JP 管理人
Ryoya Kawai
google.com/+RyoyaKawai
@ryoyakawai
得意技
● Web Audio/MIDI API
● Polymer (Web Components)
● Web Bluetooth はじめました
みでゃっぴー by @g200kg
(W3C Unofficial Web MIDI API Mascot)
本日のコードはこちら：
https://goo.gl/MEEcrS

3. 男の子ならワクワクする

4. つまんで、回せる丸いヤツ！！

7. スライドさせるヤツ！！

10. ツマミってカッコイイ！

11. ノブは不可欠！

13. 実装に時間が必要。

14. ノブ部
by @aike1000さん
http://knob.hatenablog.com/

15. 稀に困るんです。

16. ▶ 動作、デザイン
いろいろ崩れる。

17. 崩れる原因：スコープがない

18. Web Components
○ 構成要素技術
■ Custom Elements
■ HTML Imports
■ Template
■ Shadow DOM
HTML, CSS, JavaScriptをセットでスコープ化し、独自のHTML
タグにカプセル化する技術の総称

19. Polymer
Web Componentsの煩雑な部分をいい感じにラップして、更に
強力な機能を提供してくれる。

20. WebAudio-Controls
5分以内にノブ、スライダ、スイッチ、鍵盤を実装が可能な
PolymerのElement

21. またまた、ご冗談を...
ということで Live Codingします。
https://github.com/WebMusicDevelopersJP/webaudio-controls

22. 独自のノブ画像を作りたい場合：
WebKnobMan
http://www.g200kg.com/en/webknobman/

23. ご清聴ありがとうございました！