テスト
- 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
• どうしても新しい機能を使わなければならないわけではない。
– 妥協も大事。
• スマートフォン・タブレットでの開発ではブラウザが固定に
なる場合が多いので対応しやすい。
- 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を構築
– プログラマならこれもやれそう
• jQueryMobile
– 既存のWEBに簡単なマークアップをつけるだ
けでスマートフォン用のわかりやすい動作を
つけることが出来る。
– デザイナーならこっちが手軽か