Your SlideShare is downloading. ×
テスト
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

テスト

577
views

Published on

これはテストの文書です

これはテストの文書です

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
577
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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を構築 – プログラマならこれもやれそう• jQueryMobile – 既存のWEBに簡単なマークアップをつけるだ けでスマートフォン用のわかりやすい動作を つけることが出来る。 – デザイナーならこっちが手軽か
  • 8. 付録• 新しいマークアップの解説 – http://www.slideshare.net/futomihatano/html5- 9066829