注意!IE11で使えない最新JavaScritコード(ES6)さてさて、前回の記事、完全な手順!VueJSで自動ページ送りする方法では、ES6を使ってページ送り機能を実装してみましたが、その際ふと疑問に思ったことがありました。11)だと、どんなES6の記述ができるんだろう??というものです。IEといえば、当のマイクロソフトでさえedgeへの移行をすすめている、もはやレガシーなブラウザですが、未だに一定数以上のシェアを持っていることから、どうしても古いJavaScriptの書き方をせざるを得ないのが現状です。(BableとかはIEへの対応という意味合いが大きいですね)そこで!今回は、実際にIE11でES6の主要な書き方を実行し、うまくいくかどうかをひとつずつ検証してみます。(そして、せっかくなのでedgeでも検証してみました。)ぜひ開発の参考にしてみてください。※実行環境はIEが11.15.16299.0、edgeが41.16299.15.0です。成功!ともに成功しました。成功!letと同じくどちらも成功です。失敗...上のコードは動けば「8」が表示されますが、IE11では以下のエラーが発生してしまいました。失敗...ES6の代表的な新機能といってもいいアロー関数ですが、これもIE11ではエラーがになります。失敗...この記述法があるだけで、functionを省略できて一気にコードを減らすことができるのですが、やはりIE11ではうまく動きませんでした。ありません」と言われてしまいます。失敗...可変的に変数の指定ができるので、多くの状況に対応しやすいのですが、IE11では引数を全て書き込んでundefinedをチェックするしかないようです。」というエラーが発生して使うことができません。`テンプレートが有効です。${name}さんは、${age}です。文字が正しくありません。」というエラーが発生します。失敗...Pythonのような変数の指定方法です。」というエラーが発生します。失敗...これも前項目と同じく実行できません。」とエラーになります。失敗...非同期の機能を開発する場合にはPromiseがとても便利ですが、これも実行できませんでした。Ajax通信をする場合でしたら、axiosなどのライブラリを使えば比較的楽に実装ができるでしょう。失敗...個人的にあまりこの書き方をしたことはないのですがエラーが発生。使えると便利な方法かもしれません。成功!おどろきました。edgeはともかく、IEでもMapが実行できるんですね。失敗...エラーは表示されませんでしたが、sizeが3となるところが0になるなど、実行ができませんでした。エラーが出た方がいいかもしれません。プロパティまたはメソッドをサポートしていません。成功!ダウンロード今回の検証で使ったJavaScriptコードをダウンロードできます。HTMLファイルだけなので展開してすぐ確認できますよ!IE11で使えない最新JavaScritコード(ES6)おわりに結果として、IEで実行ができたのは以下の3つだけという結果になりました。letconstMapそして、逆にedgeでは全ての実行が成功しました。(もちろんchromeでも全てOKです)そのため、JavaScript未対応の件は、マイクロソフトの怠慢というよりは、ユーザーが頑なにIEに固執しているという側面もあるのかなという印象を受けました。今後IEのシェアが減って、edgeの方への移行が進むことを願っています!ではでは。開発スキルプログラム開発は15年以上。Laravel、Vue.jsをメインとしてPython(機械学習)やElectronの開発もお引き受けしております。過去2度カナダのバンクーバーに滞在していました。開発状況によりましては開発をお待ちいただく可能性がございますが、いつでもご相談は受けさせていただいております。お気軽にご連絡ください!お問い合わせフォーム開発してほしい機能を募集中!MITライセンスで公開します。詳しくはこちらの記事をご覧ください。ぷれりり・プレスリリース掲載無料のプレスリリース・スタンド!播磨孤道(はりまこどう)兵庫周辺のゆったり自転車一人旅の記事を書いていきます。