2021年にIE対応を断るのは間違っているだろうか

Transcript

2. 2022年6月
3. Web業界に歴史的な出来事が
4. サポート終了 ちなみにサポートが終了するのは あくまでデスクトップアプリのIE 完全に滅亡するのは2029年
5. 考えてみれば
6. 私が社会人になって Webをいじりはじめた20世紀末から
7. ずっとこいつと戦ってた気がする
8. ということで改めて IEの歴史をふりかえってみよう
9. IEの主な歴史(黎明期からブラウザ戦争) 1995年 Plus! for Windows 95の収録 ソフトとしてIE1.0が収録 NCSA Mosaic(世界発のGUIブラウザ)を ベースにしており、この当時は<table>タグす ら対応していなかった <table><font>などはNetscapeの独自拡 張だった 1996年 IE3 リリース CSS1に一部対応 Active XとJava Appletに対応 →セキュリティ？何それ 青のeマークはこのバージョンから OS(Windows)との抱き合わせ販売が問題にな り独禁法で訴えられる
10. セキュリティガバガバのActiveXで ブラウザとカードリーダーが連携 →IEでしか動かない電子申請が蔓延
11. IEがしばらくは完全に滅亡しない 理由になっています
12. IEの主な歴史(市場制覇) 1997年 Windows 98の標準ブラウザと してIE4がリリース Netscapeとのシェア争いや訴訟対策でシェ ル(OS)にWebブラウザのコンポーネントを統 合してしまう(MSHTML.DLL) →OS機能の一部だから仕方ないね HTML 4.01 CSS 1.0完全対応 1999年 IE5リリース ActiveXのコンポーネントの1つとして XMLHttpRequestが初めて実装される→ 競合ブラウザも似たような機構を実装しデ ファクトへ。後に再発見されAjaxの概念が 生まれる この時期Netscapeの開発が停滞 MacまでIEの時代になり市場を制覇
13. IEの主な歴史(悪魔爆誕) 2001年 Windows XPの標準ブラウザ としてIE6がリリース 比較的長期にわたって多くのWeb開発 者を苦しめた悪魔が爆誕 圧倒的なシェアと先述のActiveXに起 因するセキュリティホールの多さ その対応でWeb標準へ乗り遅れる この裏で Chrome / Firefox / Safari などのモダ ンブラウザが続々デビュー 新しいWeb標準をもとに作られるリッチ なコンテンツのプレーヤーとして台頭
14. IEの主な歴史(そして終焉へ) 2013年 Windows 8.1の標準ブラウザ としてIE11がリリース IEとしての最終バージョン これもかなりの悪魔となる Microsoft自身も2019年前後からは Edgeへの移行を勧める始末 それでも使い続ける人たち この間 IE以外のブラウザに完全にシェアを食われる (特に Chrome) MicrosoftもMicrosoft 365が2020年8月でIEの サポートを終了、後継ブラウザの Edgeも独自のレ ンダリングエンジンではなく Chromium採用 Googleもサービス毎に段階的にサポートを終了 し、残っていた検索も 2021年10月でIEのサポート 終了
15. 2010年代後半にWeb制作現場で よくあった悲劇
16. ワイ 「ではIE11は対象外でいいっスね」
17. 担当者 「対応工数とIEのシェア考えたら 要らんでしょうｗ」
18. ワイ＆担当者 「納品物チェック　　　」
19. 偉い人 「おい俺のパソコンで見られない」
21. いやいや、とはいえです
23. PCのおよそ 5%
24. そして
26. 全体のおよそ 40%
27. 20:80問題どころじゃない
28. だから問いたい
30. IE亡き後の展望 これだけ楽にリッチになる
31. CSSから見た主な脱IEのメリット • filterプロパティなどCSSのみでテキストや画像の見せ方が豊かになる ◦ 縁取り文字、ドロップシャドウ • clip-pathで様々な形の要素の切り抜きが作れる ◦ <div>要素を☆型にくり抜くなど • CSS Gridが本格的に導入できる ◦ IE特有の地雷源がなくなるのでflexboxもストレスフリーになる • カスタムプロパティ変数が使える ◦ テーマ作りなどに最適 • svgアニメーション
32. JavaScriptから見た主な脱IEのメリット • IE対応のためにしていたポリフィルや回りくどい書き方が要らない ◦ バンドルサイズの減少、無駄な処理の軽減 • ServiceWorkerでより快適な環境が提供できる ◦ ネットワーク経由でのテクスチャの読み込みが1桁秒から数十msに短縮 できた例も • <script module=””>でバンドルが要らない(かも) • Promise/async/awaitや分割代入、ArrowFunctionなど今風のES2015な 書き方が普通にできる ◦ tsconfig.jsonのtargetは(多分)ES2020でもいい
33. そんなユートピアまで あと8ヶ月 だから問いたい