HTML5のポリフィルの意味は何ですか？

HTML5のポリフィルの意味は何ですか？HTML5-Cross-Browser-Polyfillsなど、HTML5に関する多くのサイトでこの言葉を見ました。

したがって、ここでは、シム、フォールバック、およびポリフィルをすべて収集して、それらをネイティブでサポートしていないブラウザーにHTML5機能を埋め込んでいます。

ポリフィルの意味がわかりません。

それは新しいHTML5テクニックですか、それともJavaScriptライブラリですか？HTML5の前にこの言葉を聞いたことがありません。

そして、シム、フォールバック、ポリフィルの違いは何ですか？

ポリフィルはJavaScriptで作成されたブラウザーフォールバックであり、これにより、最新のブラウザーで機能すると期待される機能を古いブラウザーで機能させることができます。たとえば、古いブラウザーでキャンバス（HTML5機能）をサポートできます。

これはHTML5と組み合わせて使用​​されるため、HTML5手法の一種ですが、HTML5の一部ではなく、HTML5がなくてもポリフィルを使用できます（たとえば、必要なCSS3手法をサポートするため）。

ここに良い記事があります：

http://remysharp.com/2010/10/08/what-is-a-polyfill/

以下は、ポリフィルとシムの包括的なリストです。

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

まず、ポリフィルが何でないかを明確にしましょう。ポリフィルはHTML5標準の一部ではありません。また、ポリフィルがJavascriptに限定されているわけではありませんが、それらのコンテキストでポリフィルが参照されることがよくあります。

ポリフィルという用語自体は、「現在のブラウザまたは「最新」のブラウザで期待される特定の機能を、その機能のサポートが組み込まれていない他のブラウザでも動作するようにすることを可能にする」コードを指します。

ここにポリフィルのソースと例：

http://www.programmerinterview.com/index.php/html5/html5-polyfill/

ポリフィルは、開発者がブラウザーがネイティブに提供することを期待するテクノロジーを提供するコード（またはプラグイン）です。

ポリフィルは、元の呼び出しをシムへの呼び出しに置き換えるシムです。

たとえば、navigator.mediaDevicesオブジェクトを使用したいが、すべてのブラウザがこれをサポートしているわけではないとします。次のように使用できるシムを提供するライブラリを想像できます。

<script src="js/MediaShim.js"></script>
<script>
    MediaShim.mediaDevices.getUserMedia(...);
</script>

この場合、元のオブジェクトまたはメソッドを使用する代わりに、shimを明示的に呼び出しています。一方、ポリフィルは、元のオブジェクトのオブジェクトとメソッドを置き換えます。

例えば：

<script src="js/adapter.js"></script>
<script>
    navigator.mediaDevices.getUserMedia(...);
</script>

コードでは、標準のnavigator.mediaDevicesオブジェクトを使用しているように見えます。しかし、実際には、ポリフィル（この例ではadapter.js）がこのオブジェクトを独自のオブジェクトで置き換えています。

交換したのはシムです。これにより、機能がネイティブでサポートされているかどうかが検出され、サポートされている場合は使用されます。サポートされていない場合は、他のAPIを使用して機能が回避されます。

つまり、ポリフィルは一種の「透明な」シムです。そして、これは「ポリフィルスクリプトを削除した場合、ポリフィルが削除されているにもかかわらず変更を必要とせずに、コードは引き続き機能します」と言ったときに、レミーシャープ（この用語を作り出した）が意味したことです。