テスト

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

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

基本的な心構え• 仕様確定は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• どうしても新しい機能を使わなければならないわけではない。 – 妥協も大事。• スマートフォン・タブレットでの開発ではブラウザが固定になる場合が多いので対応しやすい。

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

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

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

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

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

http://circlearound.co.jp	42
http://infopeers.net	16

テスト

by Masashi Sato on May 23, 2012

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 58

Statistics

テスト Presentation Transcript