テスト

761 views

Published on

これはテストの文書です

Published in: Technology
  • Be the first to comment

  • Be the first to like this

テスト

  1. 1. HTML5についての大まかな理 解 20110831 佐藤正志
  2. 2. 外部環境の変化から見た世界地図 ブラウザごとの互換 HTML5への 性に悩まされた時代 統一が進行中 Webkitが支配的 (HTML5で大体動 く)
  3. 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. 4. html5はどこまで? http://www.publickey1.jp/blog/10/html5_9.html
  5. 5. ざっくりした世界地図マークアップ・デザイン 寄り 新しい要素 クロスドメイン WebSocket input Video Audio SVG WebWorkers Canvas CSS3 DB MediaQuery Drag-drop File GeoLocation プログラミング寄り
  6. 6. どんな人のパスを考える?• HTML&CSSのみのマークアップデザイナー – CSS3(角丸・アニメーション) – 新しい要素(section、article…)• Ajaxでの動きも作成できるUIデザイナー – 基本的にはJSの標準APIが増えたと考えれば良い• システム全体を考えるアーキテクト – システムの設計に影響する部分が大事と思われる • Websocket • DB • File
  7. 7. ライブラリ• SenchaTouch – Ext.JS由来のモバイル用ライブラリ – JavaScript中心でUIを構築 – プログラマならこれもやれそう• jQueryMobile – 既存のWEBに簡単なマークアップをつけるだ けでスマートフォン用のわかりやすい動作を つけることが出来る。 – デザイナーならこっちが手軽か
  8. 8. 付録• 新しいマークアップの解説 – http://www.slideshare.net/futomihatano/html5- 9066829

×