Attractive HTML5

1. Attractive HTML5 HTML5の魅力をこっそりと @shoito HTML5-FIT

2. 自己紹介/shoito

3. 宮城 → 福井 [3.5y]

4. ソフトウェア設計ツールの開発

5. Flex(Flash)アプリ開発 [3y]

6. 技術系コミュニティ

7. HTML5に興味を持った訳

8. ITシステムの変遷高 C/S RIA ユーザビリティ 1990年代初頭∼ 2003年後半∼ メインフレーム Web 1990年代中頃∼ /ダム端末 ∼1980年代頃低コストパフォーマンス高参考文献：RIAシステム構築ガイド Essential 2007 p005

9. HTML5とワタシ

10. Hokuriku.lang - HTML5 2009/10

11. HTML5 Tech Talk in 金沢 2009/10

12. HTML5勉強会＠めがね会館 2010/03/12

13. WCAF Seminar Vol.3 - HTML5 2010/03/20

14. Chrome Extensions with HTML5作ろう会 2010/04/12

15. Google Hackathon for Chrome Extension 2010/04/17, 24

16. 今日の目的 HTML5の魅力を ✤ 皆さんに共有すること ✤ 皆さんから共有してもらうこと

17. まずはご覧ください

18. 9elements.com

19. Sketchpad

20. HTML5 presentation

21. Mozilla Bespin

22. HTML5 QUEST

23. chrome://newtab

24. 私が感じる魅力

25. 標準技術 HTML, CSS, JavaScript

26. 標準技術 HTML, CSS, JavaScript

27. デザイナ 1 ー 3 JavaScript CSS HTML 各種APIの拡張により見栄えを表現データ構造を表現機能を実現 1 ー開発者 3 標準技術 HTML, CSS, JavaScript

28. Browser is a Platform Webアプリケーションの制約からの解放

29. No Plug-in Flash player, Silverlight plug-in, JavaFX runtime

30. Cross-Platform Windows, Mac OS X, Linux, Chrome OS

31. Multi-device PC, Mac, Mobile, .....

32. 余談

33. 叶わなかった願い - Flash iPhone OSへのFlash Playerの搭載

34. iAd iPhone/iPad向け、モバイル広告広告はHTML5で作る

35. 非Andoide Mobile AP-PFの共同開発ブラウザのHTML5対応はどうなる？

37. Server-Side less オフライン、ローカルストレージ、Drag&Drop、File API、WebWorker

38. Web/Desktopの低い垣根 Drag&Drop/File API、ネイティブアプリケーションとしてラッピング

39. <header> <section> <header> <nav> <aside> <article> <footer> <footer> Webがよりセマンティックに header, nav, section, article, footer, aside

40. HTML5 is Simple! doctype, meta, script, link 省略... <!doctype html> <meta charset= utf-8 > <script src= xxx.js ></script> <link rel= stylesheet href= xxx.css ></link>

41. 段階的変化の許容 HTML4/XHTMLからHTML5へ - 前方/後方互換性の維持(革新より発展)

42. N ew ！常に最新のソフトウェアを使える Webアプリケーションの特性

43. 低コストな開発/実行環境デバッグ、プロファイラなどがブラウザに組み込める/まれている

44. 私のイチバン

45. デザイナ 1 ー 3 JavaScript CSS HTML 各種APIの拡張により見栄えを表現データ構造を表現機能を実現 1 ー開発者 3 標準技術 HTML, CSS, JavaScript

46. 皆さんが感じたHTML5の魅力って？時間がなかったら懇親会で話しましょう

48. HTML5対応チェック

49. When can I use...

50. HTML5 Demos and Examples

51. Modernizr

52. 巷のFlash悲観論 FlashってFlash Playerのこと？ Flash CSのこと？

53. HTML5とFlashの共存 ExternalInterfaceを利用した JavaScript ActionScript連携

54. HTML5 / Flash 比較 HTML5 Flash 公平性 ○ (標準技術) (Adobe独占) 互換性 (ブラウザ依存) ○ (Flash Playerのみ) PC普及率 (IE未サポート) ○ (ほぼ100%) モバイル普及率 △ △ 開発者数 ○(HTML, JavaScript) △ (ActionScript) 開発ツール ○ ○

55. HTML5に関してコメント

56. HTML5, いつから使えるの？

57. もう, 使える機能から部分的に

58. iPhone/Android ＆ IE以外のブラウザでは既に結構イケる

59. HTML5はデザイナ/開発者にとって魅力的

60. 次期Web標準技術なので無視できない

61. これまでの Webの制約が変わります

62. 提案

63. 別に作りたいサイトや Webアプリはないという方

64. Chrome Extensionsで便利なツールを作っては？

65. Thanks! shoito sho.ito@air-life.net http://twitter.com/shoito HTML5-FIT

Attractive HTML5

Attractive HTML5

Recommended

More Related Content

What's hot

What's hot(20)

Similar to Attractive HTML5

Similar to Attractive HTML5(20)

More from Sho Ito

More from Sho Ito(19)

Recently uploaded

Recently uploaded(12)

Attractive HTML5