1. 株式会社ニューフォリア 最高技術責任者
有限会社 f utomi 代表取締役
羽田野 太巳（はたの ふとみ）
@futomi futomi.hatano
http://www.html5.jp/

3. <ruby>
羽田野<rp>（</rp><rt>はたの</rt><rp>）</rp>
太巳<rp>（</rp><rt>ふとみ</rt><rp>）</rp>
</ruby>
マークアップ解説本 API解説本 APIチュートリアル本

4. ウェブとは

8. ≠ウェブ

9. あらゆる対象に
同じUXを提供する

10. あらゆる対象に
同じUXを提供する
確実に情報を伝える

12. 開発アプローチ
写真： http://www.flickr.com/photos/15216811@N06/5254696771/

13. 図： http://www.flickr.com/photos/horiavarlan/4273913228/

15. 写真： http://clubt.jp/product/106622_4679549.html

21. 高
Regressive Enhancement
Ｕ
Ｘ
の
レ
ベ
ル
低
低 UAの機能実装度 高

22. Regressive Enhancement

24. http://html5please.com/

25. <meter value="20"
min="0" low="30" high="70" max="100" optimum="100"></meter>
<script src="jquery.min.js"></script>
<script src="jquery.html5jpMeterPolyfill.js"></script>
<script>
$(document).ready(function() {
$('meter').html5jpMeterPolyfill();
});
</script>
http://www.html5.jp/library/meter.html

27. http://raphaeljs.com/

28. Graceful Degradation
図： http://www.flickr.com/photos/melkorcete/180238980/

33. 新しいUA 古いUA
JS/ON
JS/OFF

35. Progressive Enhancement
図： http://www.flickr.com/photos/melkorcete/180238980/

36. 図： http://www.31ice.co.jp/contents/product/sundae/su046.html/

39. 新しいUA 古いUA
JS/ON
JS/OFF

42. HTMLのみで必要最小限を
CSSでビジュアルを追加
JSで操作性を追加

44. Multi-device/Multi-screen

45. Desktop
13%
Notebooks
23% Smart phones
54%
Pads
Netbooks 7%
3%
http://www.canalys.com/newsroom/smart-phones-overtake-client-pcs-2011

50. Microsoft Surface
http://www.microsoft.com/surface/en/us/default.aspx

51. too Big...
SHARP BIG PAD
http://www.sharp.co.jp/bigpad/
写真： http://itpro.nikkeibp.co.jp/article/NEWS/20120424/393163/ /

52. extremely big... (digital Signage)
ビデオ： http://youtu.be/Io5ylFD9saA

53. まとめ

54. Internet Explorer 9
”We love HTML5 so match.”
ビデオ： http://channel9.msdn.com/Events/MIX/MIX10/KEY02

55. Internet Explorer 10
”Native HTML5 support”
ビデオ： http://channel9.msdn.com/Events/MIX/MIX11/KEY01
写真： http://blogs.msdn.com/b/iefrance/archive/2011/04/12/internet-explorer-10-platform-preview-1-pr-233-sent-233-224-mix-2011.aspx

57. 株式会社ニューフォリア 最高技術責任者
有限会社 f utomi 代表取締役
羽田野 太巳（はたの ふとみ）
@futomi futomi.hatano
http://www.html5.jp/