Submit Search
Upload
Web Speech API でおっさんの声を美少女化してみた
•
6 likes
•
2,440 views
minoru nakanou
Follow
【HTML5飯】第2回 Webフロントエンジニア交流会 @横浜 #HTML5飯
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 29
Download now
Download to read offline
Recommended
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
minoru nakanou
第1回 HTML5minutes!! https://atnd.org/events/52545 登壇資料
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
minoru nakanou
HTML5飯 http://atnd.org/events/52477 発表資料 ぱんちら.js -JavaScriptでテクスチャマッピング-
Bootstrap
Bootstrap
Masaki Kusuhata
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
120225 bootstrap
120225 bootstrap
TechGardenSchool
下村先生のクラス資料です! Twitter Bootstrap, Webデザイン, UI, UX
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
JavaScriptを使ったタイピングゲームのスライドです qiitaに詳しいコードも一部載せてるのでよかったらどうぞ →https://qiita.com/papyrustaro/items/7f3133569ec363670cd6
Recommended
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
minoru nakanou
第1回 HTML5minutes!! https://atnd.org/events/52545 登壇資料
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
minoru nakanou
HTML5飯 http://atnd.org/events/52477 発表資料 ぱんちら.js -JavaScriptでテクスチャマッピング-
Bootstrap
Bootstrap
Masaki Kusuhata
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
120225 bootstrap
120225 bootstrap
TechGardenSchool
下村先生のクラス資料です! Twitter Bootstrap, Webデザイン, UI, UX
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
JavaScriptを使ったタイピングゲームのスライドです qiitaに詳しいコードも一部載せてるのでよかったらどうぞ →https://qiita.com/papyrustaro/items/7f3133569ec363670cd6
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
CSSフレームワークを代表するひとつ、Bootstrapを使ってみましょう。 2015/07/29 松戸WordPress部 第19回勉強会で発表した内容です。
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Let's make quickly mock up by bootstrap.
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/915/room ーーーーーーーーーーーーーーーーーーーーーーー
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
windowsにgulpを導入するまでの流れを説明したものです。未完成に見えて完成です。タイトル詐欺。
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
第36回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/24504/ ・エンジニアがディレクタを兼務すればプロジェクトはスムーズになるのか? ・それぞれの立場の人が、お互いのプロセスに理解を示せば、世界は優しくなれる というお話 武井絵利菜@skyguild http://skyguild.jp
高速化はじめの一歩
高速化はじめの一歩
Yuki Nakane
第3回 Creators MeetUpで使用したスライドです。
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
Hidetaka Okamoto
ITベンチャー3社の開発ツール チラ見せ♡ナイト LT
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
Vue.js Night Nagoya #2の発表資料
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
第25回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/11870/ 「オープンソース」の思想で「クリエイティブ」を楽しもう! というお話です。 武井絵利菜@skyguild
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
schoo WEB-campus http://schoo.jp/class/251
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
140119 hackathon
140119 hackathon
Marie Suenaga
Androiderとi os屋さんがfirefoxosアプリを作ったら
Androiderとi os屋さんがfirefoxosアプリを作ったら
Kazuhiro Furue
2013/06/15 関西Firefox OS勉強会 1st にて発表した資料 http://atnd.org/events/39457
再放送キャンペーン 1229
再放送キャンペーン 1229
webcampusschoo
schoo WEB-campus
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
Kawaji Masaki
WordPressのサイト内検索はとっても簡単に設置できます! サイト内検索の設置方法から、検索条件の設定方法などをまとめたものを発表しました。 2015/09/30 松戸WordPress部 第20回勉強会で発表した内容です。
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
2020/07/03の勉強会で発表されたものです。
CSSのカバレッジツール
CSSのカバレッジツール
sinsoku listy
第13回【フリースタイル】PORTもくもく会【学生歓迎!】 http://freestyle-mokumoku.connpass.com/event/25617/
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
More Related Content
What's hot
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
CSSフレームワークを代表するひとつ、Bootstrapを使ってみましょう。 2015/07/29 松戸WordPress部 第19回勉強会で発表した内容です。
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Let's make quickly mock up by bootstrap.
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/915/room ーーーーーーーーーーーーーーーーーーーーーーー
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
windowsにgulpを導入するまでの流れを説明したものです。未完成に見えて完成です。タイトル詐欺。
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
第36回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/24504/ ・エンジニアがディレクタを兼務すればプロジェクトはスムーズになるのか? ・それぞれの立場の人が、お互いのプロセスに理解を示せば、世界は優しくなれる というお話 武井絵利菜@skyguild http://skyguild.jp
高速化はじめの一歩
高速化はじめの一歩
Yuki Nakane
第3回 Creators MeetUpで使用したスライドです。
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
Hidetaka Okamoto
ITベンチャー3社の開発ツール チラ見せ♡ナイト LT
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
Vue.js Night Nagoya #2の発表資料
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
第25回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/11870/ 「オープンソース」の思想で「クリエイティブ」を楽しもう! というお話です。 武井絵利菜@skyguild
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
schoo WEB-campus http://schoo.jp/class/251
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
140119 hackathon
140119 hackathon
Marie Suenaga
Androiderとi os屋さんがfirefoxosアプリを作ったら
Androiderとi os屋さんがfirefoxosアプリを作ったら
Kazuhiro Furue
2013/06/15 関西Firefox OS勉強会 1st にて発表した資料 http://atnd.org/events/39457
再放送キャンペーン 1229
再放送キャンペーン 1229
webcampusschoo
schoo WEB-campus
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
Kawaji Masaki
WordPressのサイト内検索はとっても簡単に設置できます! サイト内検索の設置方法から、検索条件の設定方法などをまとめたものを発表しました。 2015/09/30 松戸WordPress部 第20回勉強会で発表した内容です。
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
2020/07/03の勉強会で発表されたものです。
CSSのカバレッジツール
CSSのカバレッジツール
sinsoku listy
第13回【フリースタイル】PORTもくもく会【学生歓迎!】 http://freestyle-mokumoku.connpass.com/event/25617/
What's hot
(20)
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
Bootstrap
Bootstrap
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
高速化はじめの一歩
高速化はじめの一歩
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
Laravel vue-project-upload
Laravel vue-project-upload
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
140119 hackathon
140119 hackathon
Androiderとi os屋さんがfirefoxosアプリを作ったら
Androiderとi os屋さんがfirefoxosアプリを作ったら
再放送キャンペーン 1229
再放送キャンペーン 1229
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
CSSのカバレッジツール
CSSのカバレッジツール
Similar to Web Speech API でおっさんの声を美少女化してみた
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか
Masakazu Muraoka
Htmlのコトバ
Htmlのコトバ
Masakazu Muraoka
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Web屋という仕事のこれから 〜Web動向からWeb屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら? という内容です。
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
2013年6月8日に大阪で開催された「第7回HTML5など勉強会」で使ったプレゼン資料です。
Espruinoの紹介
Espruinoの紹介
Masakazu Muraoka
Swaggerのさわりだけ
Swaggerのさわりだけ
Masakazu Muraoka
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
Masakazu Muraoka
HTML5 and Graphics
HTML5 and Graphics
Masakazu Muraoka
Html5で変わるいろんなこと
Html5で変わるいろんなこと
Masakazu Muraoka
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
AMD basic and practice
AMD basic and practice
Masakazu Muraoka
スクレイピングその後
スクレイピングその後
Tomoki Hasegawa
スクレイピングに関する発表 http://www.slideshare.net/hasegawatomoki/ss-37424274 の続編です。
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
Masakazu Muraoka
react-jsonschema-formについて
react-jsonschema-formについて
Masakazu Muraoka
react-jsonschema-formについて
Angular2
Angular2
Kenichi Kanai
2015/5/18 Webプラットフォーム部 - 第6回勉強会 フレームワークの世界まる見え!JS特捜部 ~ React,Angular,WinJSだらけの2時間SP!~
WebアプリをElectronに乗せる
WebアプリをElectronに乗せる
Hiroyuki Anai
https://atnd.org/events/66189
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
Mitsuru Ogawa
2013/9/9 業務システムエンジニアのためのHTML5勉強会#04 Web✕Java - HTML5で進化したWeb標準を、Java技術でどう扱うのか? - オープニングトーク資料です。
Similar to Web Speech API でおっさんの声を美少女化してみた
(20)
Html5 and Graphics
Html5 and Graphics
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか
Htmlのコトバ
Htmlのコトバ
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Espruinoの紹介
Espruinoの紹介
Swaggerのさわりだけ
Swaggerのさわりだけ
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
HTML5 and Graphics
HTML5 and Graphics
Html5で変わるいろんなこと
Html5で変わるいろんなこと
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
AMD basic and practice
AMD basic and practice
スクレイピングその後
スクレイピングその後
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
react-jsonschema-formについて
react-jsonschema-formについて
Angular2
Angular2
WebアプリをElectronに乗せる
WebアプリをElectronに乗せる
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
More from minoru nakanou
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
minoru nakanou
javascript openframeworks emscripten
MAX-JSオジサン#5
MAX-JSオジサン#5
minoru nakanou
MAXでJSがかける
IoTでいうところのIよりの知識でTする
IoTでいうところのIよりの知識でTする
minoru nakanou
IoTでいうところのIよりの知識でTする 〜IoTデバイスをサイネージ案件に活用する〜
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
minoru nakanou
【登壇資料】「プロに求められる最新Webスキルとは?」~第3回 HTML5 企業Webシステム開発セミナー http://hifive.connpass.com/event/11445/
Unity パーティクルシステム超入門
Unity パーティクルシステム超入門
minoru nakanou
https://atnd.org/events/51622 第23回Unity勉強会 #TechBuzz
Grunt task Unite-Coffee
Grunt task Unite-Coffee
minoru nakanou
More from minoru nakanou
(6)
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
MAX-JSオジサン#5
MAX-JSオジサン#5
IoTでいうところのIよりの知識でTする
IoTでいうところのIよりの知識でTする
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
Unity パーティクルシステム超入門
Unity パーティクルシステム超入門
Grunt task Unite-Coffee
Grunt task Unite-Coffee
Web Speech API でおっさんの声を美少女化してみた
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飯
6.
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!
Download now