teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

4

ちょっと表現変える

2019/04/19 10:27

投稿

raccy
raccy

スコア21767

answer CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  【追記】
6
6
 
7
- @babel/polyfillについてもう一つ注意しておかなくてはなりません。それは、このpolyfillはECMASCriptのpolyfillであって、JavaScriptのpolyfillではないと言うことです。JavaScriptの言語仕様はECMAScriptですが、そこにブラウザ等で使う各APIを追加しており、全体でJavaScriptになっています。このブラウザ等に関わるようなAPI部分はECMAScriptの仕様外であるため、babelでは一切考慮されません。
7
+ @babel/polyfillについてもう一つ注意しておかなくてはなりません。それは、このpolyfillはECMASCriptのpolyfillであって、JavaScriptのpolyfillではないと言うことです。JavaScriptの言語仕様はECMAScriptですが、そこにブラウザやネットワーク等で使う各APIを追加することでJavaScriptになっています。このブラウザやネットワーク等に関わるようなAPI部分はECMAScriptの仕様外であるため、babelでは一切考慮されません。
8
8
 
9
9
  HeadersやfetchなどはJavaScript側に含まれるAPIです。ですので、@babel/polyfillでは対応できません。では、全く対応できないかというとそうではありません。それらの新しいAPIについては個別にpolyfillが存在する場合があるからです。
10
10
 

3

追記

2019/04/19 10:26

投稿

raccy
raccy

スコア21767

answer CHANGED
@@ -1,3 +1,15 @@
1
1
  IE11のようなレガシーブラウザには実装されていないコンストラクタや関数を使えるようするには[@babel/polyfill](https://babeljs.io/docs/en/babel-polyfill)を使う必要があります。polyfillを正しく組み込めば、ES2015以降に追加されたPromise等もIE11で使用できるようになります。ただし、ES2018全ての機能をサポートしているわけでは無い事に注意が必要です。
2
2
 
3
- なお、@babel/polyfill以外にもpolyfillは存在し、そちらを使うという手段もあります。全部入りpolyfillは小さくないサイズですので、必要な機能だけを絞って使う、特定機能だけのpolyfillを使うというのもできます。細かいことはpolyfillというキーワードで検索してみてください。
3
+ なお、@babel/polyfill以外にもpolyfillは存在し、そちらを使うという手段もあります。全部入りpolyfillは小さくないサイズですので、必要な機能だけを絞って使う、特定機能だけのpolyfillを使うというのもできます。細かいことはpolyfillというキーワードで検索してみてください。
4
+
5
+ 【追記】
6
+
7
+ @babel/polyfillについてもう一つ注意しておかなくてはなりません。それは、このpolyfillはECMASCriptのpolyfillであって、JavaScriptのpolyfillではないと言うことです。JavaScriptの言語仕様はECMAScriptですが、そこにブラウザ等で使う各APIを追加しており、全体でJavaScriptになっています。このブラウザ等に関わるようなAPI部分はECMAScriptの仕様外であるため、babelでは一切考慮されません。
8
+
9
+ HeadersやfetchなどはJavaScript側に含まれるAPIです。ですので、@babel/polyfillでは対応できません。では、全く対応できないかというとそうではありません。それらの新しいAPIについては個別にpolyfillが存在する場合があるからです。
10
+
11
+ [github/fetch: A window.fetch JavaScript polyfill.](https://github.com/github/fetch)
12
+
13
+ 上は[Fetch Standard](https://fetch.spec.whatwg.org/)のpolyfillです。fetchおよびfetch周りのAPIを網羅しています。他にも必要になれば、個別にpolyfillを探しだし、追加することで、どうにか動くようにできる場合があります。
14
+
15
+ ただし、注意してください。polyfillが実現出来るのは、古い実装でもその動作をエミュレートできる場合だけです。ブラウザそのものにAPIがないと不可能というものや、一部制限がでるといったこもあります。IE11については、どこかで妥協することも必要になるかも知れません。

2

PromiseはES2015だよ

2019/04/19 10:24

投稿

raccy
raccy

スコア21767

answer CHANGED
@@ -1,3 +1,3 @@
1
- IE11のようなレガシーブラウザには実装されていないコンストラクタや関数を使えるようするには[@babel/polyfill](https://babeljs.io/docs/en/babel-polyfill)を使う必要があります。polyfillを正しく組み込めば、ES2016以降に追加されたPromise等もIE11で使用できるようになります。ただし、ES2018全ての機能をサポートしているわけでは無い事に注意が必要です。
1
+ IE11のようなレガシーブラウザには実装されていないコンストラクタや関数を使えるようするには[@babel/polyfill](https://babeljs.io/docs/en/babel-polyfill)を使う必要があります。polyfillを正しく組み込めば、ES2015以降に追加されたPromise等もIE11で使用できるようになります。ただし、ES2018全ての機能をサポートしているわけでは無い事に注意が必要です。
2
2
 
3
3
  なお、@babel/polyfill以外にもpolyfillは存在し、そちらを使うという手段もあります。全部入りpolyfillは小さくないサイズですので、必要な機能だけを絞って使う、特定機能だけのpolyfillを使うというのもできます。細かいことはpolyfillというキーワードで検索してみてください。

1

表現をちょっと変える

2019/04/18 22:13

投稿

raccy
raccy

スコア21767

answer CHANGED
@@ -1,3 +1,3 @@
1
- IE11のようなレガシーブラウザにはないコンストラクタや関数を使えるようには[@babel/polyfill](https://babeljs.io/docs/en/babel-polyfill)を使う必要があります。polyfillを正しく組み込めば、ES2016以降に追加されたPromise等もIE11で使用できるようになります。ただし、ES2018全ての機能をサポートしているわけでは無い事に注意が必要です。
1
+ IE11のようなレガシーブラウザには実装されていないコンストラクタや関数を使えるようするには[@babel/polyfill](https://babeljs.io/docs/en/babel-polyfill)を使う必要があります。polyfillを正しく組み込めば、ES2016以降に追加されたPromise等もIE11で使用できるようになります。ただし、ES2018全ての機能をサポートしているわけでは無い事に注意が必要です。
2
2
 
3
3
  なお、@babel/polyfill以外にもpolyfillは存在し、そちらを使うという手段もあります。全部入りpolyfillは小さくないサイズですので、必要な機能だけを絞って使う、特定機能だけのpolyfillを使うというのもできます。細かいことはpolyfillというキーワードで検索してみてください。