【HTML5飯】第2回 Webフロントエンジニア交流会 @横浜 #HTML5飯

1. 第2回 Webフロントエンジニア交流会
@横浜 #HTML5飯

2. 中農稔
HTMLファイ部・人事部
JSer、ASer、Node、webGL

3. @nenjiru
http://qiita.com/nenjiru
https://twitter.com/nenjiru
http://jsdo.it/nenjiru
http://pixiv.me/nenjiru

4. ＼前回のライトニングトーク！／

5. ぱんちら.js
JavaScriptでテクスチャマッピング
http://www.slideshare.net/minorunakanou/pantirajs-html5
@HTML5飯

7. http://www.slideshare.net/minorunakanou/responsive-oppai
レスポンシブおっぱいでまなぶ
スケーラブルグラフィックス
@HTML5minutes!!

8. 本日のテーマ

9. の前に

10. カヤックでは作ったものを発表する
つくっていいとも
という社内LT大会があります

11. 自主的に集まってアイデアを競い合う
「つくっていいとも」は、だれもが
「形にしたいもの」を自由に披露できる。
カヤックのプレゼン大会
自由な発想、若手競う
日経Bizアカデミー 記事リンク
日経産業新聞

12. 本日のテーマ

13. Web Speech API で
おっさんの声を
美少女化してみた

14. なにをつかって？

15. 大人の科学マガジン 特別編集
歌うキーボード
ポケット・ミク
通称 ポケミク

16. NSX-1（NSX-39）
USB端子が備わったMIDI機器

17. 声はどうやって入力するの？

18. Web Speech API
ブラウザで音声認識／音声合成

19. ディクテーションが利用できる

20. どうやって制御するの？

21. Web MIDI API
ブラウザからMIDI楽器を操作する

22. flags 必要（Chrome 36）
chrome://flags/#enable-web-midi

23. NSX-39PCいい天気ですね
いい天気ですね
↓
いいてんきですね
Web Speech API Web MIDI API
♪いいてんきですね

24. DEMO

25. まとめ
• 音程とかピッチが反映できれば
ボイスチェンジャーになる？
• Web Speech API かなり精度高い
• Web MIDI API 未知数だけど期待

26. http://qiita.com/nenjiru/items/139a498573cab97b00b4
音声認識とKAKASIで
ポケットミクにもっとしゃべってもらう

27. 告知

28. HTML5周辺技術で
話したい方
次回のLTどうですか？
次回は10月ぐらい？

29. Thank you!