Bing Translation APIとWeb Speech APIを使った、HTML5による自作翻訳サイト？を見てきた！

HTML5がHTML5が開く新しい未来（１１月２２日）をきいてきた！
その内容をメモメモ

---

L

HTML5
・2014年10/28　W3C勧告

１．HTML５の概要
　狭義：HTML5　意味づけ、検索エンジンにやさしい、スマホ！
　CSS3　　　　リッチなデザイン、変形、アニメーション、３次元
　Javascript　動き、双方向性、センサー、GPS、描画、ゲーム

　狭義のHTML
　　入力フォーム　プレースホルダー
　　日付　DatePicker
　　レンジ
　　メールの入力チェック（バリデーション）
　　Progress,Meter
　　マルチメディア　速さを変えられる（音声、映像の操作）

　CSS3
　　円形のグラデーション、反射、３D

　HTML5：ネットにアクセスしないで利用できる

---

■デモで理解する　これからのHTML５
　見て、利いて、あついWebの新時代を感じる！
　　レスポンスブWebデザイン

　HTML５．１が２０１６年内に勧告になる

　HTML5元年

　HTMLは情報を流すだけのテクノロジーではなくなった

　WebStorage,FileAPI,GeolocationAPI,WebWorker

・Canvas Demo
　　データ保存：　milkcocoa
　　Javascript１行で、データ保存が可能
　　未踏のひとがつくった

・翻訳アプリ
　　Bing Translation API
　　Web Speech API(Chromeのみ対応）

・画像編集アプリ
　　File APIでイメージを読み込む
　　画像処理、範囲指定して白黒、セピア切り出し
　　カラーピッカー表示：Inputタグ、type=color(Chrome,Operaだけ）

・HTML5プラスαを利用することで、さらに範囲が広がる

---

■HTML5が作り出す新たな世界　LPI　成井 氏

　HTML4.01　文書閲覧
　HTML5　　アプリケーション実行環境

・ワンソース　マルチユース／マルチデバイス
・JavaもHTML5対応　JavaEE7
・SAPもHTML5ベースのSAP　Fiori
　　Java→Javascriptへ
→社内外の両方にHTML5
・楽天もHTML5を仕様
　Situation of HTML5 services
・WPO（Webパフォーマンス　オプティマイゼーション）
　　日本語で検索するとヒットしない
　　英語で検索すると、いっぱいHit（Youtubeで検索すると動画）

・HTML5の可視化の可能性
　Kendo UI
　　Data visualizations powered by HTML5

・体の中を３次元で見る
　FDA：HTML5のブラウザで見ると規定
　本格的CG

・OpenGL→WebGL
　　レイトレーシングのデモ「HTML5　F1」で

検索

・NHK　HTML5対応　ハイブリッドキャスト
　→むしろ民放によい：スポット広告

・可視化技術は限りなく進歩する
　→HTML5は可視化技術の１つ、
　　応用範囲は限りなく広がる
　　今後の仕事の選択肢
　　「HTML5　XXX」（XXXは興味ある言葉をいれて）検索
　　→HTML5プロの仕事の選択肢は非常に広い

・James Cameronとスティーブジョブスの共通点
　→右脳と左脳の融合

　Appleと他の会社の違い
　　採用：IT＋音楽／映像の人を採用

　IT+Creativeな人が極端に少ない→でも市場は巨大
　　CreativeはVolume pricing
　　　Javaプログラマ（１人月５０万～よくても１５０万）
　　　→この絵、何人月ですか？という人はいない
　　年齢にも関係ない
　　Off shoreの対象外

・LinuxよりもHTML5のほうが伸びるかも

・HTML5試験：今　Level1　今後Level2出る

・Webデザイナー白書
　求めている技術
　　　Javascript
　　　マルチデバイス
　　　HTML5
　　　iPhoneアプリ

・「A Whole new Mind」→「ハイコンセプト」

---

■Webアニメーション
Canvas
・タッチゲーム
・センサーを使ったUFOゲーム
・GPSを使った位置アプリ
・Webアプリケーションの基盤
・Google doodles
・プレゼント：クリスマス