ブラウザ機能格差への3つの対応概念 まとめ
フロントエンド開発は、つまるところWebブラウザに依存する。
Webブラウザの大きな問題点として、ブラウザ間の機能格差があり、これへの対処法として3つの考え方があるが、投稿されていなかったので、シンプルにして投稿いたします。
グレースフル・デグラデーション
- まずは、対応度の高いブラウザに合わせて作成。
- その後、対応度の低いブラウザでは、いくぶんか表現を削除。
ブラウザごとに表現を変えても良いという考え方
上限から、減らす考え方
プログレッシブ・エンハンスメント
- まずは、対応度の低いブラウザに合わせて作成。
- その後、対応度の高いブラウザだけリッチな表現を加える。
ブラウザごとに表現を変えても良いという考え方
下限から、足す考え方
レグレッシブ・エンハンスメント
- まずは、対応度の高いブラウザに合わせて作成
- その後、対応度の低いブラウザでは、Polyfillを用いて同等な表現を加える。
ブラウザごとの表現を変えないという考え方
※デメリットとして、Polyfillは、JavaScriptを用いた技術のため、古いブラウザに対して負荷がかかることになる。負荷検証コスト等を踏まえる必要がある。
※これらは、表現の格差であり、コンテンツ(情報)の格差ではない。
これらを踏まえて思うこと
フロントエンド開発のブラウザ差異に関しては、これらの情報共有が必要になる。
- 対象端末・ブラウザの範囲
- 対象端末・ブラウザの機能
- 対象端末・ブラウザ間の機能格差(HTML5, CSS3, JavaScriptへの対応度)
- 対応方法(上記3つのいづれか)
デザインとマークアップを分業していると、いつの間にかグレースフル・デグラデーションになっているのではないか。むむむ。
疑問
ベンダープレフィックスでの対応って関係あるのか
Author And Source
この問題について(ブラウザ機能格差への3つの対応概念 まとめ), 我々は、より多くの情報をここで見つけました https://qiita.com/kudo_kk/items/5f80aa56bddab135dcd5著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .