IE9 Beta版のここがいい、ここは直して欲しい～裏HTML5～ Microsoft 2010 MVP Open Day Japan

Size: px

Start display at page:

Download "IE9 Beta版のここがいい、ここは直して欲しい～裏HTML5～ Microsoft 2010 MVP Open Day Japan"

いぶきみやのじょう
5 years ago
Views:

1 HTML5 の衝撃 ~ なぜ HTML5 なのか?HTML5 が目指す世界とは ~ CSS Nite in Shinagawa HTML5+IE9 Web Camp 2011 年 3 月 6 日有限会社 futomi 代表取締役羽田野太巳

2 <ruby> 羽田野 <rp>(</rp><rt> はたの </rt><rp>)</rp> 太巳 <rp>(</rp><rt> ふとみ </rt><rp>)</rp> </ruby>

5 HTML5 = Markup + API

6 HTML5 = Markup + API

7 お題 HTML5 って何? HTML5はもう使えるの? XHTML お前はもう死んでいる? ウェブをSHIFTする

8 HTML5 って何?

9 バズワードとしての HTML5 VS. 仕様としての HTML5

10 セマンティクスオフラインストレージデバイスアクセスネットワークマルチメディアグラフィックスパフォーマンス CSS3 スタイリング

11 世間が注目しているバズワードの HTML5 とは OPEN WEB Technology Platform HTML5 仕様は Open Web の礎 HTML5 = W3C の HTML5 仕様

12 Open Web Technology HTML コンテンツや UI CSS スタイリング各種 API ECMAScript プログラミング言語

13 Open Web Technology HTML5 仕様 HTML コンテンツや UI CSS スタイリング各種 API ECMAScript プログラミング言語

14 OPEN とはロイヤリティフリー互換性持続性信頼性 One Web for All

15 for ALL あらゆる母国語の人のために <ruby> <bdi> CSS3 縦書きハンディキャップを持つ人のために WAI-ARIA あらゆるデバイスのために CSS:Media Queries API: デバイスアクセスの抽象化

16 HTML5 はもう使えるの?

17 Recommendation 勧実装が先テストが先何年も先告こなその頃にはすでに熟れた技術勧告過去の記録指示書

18 勧告になるまで待ちますか? CSS2.1( 最終草案 ) CSS Style Attributes( 勧告候補 ) XMLHttpRequest( 勧告候補 ) DOM Level 3 Events( 最終草案 ) Geolocation API( 勧告候補 ) 2011 年 3 月現在

19 HTML5 仕様の現在公開草案初版 2008 年 1 月最終草案 2011 年 3 月現在 2011 年 5 月勧告候補勧告案勧告 2014 年

20 機能ごとの成熟度のほうが重要 Canvas Video/Audio Web Storage SVG Geolocation

21 XHTML お前はもう死んでいる?

22 なぜ XHTML1.0? ただ単に新しかったから? XML 化によるマシン可読性? 実態は... XHTML1.1/2.0への移行を促すため HTML4との互換性を重視ユーザーに何もメリットをもたらさないマークアップは 10 年以上も進化していない

23 Content-Type: text/html XML 的に書かれた HTML HTML4 と結果的に同じ

24 本当のマークアップの進化セマンティクス <section> <nav> <time> <figure> グラフィックス <canvas> マルチメディア <video> <audio> <track> XML 機能 <svg> <math> <ruby> 入力コントロール <input > <datalist> <progress> <meter> 対話型 UI <details> <menu> <command>

25 ウェブを SHIFT する

26 マルチデバイス

27 開発環境のシフト Samsung Mobile Widget SDK Palm WebOS BlackBerry WebWorks

28 開発環境のシフト HTML + JavaScript + CSS を使ってアプリケーションを開発する環境 HTML5 の API を数多くサポート Hardware 機能へアクセスできる JS API を提供

29 Extensions Google Chrome Extensions Apple Safari Extensions Opera Extensions

30 Widgets Opera Widgets Analog Clock Opera widgets 作 Artist's Sketchbook grafio 作

31 Google Chrome OS

32 プラットフォームのシフト OS からブラウザーへシフトネイティブ言語から JavaScript へシフトデバイスを超えた開発環境の統一化

33 マイクロソフトも負けてはいなかったが... 時代を間違えた...

34 Active Desktop Since 1998

35 Windows Sidebar Gadget Since 2007

36 Windows Desktop Gadget Since 2009

37 OS が提供してきた機能アプリランチャーパッケージングマルチメディア再生 2D/3D グラフィックスインプットメカニズム UI コンポーネントシステムモニタリングスレッドストレージネットワークデバイス連携カメラ GPS

38 Open Web を通して利用アプリランチャーパッケージングマルチメディア再生 2D/3D グラフィックスインプットメカニズム UI コンポーネントシステムモニタリングスレッドストレージネットワークデバイス連携カメラ GPS

一歩先の W3C 仕様 <device> HTML Media Capture Media Capture API http://www.

39 一歩先の W3C 仕様 <device> HTML Media Capture Media Capture API

org/2009/dap/app-launcher/ Widget Packaging and

40 一歩先の W3C 仕様 The Application Launcher API Widget Packaging and Configuration The Widget Interface

41 一歩先の W3C 仕様 The System Information API Clipboard API and events pops.html

42 一歩先の W3C 仕様 File API File API: Writer File API: Directories and System

org/audio_ Data_API Web Audio API http://chromium.

43 一歩先の仕様 OpenGL Audio Data API Data_API Web Audio API m/svn/trunk/samples/audio/ specification/specification.ht ml

44 まとめ

45 Open Web ウェブページからアプリケーションパソコンからマルチデバイスネイティブ技術からウェブ技術 Web 業界の業務範囲の拡大 Web スキルの応用範囲の拡大

46 SAME MARKUP 同じコードでどのブラウザーでもどのデバイスでも同じように動作する Open Web の理想

47 さまざまな業界を巻き込む Open Web 通信芸術出版教育ウェブ業界娯楽広告電器

48 HTML5 時代のスキルディレクターデバイスの最新動向の把握テクノロジーの目利きデザイナーデバイスごとの UX を意識した実用的デザインプログラマー JSによるフロントエンドプログラミングデータ蓄積 / 出力を意識したシステム設計

49 活版印刷が 500 年前に発明されヨーロッパのルネッサンスと産業革命を導いたウェブは活版印刷がヨーロッパにもたらしたのと同じほどの影響を世界に与えただからウェブもこの先 500 年は生き続けるだろう CSS の父ホーコンリー氏

50 ご清聴ありがとうございました有限会社 futomi 代表取締役羽田野太巳

HTML5、きちんと。

HTML5、きちんと。 HTML5, きちんと masataka yakura こんばんは矢倉といいます http://www.mitsue.co.jp/ Web 標準 Blog http://standards.mitsue.co.jp/ HTML や CSS についていろいろ書いています Opera Web 標準カリキュラム http://dev.opera.com/articles/view/801 日本語版に協力してます

IE9 Beta版のここがいい、ここは直して欲しい ～裏HTML5～ Microsoft 2010 MVP Open Day Japan

IE9 Beta版のここがいい、ここは直して欲しい～裏HTML5～ Microsoft 2010 MVP Open Day Japan