表参道Web勉強会で話したネタです https://connpass.com/event/136133/

1. 1
今のWeb開発者に伝えたい
Webブラウザの病みの歴史

2. 2
自己紹介
Name：
岡田 将
Work：
Programmer
Blog：
http://sonic.blue/it/
主にMicrosoft系（ASP.NET／C#／VB.NET）、PHPなど

3. 3
ブラウザの種類知っていますか？

4. 4
ブラウザの種類知っていますか？
・みんな大好き Google Chrome
・ちょっとコダワリ FireFox
・Mac使いなら Safari
・Windows10標準 Edge

5. 5
ブラウザの種類知っていますか？
・おっさんホイホイ Netscape Navigator
・まだ使えるの？ Opera
・マニアックな LunaScape
お気に入りはありましたか？

6. 6
ブラウザの種類知っていますか？
忘れていました！
・まだまだ会社では現役
〇〇のInternetExplorer
今回はこちらの話をします・・・。

7. 7
なぜIEで苦労したのか？
W３Cが標準化されていなかった頃
・JScriptという独自実装だった
・CSSも独自実装だった
なので、IEで動いても他のブラウザで動くとは限ら
ないなど・・・
でも非同期通信のAjax（XMLHttpRequest）は
IE5.0から実装されてた

8. 8
なぜIEで苦労したのか？
・当時は圧倒的なシェアだけど、Macユーザー も
捨てられない（マルチブラウザ対応）
・CSSレイアウトがほぼ実装されてなかったの で、
多段階Tableで頑張った
・フレーム構造にして制御に後悔・・・

9. 9
なぜIEで苦労したのか？
・IEのバージョンアップで表示や挙動が変わる（会
社でOS一斉に入れ替えとか・・・）
・諦めてFlashに走った者たちも・・・

10. 10
IE対処法
・シンプルにする
・１画面で頑張り過ぎない
とはいえ、要件があるのでそううまく作れない

11. 11
IE対処法
・div のボックスレイアウトにして、
ひたすらIE用のCSSにベンダープレフィック スを
記述する
（もちろんCSSフレームワークでもOK）

12. 12
IE対処法
・とにかくJavaScriptの挙動が違うので、
JQueryなどのフレームワークを経由して
オブジェクトを取得、制御するようにする （大
事！）

13. 13
IE対処法
・いっそ最初からMVVMフレームワークを
使ってJavaScriptを個別ページに書かない
（Ajaxでサーバーサイドレンダリング）

14. 14
IE対処法
・諦めてChrome限定にする
（Edgeでも可）

15. 15
IEの将来
IE11が最終バージョンなので、もう気にしなくて安
心？！
Windows10ユーザーはもれなくEdgeに移行され
る？！

16. 16
IEの将来
今後、Windows10のEdgeはChromiumベース
になります
なので、Chromeベースで記述すればOK！？
macOS版のEdgeも登場予定！

17. 17
IEの将来
いやいや、まだまだIEは終わりません！
なんとEdgeに「Internet Explorerモード」が
搭載されます！！
今後、無理にIE11対応する必要はないですが、
過去のWeb遺物資産はそちらに任せましょう

18. 18
まとめ
WebProgrammer♡InternetExproler
やっぱりIEのブラウザ界の貢献計り知れない！