ブラウザ互換の重要性 - あらゆるユーザーに価値を届けるために必要なこと

フロントエンドカンファレンス北海道2024発表資料（Web 版）

本発表では、フロントエンド開発におけるブラウザ互換を意識することの重要性に焦点を当てます。

過去の歴史的なブラウザ戦争から現代に至るまでを振り返りつつ、開発者やユーザーが直面するブラウザの課題と互換性の重要性を語ります。

・IEサポートという歴史を振り返りつつどのようにして現在の主要なブラウザたちが残ったのかを詳しく見ていきます
・Web標準に準拠した互換性がなぜ重要であるか、それが損なわれたWebはどのように影響を与えるかを掘り下げていきます
・ブラウザ互換性を維持するための各種取り組みを紹介し、エコシステム全体の健全性に貢献する方法を模索していきます

ブラウザ互換を意識したフロントエンド開発は、単なる開発者だけの問題を超えるWebの未来を守るための責務です。

このセッションで、ブラウザ互換の理解を深め、日々の開発において適切な意思決定ができるようになることを目指します。

Transcript

1. ϒϥ΢βޓ׵ͷॏཁੑ ͋ΒΏΔϢʔβʔʹՁ஋Λ ಧ͚ΔͨΊʹඞཁͳ͜ͱ ϑϩϯτΤϯυΧϯϑΝϨϯε๺ւಓ2024 | 2024-08-24
2. ϑϩϯτΤϯυʹؔΘΔਓ͸ Ͳ͏͍͏͜ͱʹܞΘΔͷ͔
3. Frontend Developer Roadmap: What is Frontend Development?
4. ͢΂ͯΛͰ͖Δ͜ͱ͕ ॏཁͱ͍͏͜ͱͰ͸ͳ͍
5. ϒϥ΢βʹද૚͢Δ΋ͷ ରͯ͠੹೚Λ΋ͭ
6. ϒϥ΢βޓ׵
7. ΞδΣϯμ 1. ϒϥ΢βͷྺ࢙ͱࠓͷঢ়گ 2. ϒϥ΢βޓ׵ͷॏཁੑ 3. ։ൃऀͷϒϥ΢βޓ׵΁ͷߩݙ
8. ϒϥ΢βͷྺ࢙ͱࠓͷঢ়گ
9. ϒϥ΢βͷ࢝·Γͱීٴ • WorldWideWeb ◦ ࠷ॳͷϒϥ΢β ◦ ςΟϜɾόʔφʔζʹϦʔ։ൃ • NCSA Mosaic ◦ Ұൠࣾձ΁ͷීٴʹߩݙ ◦ ֤OSʹରԠͰ͖͍ͯΔ • NetScape Navigator • Internet Explorer • Opera
10. ୈҰ࣍ϒϥ΢βઓ૪ • NetScape Navigator • Internet Explorer
11. ୈೋ࣍ϒϥ΢βઓ૪ • Mozilla Firefox • Safari • Google Chrome
12. ʮIEରԠʯͱ͍͏ωΨϫʔυ
14. ϒϥ΢βޓ׵ͷॏཁੑ
15. ͜Ε·ͰͷϨϯμϦϯάΤϯδϯ • Trident • EdgeHTML • Presto • Gecko ◦ Servo • KHTML ◦ Webkit ▪ Blink
16. ݱࡏͷϨϯμϦϯάΤϯδϯ • Trident • EdgeHTML • Presto • Gecko ◦ Servo • KHTML ◦ WebKit ▪ Blink
18. Ծʹϒϥ΢βΤϯδϯ͕ ͚̍ͭͩʹͳͬͨΒ Ͳ͏ͳΔ…ʁ
20. iOSϒϥ΢βͷ໰୊
23. (ྩ࿨6೥4݄26೔)ʮεϚʔτϑΥϯʹ͓͍ͯར༻͞ΕΔಛఆιϑτ΢ΣΞʹ܎Δڝ૪ͷଅਐʹؔ͢Δ๏཯Ҋʯͷֳܾٞఆ౳ʹ͍ͭͯ | ެਖ਼औҾҕһձ
24. Ϣʔβʔ͕ ϒϥ΢βΛબ୒Ͱ͖Δ͜ͱΛ ߟྀ͢Δඞཁ͕͋Δ
25. ։ൃऀͷϒϥ΢βޓ׵΁ͷ࣮ફ
26. ̍ɽ ϒϥ΢β΍Web࢓༷ͷ ݱঢ়Λ஌Δ
27. ̍ɽ֤छൃ৴ݯ͔Β஌Δ • ϒϥ΢βϕϯμ ◦ Chrome for Developers, web.dev ◦ Blog | WebKit ◦ Mozilla Firefox Release Notes • Intents (X, Mastodon, BlueSky) • mozaic.fm (Monthly Platform) • גࣜձࣾϛπΤʔϦϯΫε • αΠϘ΢ζϑϩϯτΤϯυ • CodeGrid
28. ̎ɽ ޓ׵ੑ޲্ͷ औΓ૊ΈΛ஌Δ
31. ̏ɽόάΛใࠂ͢Δ • https://issues.chromium.org/issues/new • https://bugs.webkit.org/ • https://bugzilla.mozilla.org/ • https://webcompat.com/
32. ̐ɽαʔϕΠʹࢀՃɾճ౴͢Δ • State of JS • State of CSS • State of HTML
33. ̑ɽBaselineΛ஌Δ
36. ͜Ε͔Βͷϒϥ΢β
37. ϓϥΠόγʔͱWeb
38. ϒϥ΢βʹ ੜ੒AIΛ౥ࡌ͠ ػೳΛ֦ு͢Δ
39. ྩ࿨͔Βͷ ৽ͨͳϒϥ΢β࡞Γ
42. Ϣʔβͷબ୒ࢶΛ ્֐͢ΔΑ͏ͳ͜ͱΛ ͠ͳ͍Α͏ʹ͢Δ
43. ϒϥ΢βޓ׵Λҙࣝͨ͠ ϑϩϯτΤϯυ։ൃΛʂ
44. ϑϩϯτΤϯυΧϯϑΝϨϯε๺ւಓ2024 | 2024-08-24 Thanks for Listening!