AudioタグとBingTranslatorAPIで音声翻訳アプリ
39
HTML 時時時時時時 ５ WebAPI 「 Bing API 」 時時時時時時時 時 時時時時時時時時時時 時 ササササササササササ http://venezia-works.com/english/eng.zip
-
Upload
daisuke-yamazaki -
Category
Engineering
-
view
677 -
download
6
description
BingTranslatorAPIとHTML5APIを解説したセミナー
Transcript of AudioタグとBingTranslatorAPIで音声翻訳アプリ
HTML ５時代に必要な WebAPI
「 Bing API 」
半分ハンズオン
〜 アイデアを形にする力 〜
サンプルダウンロードhttp://venezia-works.com/english/eng.zip
自己紹介
Microsoft MVP 2013, 2014（ BingMapsDevelopment ）
MicrosoftMVP って？マイクロソフトが個人の活動を評価する、特別な賞。MVP (Most Valuable Professional) アワード プログラムは、マイクロソフトの製品やテクノロジーに関する豊富な知識と経験を持ち、オンラインまたはオフラインのコミュニティや、メディアなどを通して、その優れた能力を幅広いユーザーと共有している個人を表彰するものです。
Daisuke Yamazaki ( Tokyo )
自己紹介
・デジタルハリウッド大学院 ： スマートフォン（モバイル）制作演習
・デジタルハリウッド： スマフォ＆レスポンシブ Web デザイン講座、Web アプリ講座、 PHP 講座
・ inop ： WebApplicationDeveloper
・ WebAPI 勉強会： ☆彡 WebApi Research Society （☆彡WARS ）
・ html5j (HTML5 ビギナーズ )
・ヒカ☆ラボ、パソナテック、企業研修…イベント セミナー
※ 自称： HTML5 界の革命派（過激派、保守派など沢山いますよ） クリエイター（制作者、開発者とは違う立場と思ってる）
4
寄稿：
＠ IT 「 HTML5 アプリ作ろうぜ！」※超人気！！
日経ソフトウエア、 ITPro…日経 BP 、 SoftwareDesign…
自己紹介
代表的な著書：レスポンシブ Web デザイン 「超」実践デザイン集中講義
本セミナーの目標
・ WebAPI って、こんなことできるのか！ ・ 面白い！ ・ やってみたい！ ・ もっと勉強しなきゃ！ ・ この機能使ってみたい！
１つでも何かを感じてほしい。 やる気につながる何かを感じて持って帰ってほしい。
自己紹介
山崎さん、この仕事は長いの？
本日の案内役！！マイクです！！
自己紹介
１． 最初は別の業界からスタート？
２． いつからパソコンを？
３． 現在？
皆さん〜ちょっと質問！
１． Web デザイナーの方？
２． Web エンジニアの方？
３． MS 大好きな方？
４．夢ありますか？
５．夢に近ずく行動できてます？ 手を上げてね
夢は「意志・行動」で叶える
・意志（どうなりたいのか！）・短期／長期の目標を自分何に考える
・行動（恥ずかしくても、無駄でもやってみる）・耐える時期も必要
・直向き（努力し続ける）
・アピールも必要（目標によっては）
・意志（どうなりたいのか！）・短期／長期の目標を自分何に考える
・行動（恥ずかしくても、無駄でもやってみる）・耐える時期も必要
・直向き（努力し続ける）
・アピールも必要（目標によっては）
夢は「意志・行動」で叶える
気づいた時に行動！人生に遅いはない！
なぜそう言えるのか？
だって、
私２８歳からパソコン始めて、
やれてますから (^^ゞ
僕を救ったのはWebAPI
WebAPI で作ったアプリがヒッ
ト！
お天気 API 、翻訳 API 、文章構成 API
WebAPI とは• Web APIとは、
WebサイトやWebアプリケーション開発のために、インターネット経
由で利用できるAPIのことです。
• 開発者Webサイトなどの高機能なコンテンツを「より短期間・低コスト」で開
発できるという利点がある。
• 個人や中小企業個人や中小企業では開発できる機能に限界がある。しかし、Web APIを
利用すれば「開発者が自分一人では作れないデータベース
や機能」を利用した開発が可能となる。
BingAPI
YahooAPI
GoogleAPI
皆さん知ってるものばかりですね！
Twitter API
Yahoo! Web サービス
ロケタッチ API
ぐるなび
Amazon Web サービス
はてな Web サービス
Facebook API
WebAPI を利用することで
可能性が広がります！
1 人でもWeb アプリが作れる
アイデア
企画
17
http://www.bing.com/translator
Bing Translator①
18
http://www.bing.com/translator
19
他の翻訳 API との比べて
精度がいい
20
21
http://www.bing.com/translator
Bing Translator API②
22
他の翻訳 API との違い
音声
23
・ AUDIO タグ （ HTML5 ） ・ Transrator API （ Microsoft ） ・ WebSpeech API （ HTML5 ）
翻訳アプリ仕様 （ sample.html ）
24
記事解説http://www.atmarkit.co.jp/ait/articles/1309/11/news001.html
サンプル URLhttp://www.venezia-works.com/english/sample_speech.html※Chrome の最新版で確認してください。
Microsoft Translator Language Codes （言語一覧）http://msdn.microsoft.com/en-us/library/hh456380.aspx
翻訳アプリ （ DEMO ）
25
http://www.bing.com/translator
Bing Translator API③
26
「翻訳アプリ」を考える
◆質問 皆さんの「発想・アイディア」を聞きたい！ DEMO見て、次にどんな機能つけると 公開＆使えるアプリになりますか？
27
◆よくある意見
・ 単語だけでなく文章を翻訳 ・ アラビア語を翻訳 ・ 喋ったものを翻訳 ・ 翻訳の辞書
「翻訳アプリ」を考える
28
◆変更サンプルファイル http://venezia-works.com/english/sample_dic.html
「翻訳アプリ」を考える
翻訳言語リファレンス：http://msdn.microsoft.com/en-us/library/hh456380.aspx
29
驚き！？
面白い！？
感じました！？
なにかできそうな予感・・・
30
「発想、アイデア、行動」
まずやってみる！！
そこから別なアイディアがでてくる！
31
会社はベンチャーでも！！※ 危険な冒険、危険な試み・・・
マインドは
アドベンチャー でいきましょう！
今までの Web の業務は・・・ ・ Web デザイナー
（ IE6,7,8対応、負の遺産対応 … HTML5 時代に不要）
→Web デザインナー スクリプトは・・・
HTML5 CSS3Java
Script jQuary
できませんよ！
今までの Web系と呼ばれてた人は・・・、 ・ Web デザイナー ・ Web スクリプター
→クライアントアプリ？ 私は Web の人ですから
HTML5 CSS3Java
Script jQuary
できませんよ！
34
これからはだめ！！
3535
WebAPI はアプリ作成としても Web アプリでも生かせる時代！
36
フリーランス、小さい会社でもアプリで 勝負することができる時代！！
自分で道を切り拓きましょう！！ create one's own future.
１人でもできる
37
枠にハマらるな！ そんな奴らが生き残る時代！
・ いつ頑張るんですか！？・ いつ自分の時代にするんですか！？
●●でしょ !!
では、 いつ行動するのか！？
常にチャレンジと努力！！
チャンスだと思ったら飛びつけ！！
待ってても何もこない！！
自分を信じろ！！
楽しめ！
いつでも皆さん次第で人生を変えられ
る
Thank You.
https://www.facebook.com/venezia7
信じてがんばれる人に奇跡は起きる
