Your SlideShare is downloading. ×
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
新しい IE と JavaScriptで動く 最近のWebアプリケーション
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

新しい IE と JavaScriptで動く 最近のWebアプリケーション

7,510

Published on

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,510
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
0
Comments
0
Likes
10
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. 新しいIEとHTML5JavaScriptで動く 最近のWebアプリケーション 小山田 晃浩 | @yomotsu | (株)ピクセルグリッド Saturday, August 3, 13
  • 2. Saturday, August 3, 13
  • 3. 新しいIEで動かない? Saturday, August 3, 13
  • 4. Saturday, August 3, 13
  • 5. Saturday, August 3, 13
  • 6. Saturday, August 3, 13
  • 7. Saturday, August 3, 13
  • 8. •Quirks Modeで実装している •IE独自拡張を使っている •プラグインに頼っている •よくわからないけど動作保証できない Saturday, August 3, 13
  • 9. Quirks Mode Saturday, August 3, 13
  • 10. div{ width: 300px; padding: 100px; border: 3px solid #000; background: #EEEEEE; } Saturday, August 3, 13
  • 11. Standards Mode Saturday, August 3, 13
  • 12. Standards Mode Quirks Mode Saturday, August 3, 13
  • 13. Saturday, August 3, 13
  • 14. DOCTYPE宣言 モード なし <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html> Q Q S S S Saturday, August 3, 13
  • 15. IE独自拡張 Saturday, August 3, 13
  • 16. •ActiveXObject •VBScript •Data Binding •VML and others... Saturday, August 3, 13
  • 17. •ActiveXObject •VBScript •Data Binding •VML and others... •Data属性 •SVG •JavaScript 多くはHTML5でもできます Saturday, August 3, 13
  • 18. 要プラグイン技術 Saturday, August 3, 13
  • 19. 動画ストリーミングなどはまだ依存せざるを得ませんが 多くのことはJavaScriptでも可能です Saturday, August 3, 13
  • 20. Saturday, August 3, 13
  • 21. •Doctypeをしっかり宣言 •IE独自拡張に頼らない •プラグインに頼らない Saturday, August 3, 13
  • 22. Quirks Modeと IE独自拡張の延命 Saturday, August 3, 13
  • 23. IEは古いエンジンも備えています Saturday, August 3, 13
  • 24. Saturday, August 3, 13
  • 25. Saturday, August 3, 13
  • 26. Saturday, August 3, 13
  • 27. ... <head> ... <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <title>...<title> ... </head> ... ... ... Saturday, August 3, 13
  • 28. Saturday, August 3, 13
  • 29. http://blogs.msdn.com/b/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx Saturday, August 3, 13
  • 30. •古いIEをほぼ再現できる •Tridentのバージョンは変わる •JScriptのバージョンは変わらない Saturday, August 3, 13
  • 31. Trident (MSHTML) JScript IE6 IE7 IE8 IE9 IE10 3.0? (6.0) 5.6 3.1? (7.0) 5.7 4.0 (8.0) 5.8 5.0 (9.0) 9 6.0 (10.0) 10 Saturday, August 3, 13
  • 32. demo navigator.userAgent document.compatMode document.documentMode ScriptEngineMajorVersion() の比較 Saturday, August 3, 13
  • 33. これからの Webシステム構築 Saturday, August 3, 13
  • 34. Saturday, August 3, 13
  • 35. Saturday, August 3, 13
  • 36. 最近のIE Saturday, August 3, 13
  • 37. 0 2500 5000 7500 10000 IE7 IE8 IE9 IE10 IE11 SunSpider JavaScript Benchmark Results Saturday, August 3, 13
  • 38. 早くなった Saturday, August 3, 13
  • 39. Saturday, August 3, 13
  • 40. 新技術をサポート (主にIE9以降) Saturday, August 3, 13
  • 41. Saturday, August 3, 13
  • 42. Saturday, August 3, 13
  • 43. Saturday, August 3, 13
  • 44. Saturday, August 3, 13
  • 45. ほぼ標準技術だけで Webアプリケーションを作れる Saturday, August 3, 13
  • 46. Saturday, August 3, 13
  • 47. Saturday, August 3, 13
  • 48. Saturday, August 3, 13
  • 49. Saturday, August 3, 13
  • 50. Saturday, August 3, 13
  • 51. •サーバーからはJSONを吐き出す •ブラウザーはJSONを受け取る •画面はJavaScriptで構築 Saturday, August 3, 13
  • 52. Saturday, August 3, 13
  • 53. Saturday, August 3, 13
  • 54. Saturday, August 3, 13
  • 55. Saturday, August 3, 13
  • 56. Saturday, August 3, 13
  • 57. Saturday, August 3, 13
  • 58. Saturday, August 3, 13
  • 59. 最近のJavaScriptに注目を Saturday, August 3, 13
  • 60. まとめ Saturday, August 3, 13
  • 61. 政府専用メールサービスを作ることになったとしても フロントエンドでは 標準の技術を使おう Saturday, August 3, 13
  • 62. www.codegrid.net Saturday, August 3, 13
  • 63. Thank you @yomotsu Saturday, August 3, 13

×