furudateメモ

HTML5のメモ

---

HTML5についてさまざまな観点からまとめる。

HTML5の概要

従来のHTML4.01でのマークアップ拡張(及び廃止)だけでなく、各種JavaScriptAPI、CSS3などの周辺要素も広義HTML5では含ん でいる。

@ITに書いてあった下記の内容が妥当だと思う。

「オープンな標準をベースとした、Webのプラットフォーム化」という動きのすべてが、最近「HTML5」と呼ばれている

ロードマップ

W3Cがドラフト公開(2008年1月)。正式版は2014年目標 。

対応状況

IE以外は対応が徐々に進んでいる。 ソースが少々古いがリンク(PC、mobile)。
ブラウザのテストとかできる。

HTML5の機能

新要素はこんな感じ。

フォームの強化

• 新要素によるアクセシビリティの向上
  • カレンダータイプの日付入力
  • 入力ヒントのポップアップ など
• バリデーションが使える!
• 型の指定

グラフィック(Canvas)

• 自由な描画。ゲーム、あるいはFlashの代わり？
• 業務向けでは使い道すくなそうではあるが頑張れば何でもできそう

マルチメディア(Audio、Video)

• 非常に簡単にマルチメディアが扱えるようになった。
• その分他で差別化をはかる必要有り
• 個人で遊ぶ分には楽しい

ドラッグ＆ドロップ

• すでにGmailで使えるようになっている。
• クライアントアプリはもう不要？

位置情報(Geolocation)

• 位置情報の取得はGPSからだけではない。つまりmobileだけではない
• IPアドレス、Wifiからなども取得される
• でもやっぱりmobileで使うのが楽しそう。みんな狙っているはず

双方向通信(Web Sockets)

• サーバーとクライアントの双方向通信
• 既存のAjaxに対して
  • サーバ側からも通信を実施可能(Ajaxはクライアントからのリクエストのみ)
  • クロスドメイン可
  • 効率の高い通信(専用プロトコルを使用)
• ただしプロトコルに脆弱性が見つかるなど、まだ安定していない？
• でも是非試してみたい。よさげなサンプル捜索中

ローカルファイルアクセス(File API)

• なんとローカルにあるファイルの操作が可能
• ただサーバーにアップロードされないファイルをどうするのか…
• 本当にGoogle OSで必要十分になるのか

永続化(Web Storage)

• key/value型で永続化
• オリジン(プロトコル+ドメイン+ポート番号)ごとにデータを保存
• cookieの代用か

データベース(Indexed Database、Web SQL Database)

• Indexed Database はNoSQLベースのデータベース
• Web SQL Database は所謂リレーショナル・データベース
• いずれも仕様策定作業は停滞しているらしい
• ベンダー依存の実装となる恐れも。現状のAPIはベンダーのプレフィックスをつけて使用するらしい
• 今は静観

JavaScript並列処理(Web Workers)

• JSが並列で処理可能に
• とにかくクライアントでどんどん重い処理ができるようになっている
• 複数コアを使うこともできるのか？→調査

CSS3

• 広義ではCSS3もHTML5といってよい
• 調査はこれから

所感

• PC、mobile共にネイティブアプリはなくなりはしないだろうが軽めのものはすべてHTML5になりそう
• クライントで相当なことまでできる仕様になっているが現状ではまだ開発環境が貧弱すぎ
• 業務のWEBアプリはHTML5になるのか？とりあえずIE6はもう限界