ブラウザの互換性

コンテンツ ドリブンのウェブ アプリケーションを構築する場合は、オーディエンスが使用しているブラウザを考慮することが重要です。最新機能に対応していない古いブラウザを使用している企業もあれば、より多くの機能を備えた新しいブラウザを使用している企業もあります。ブラウザの選択にかかわらず、すべてのユーザーがアプリケーションにアクセスできます。

プログレッシブ エンハンスメントを利用するか、すべてのブラウザがサポートする最も基本的な機能から始めて、新しいブラウザ向けの機能を追加します。機能の検出も、時代遅れのブラウザや新しいブラウザを使用しているユーザーにリーチするための戦略です。機能検出を使用すると、ユーザーのブラウザでサポートされている機能を判別し、適切なコードを読み込むことができます。アプリケーションでは、ユーザーのブラウザでサポート可能な最新の機能を使用する必要があります。

古いブラウザと最新のブラウザの両方をターゲットにする場合は、いくつかのトレードオフを考慮する必要があります。まず、ブラウザごとに異なるコードを使用することが必要になる場合があります。これにより、コードが複雑になり、メンテナンスが困難になります。ブラウザによっては、最新の機能を使用できない場合があります。これにより、アプリの機能が制限される可能性があります。

アプリケーションによっては、古いブラウザでも法的理由やビジネス ユースケースでサポートが必要となる場合があります。大部分のユーザーが古いハードウェアを使用していてアップデートできない場合は、ポリフィルが必要になることがあります。ポリフィルを使用すると、古いウェブブラウザに最新の機能を提供できます。また、古いブラウザとの互換性を維持したまま、最新のウェブ テクノロジーと API を使用できます。

使用されているテクノロジーや API を確認できる優れたツールは数多くあります。

• プロジェクト ベースライン: サポートされているブラウザで適切に機能するアプリを提供することで、デベロッパーのエクスペリエンスを向上させる取り組みです。このプロジェクトは、Google やその他の一般的なシステムによって支えられています。
• Caniuse: ウェブ API を検索して、トラッキングされているすべてのブラウザのサポート状況を確認するためのリソースです。