これはテストの文書です

1. HTML5についての大まかな理
解
20110831 佐藤正志

2. 外部環境の変化から見た世界地図
ブラウザごとの互換 HTML5への
性に悩まされた時代 統一が進行中
Webkitが支配的
（HTML5で大体動
く）

3. 基本的な心構え
• 仕様確定は2014年
– http://www.atmarkit.co.jp/fdotnet/special/ie10earlyreview02/ie10ear
lyreview02_01.html
• 「どのバージョンのブラウザにどの機能が利用可能か」は刻
一刻と変わってしまう。
– どの機能がどのブラウザで使えるのかを今は毎回テストしてか
ら利用する必要がある。
– DBは仕様の変化を続けている
• SQL Database→IndexDB
• ある程度汎用なのはLocalStorage、SessionStorage
– Movieはコーデックがバラバラ
• http://journal.mycom.co.jp/articles/2010/06/02/html5-videos/index.html
• どうしても新しい機能を使わなければならないわけではない。
– 妥協も大事。
• スマートフォン・タブレットでの開発ではブラウザが固定に
なる場合が多いので対応しやすい。

4. html5はどこまで？
http://www.publickey1.jp/blog/10/html5_9.html

5. ざっくりした世界地図
マークアップ・デザイン
寄り
新しい要素 クロスドメイン
WebSocket
input Video
Audio SVG
WebWorkers
Canvas
CSS3
DB
MediaQuery
Drag-drop File
GeoLocation
プログラミング寄り

6. どんな人のパスを考える？
• HTML＆CSSのみのマークアップデザイナー
– CSS3（角丸・アニメーション）
– 新しい要素（section、article…）
• Ajaxでの動きも作成できるUIデザイナー
– 基本的にはJSの標準APIが増えたと考えれば良い
• システム全体を考えるアーキテクト
– システムの設計に影響する部分が大事と思われる
• Websocket
• DB
• File

7. ライブラリ
• SenchaTouch
– Ext.JS由来のモバイル用ライブラリ
– JavaScript中心でUIを構築
– プログラマならこれもやれそう
• ｊQueryMobile
– 既存のWEBに簡単なマークアップをつけるだ
けでスマートフォン用のわかりやすい動作を
つけることが出来る。
– デザイナーならこっちが手軽か

8. 付録
• 新しいマークアップの解説
– http://www.slideshare.net/futomihatano/html5-
9066829