[{"data":1,"prerenderedAt":368},["ShallowReactive",2],{"article-stupid-ie-implement":3},{"id":4,"title":5,"body":6,"category":354,"createdAt":356,"description":357,"extension":358,"index":359,"meta":360,"navigation":361,"path":362,"publish":361,"seo":363,"series":359,"seriesTitle":359,"stem":364,"tag":365,"thumbnail":366,"updatedAt":359,"__hash__":367},"articles\u002Farticles\u002Fstupid-ie-implement.md","IE終了まであと１年！IE対応に関していろいろ思うこと。これまでの経験を踏まえて適当に語る",{"type":7,"value":8,"toc":327},"minimark",[9,21,29,32,35,57,60,63,66,78,87,90,93,96,99,107,110,119,122,125,129,132,137,140,144,152,163,166,170,185,188,191,194,197,200,203,206,209,212,215,218,222,230,233,236,240,243,247,250,253,256,259,262,266,269,272,276,285,288,291,294,297,300,303,306,315,319],[10,11,12,13,20],"p",{},"こんにちはjunです。2021年5月19日にとても嬉しいことがおきました。Twitterを見るとなぜかトレンドに「IE終了」という文字がありました。詳しくみてみるとなんと",[14,15,19],"a",{"href":16,"rel":17},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=0Q_1Lfgpb5s",[18],"nofollow","マイクロソフトが2022年6月にIEのサポートを終了する","という旨のyoutube動画をUPしたのです。夢でなかったのです。ついに苦しいIE対応をしなくてい良いという大義名分が来年から得られることになったのです。あまりにも嬉しくて速攻で会社のslackに共有したほどでした。",[10,22,23,24],{},"サムネイルの写真もTwitterでバズって回ってきたものでとても面白かったです。ちなみに",[14,25,28],{"href":26,"rel":27},"https:\u002F\u002Ftwitter.com\u002Ftowernter\u002Fstatus\u002F1396443278657064962",[18],"オリジナルはこのツイートです。",[10,30,31],{},"さてこの記事は技術記事じゃありません。ただIEサポート終了がうれしすぎて何か記事にできないかと思い、わざわざ新しいカテゴリーを作成しました。この「小言」は技術とは関係ないIT系に関する私の意見とかを述べるカテゴリーにします。あまり使わないかもしれませんが。まあQiitaでいうポエムみたいなものだと思ってください。",[10,33,34],{},"今回の記事では題目にある通り後１年のIEサポート終了が迫る中、我々webエンジニアがどうIEに向き合うべきかを私なりに意見を述べようと思います。順序的に",[36,37,38,42,45,48,51,54],"ul",{},[39,40,41],"li",{},"これからの流れと情報の整理",[39,43,44],{},"IE対応の背景、なぜ対応が必要なのか",[39,46,47],{},"なぜ対応が嫌なのか",[39,49,50],{},"IE対応肯定派の意見について",[39,52,53],{},"その反論（小言）",[39,55,56],{},"最終まとめ",[10,58,59],{},"みたいな感じで行こうと思います。それでは早速いきましょう。",[61,62,41],"h2",{"id":41},[10,64,65],{},"エンジニアたるもの必ず情報源を確認しましょう。まず上記のあった通りのマイクロソフトのサポート終了は日本時間2022年6月16日にセキュリティサポートを終了するとのことです。それ以降はどんなバグ。脆弱性が起きてもサポートをしないとのことです。",[10,67,68,69,72,73,77],{},"公式youtubeはこちら（",[14,70,16],{"href":16,"rel":71},[18],"）で、概要的なニュースはこちら（",[14,74,75],{"href":75,"rel":76},"https:\u002F\u002Fwww.atmarkit.co.jp\u002Fait\u002Farticles\u002F1503\u002F11\u002Fnews134.html",[18],"）を参考にするといいです。",[10,79,80,81,86],{},"ただしこのサポート終了はLTSB\u002FLTSC以外のwindows10におけるInternet Explore11であり、",[14,82,85],{"href":83,"rel":84},"https:\u002F\u002Fdocs.microsoft.com\u002Fen-us\u002Fwindows\u002Fwhats-new\u002Fltsc\u002F",[18],"Windows 10 LTSC(Long-Term Servicing Chanel)","とWindows 10 Serverという製品に含まれるIE11は対象でありません。これらの製品のIEはなんと最長のもので2029年までサポートされています。",[10,88,89],{},"えっ！じゃあ苦労は2029年まで続くの！！？と心臓が止まりそうになったかもしれませんが、このLTSB\u002FLTSCというのはエンタープライズつまり企業向けの長期サポートのwindows10です。導入には10万以上かかる法人向けのwindowsです。つまりウェブサイトをみるだけ、インターネットを使うだけにPCを買っている一般の方々がインストールしているwindowsではありません。",[10,91,92],{},"そのためまとめますと、「LTSB\u002FLTSC以外の、一般の方々がインストールしているwindows」のIEサポートが2022年6月16日（日本時間）に終了するということです。OK?よかったですねー。",[61,94,44],{"id":95},"ie対応の背景なぜ対応が必要なのか",[10,97,98],{},"いくつかの原因はありますが理由として",[36,100,101,104],{},[39,102,103],{},"社内で使用しているシステムがIEしか対応していないので、既定ブラウザになっている。",[39,105,106],{},"日本ではなぜか10%ぐらいのシェアがあり、使用しているユーザーもそこそこいる",[10,108,109],{},"があります。特に前者のシステムがIEにしか対応していないというのはかなり大きく、マイクロソフトが長年IE11を残したり、Edgeの中にもIEモードを含ませていたり、windows10に入れている原因です。流石に強制的にIE11を消して社内システムが使えなくなった！なんてなったら流石にやばいです。",[10,111,112,113,118],{},"2020年の夏あたりに",[14,114,117],{"href":115,"rel":116},"https:\u002F\u002Fwww.nikkei.com\u002Farticle\u002FDGXMZO61372400Q0A710C2EE8000\u002F",[18],"「マイナポータルがIEでしか使用できない」","という事件がありましたが、それもその一つです。PCにてマイナンバーカードの情報を物理的に読み取って使用するにはJavaかIEのAvtiveXしかない。という縛りがあり基本的にマイナポータルはスマホからのアクセスを前提にして、PCブラウザでの対応を後回しにしたという感じです。これも技術的な制約上、IEを使用せざる得ない理由の一つです。",[10,120,121],{},"後者はちょっと自分でなんとかしてくれよと感じがしますが、正直ユーザーからしてみれば「ブラウザってなんすか？」というものぐらいです笑。なんか昔からインターネットみる時はこのアイコンだったしぐらいしか知らない人も多く、日本では前者の理由も加わってIEを使用している個人や会社がいます。私の取引先も私が指摘するまでIEを使用していました。（とくに役所や学校が多いです）",[10,123,124],{},"「それでもさぁ！」と言いたいお気持ちはわかります。まずはなぜ必要となっているのかの背景は以上の通りです。",[61,126,128],{"id":127},"なぜ対応が嫌なのかすべきでないのか","なぜ対応が嫌なのか、すべきでないのか",[10,130,131],{},"そんな事情がありながらも、我々webディベロッパーはなぜIE対応をしたくないのでしょうか。技術的・工数的な視点で述べていきます。",[133,134,136],"h3",{"id":135},"cssが崩れる","CSSが崩れる",[10,138,139],{},"まずはこれですね。web上でのデザインを表現するためにCSSを使用しますが、「chrome、safariではきちんと表示されているのに、IEだけ違う！」という事件がおきます。理由としてはIEがそのCSSプロパティをサポートしていない、または特定の記述が必要だからです。他にもIEにしかないCSSのバグもあり、対処のためにトリッキーな書き方をする必要があります。",[133,141,143],{"id":142},"es6が使えない","ES6が使えない",[10,145,146,147,151],{},"ES6はjavascriptだと思ってください。javascriptにはES5,ES6といったものがあります。ES6の方が新しくスマートでより良い記述が可能です。例えばES5では変数宣言に",[148,149,150],"code",{},"var","しか使用できず、定数などは大文字にして表記すると言った運用面でカバーしたり、クラスの書き方も関数を使用してとっつきにくい感じでした。",[10,153,154,155,158,159,162],{},"しかしES6では",[148,156,157],{},"const","での定数宣言、",[148,160,161],{},"class{}","を用いた表現ができる様になりました。それがそのまま使えればいいのですが、はい。。IEです。なんとIEではES6がサポートされておらず構文エラーを起こしてスクリプトが停止します。そのため渋々ES5の書き方をするということもありますが、Vue,Reactなどのjsフレームワーク、その他のnpmパッケージなどで取得できるライブラリでES5の書き方をしていないものがあります。というよりES6の方が開発がスムーズにいきます。",[10,164,165],{},"そのため開発を効率的に行うjsライブラリを使用できなかったり、IE確認で時間を取られます。（そのくせIEのデバッガーは遅くてよく止まります。）",[133,167,169],{"id":168},"javascriptファイルが重くなるビルドの負担が大きい","javascriptファイルが重くなる・ビルドの負担が大きい",[10,171,172,173,178,179,184],{},"ES6が使えないので最新のjsは諦めて、旧石器時代のjsの構成でやる...?というのは酷です。そのためどこかの神様が",[14,174,177],{"href":175,"rel":176},"https:\u002F\u002Fbabeljs.io\u002F",[18],"Babel","、",[14,180,183],{"href":181,"rel":182},"https:\u002F\u002Fpolyfill.io\u002Fv3\u002F",[18],"Polyfill","というES6とES5の互換性を作ってくれるライブラリを作り出しました。BabelはES6の書き方をES5に変えてくれ、Polyfillはjsの言語特徴を利用してES6の機能をES5に追加します。",[10,186,187],{},"それであれば万事解決...とはなりません。とてもありがたいのですが弱点としてjsのバンドルサイズが重くなったり、babelによる書き換えのためにnode.jsの環境が必要となったりとまだまだ開発に難があります。中にはBabel、Polyfillを使用しても解決できずIEだけ動かないというものも少しあります。Babel、Polyfillも万能ではありません。",[10,189,190],{},"これらの措置はIEのためだけに行うものであり、他のモダンブラウザであれば不要なことです。同じjsファイルでも上記の処理をしなければ100kbも軽くなったりすることもあります。",[133,192,193],{"id":193},"開発工数がかかる",[10,195,196],{},"上記の様にIEだけの特別なチェックや開発、ファイルが必要となったりで開発側の負担が大きいです。負担が大きいということは工数もそれだけ伸びるので費用もかさみます。開発者だけが苦労するだけでなく、工数も伸びてしまい費用がかさみ、その割には利用者は全体の数％とあまり得でない気もします。",[133,198,199],{"id":199},"公式が使うなと言っている",[10,201,202],{},"開発したマイクロソフト自身が「IEは技術的負債」とまでいい、段階的にEdge（IEの後継、いわゆるモダンブラウザ）に移行する様にユーザーに呼びかけています。つまり公式自ら「IEは危ないから使わないで！」としているのに使うのはいかがなものかとあります。",[133,204,205],{"id":205},"セキュリティーリスクがある",[10,207,208],{},"IEは現在セキュリティーサポートのみでアップデートはされていません。もしIEに脆弱性が発生したら（しかたなく）マイクロソフトが対応して、セキュリティパッチを出すと言った感じです。その際に危惧されるのが「ゼロデイ攻撃」と呼ばれるものです。「ゼロデイ攻撃」はそのマイクロソフトのパッチが適用される前、脆弱性情報が発表される前に素早く対象のマシンを攻撃するものです。セキュリティパッチが効く前を狙った攻撃です。",[10,210,211],{},"開発元がしっかりしていればいいのですが、2020年1月のIEにおける脆弱性対応にパッチ提供に３週間かかったりなどもうサポートのやる気なさを感じさせるぐらいになっている。セキュリティバグも多いのでIEに限定した攻撃というものも存在している。わざわざそんな危険なブラウザ使う人も少なくなるだろうし、というかIEが原因でwebサイトの情報が漏れるなんでまっぴらゴメンです。ならばIEでは使えない様にした方がいいというものも納得できます。",[61,213,50],{"id":214},"ie対応肯定派の意見について",[10,216,217],{},"このようにIEにはデメリットが多いですが、「IEに対応すべきだ！」という恐ろしい方々が存在します。「これだから、IT知らない人は..」「開発者の気持ちも考えずにまったっく..」と言いたいですが彼らの意見には、耳を傾かせるべき内容もありました。",[133,219,221],{"id":220},"シェア数としても母数が多ければそれなりにいる","シェア数％としても母数が多ければそれなりにいる",[10,223,224,229],{},[14,225,228],{"href":226,"rel":227},"https:\u002F\u002Fyaruzou.net\u002Fbrowser-share",[18],"IEのシェアは日本では7.4%、世界は1.94%と言われています。"," インターネット利用者は統計的に世界でPCで40億人、日本では１億800万人はいるそうです。もちろん全員がwindows,PC,ブラウザを使用しているとは言えませんが単純にパーセンテージをかけてもIE使用者は最大約、日本で80万、世界では7700万となります。まあ無茶な計算なのでもう少し低いでしょうけど。",[10,231,232],{},"だたし1万人はIEを利用していそうです。どうでしょうか？この数はあなたの顧客となりうる数ですがを捨てられますか？といわれると「うーん」となります。",[10,234,235],{},"ただしビジネスであればこんなチンケな数より、メジャーブラウザを利用している人をターゲットにした方が工数と利益率が最適になりそうです。ただしビジネス意外にもwebサイトは使用されます。次の理由につながります。",[133,237,239],{"id":238},"情報の公共性を担保すべきだ","情報の公共性を担保すべきだ！",[10,241,242],{},"では仮に1万人のユーザーは少なくともIEを使用して様々なサイトを見ているとしましょう。webサイトにはビジネスでなく公共的なもの、例えば政府広報や自治体のサイトなどがあります。その場合デジタルデバイドなく、全ての人に情報が渡るべきサイトの場合は対応について少し考える必要がありそうです。",[133,244,246],{"id":245},"開発が面倒ってそれあなた開発者の感想ですよね","開発が面倒って、それあなた（開発者）の感想ですよね",[10,248,249],{},"あー。はい。確かに技術選定をしてライブラリとか適切に入れて、チェックしたりIEだけ専用のファイルを読み込んだり、Babel、Polyfillを使用すればなんとかなります。開発工数は伸びるけど確かに「できなくはないです」。逆に開発者がだだこねて「最新の技術じゃないと嫌だ！」「お金があってもIE対応は嫌！」となっては顧客的には納得いきません。顧客にとってみれば動いていればいいんですから、機能が豊富なwebアプリならともかくwebサイト作成ぐらいならやれば？という意見もあります。",[61,251,53],{"id":252},"その反論小言",[10,254,255],{},"対応すべき派はこんな感じです。他にあったら追加しようと思います。ではその反論や私の意見を述べようと思います。",[133,257,258],{"id":258},"セキュリティリスクのあるものは使うべきでない",[10,260,261],{},"一番はこれです。いきなりジョーカーみたいなものですが、セキュリティリスクのあるブラウザ（アプリ）を使用するのはいかがなものかと思います。ましてやIEが原因なのに情報漏洩をwebサイトのせいにされたらたまったものじゃありません。Dropbox、Boxといったクラウドストレージサービス、AWSやGCPなどは特に嫌がると思います。（Dropboxは2020年10月からIEサポートしていません）というよりもログインを必要とする様な機密情報を扱うサイトでは使用させるべきでないです。webアプリ系のサイトはIEを使用させなくても良いと思います。",[133,263,265],{"id":264},"マイクロソフトがieを残しているのは企業のため","マイクロソフトがIEを残しているのは企業のため",[10,267,268],{},"window8を強制的にwindows10にアップデートした過去がある伝説のマイクロソフトさんですが、この様なことをするならIEがいつの間にか削除されていてもおかしくないと思います。でもIEは明示的にLTSB\u002FLTSCに残したり、EdgeにもIEモードたる物を残しています。それはなぜか？",[10,270,271],{},"理由としては対応理由の一つであった「IEしか対応していないシステムがある」からです。つまり企業のシステムが対応できるまで一応、IEを利用できる様にしておこうという措置です。webサイトを見るブラウザの一つでなく、IEでしか動かないものを動かすための救済ブラウザなのです。企業のシステムはお金や大人の事情ですぐには代替できません。一方ユーザーのwebサイト閲覧はどうですか？最悪、Edgeのアイコンおすだけですよ？？IEを残しているのは企業や特定環境のシステム利用のためであり、一般的なユーザーのサイト閲覧アプリとしての利用は正直想定していないと思います。",[133,273,275],{"id":274},"公共性と言っても横浜市のコロナの予約サイトはie非対応だったよ","公共性と言っても横浜市のコロナの予約サイトはIE非対応だったよ",[10,277,278,279,284],{},"これ結構大きいかなと思います。",[14,280,283],{"href":281,"rel":282},"https:\u002F\u002Fv-yoyaku.jp\u002F141003-yokohama",[18],"横浜市のコロナワクチン予約サイト","はマニュアルのPDFにも書かれている通り、IE対応されていません。公共性の高いコンテンツはIE対応すべきとの意見は確かにありますが、コロナという、ましてや最初の利用者が高齢者・中年（IEの利用率が高め）に対してIE非対応としたのは大きな判断だったと思います。",[10,286,287],{},"真意は開発者と受注者しかわかりませんが、多分開発の速度的な問題だったと思います。前述の通りIEの場合はIEでのチェックが必要となり、工数が増え結果的に時間がかかります。さらにIEだけ動作不良がある、予約できないとなったらかなりバッシングされそうです。であれば早く予約システムを簡単でも作成して、動作が保証されるものを開発するならばIEを対応しないのは妥当だと思います。",[10,289,290],{},"ブラウザの「ブ」の字もわからない人は怒ったり、マニュアル読んでもよくわからないかもしれませんが、IE利用者のシェアと開発スピード・質を天秤にかけたら仕方なかったんじゃないかと思います。",[10,292,293],{},"私はこの対応判断は素晴らしいと思います。日本のIE非対応化の大義名分の一つになり得そうです。",[133,295,296],{"id":296},"必要なのは啓蒙である",[10,298,299],{},"IE使うな問題は過去の古いものから新しいものへの移行です。これはソフトウェアだけの問題でなく、他にもあると思います。今まで使いやすかった方法や物をやめて、今すぐ新しいものにしてください！という経験はありませんか？物だけでなく、考え方とかもそうです。「昔はOKだったけど今はだめ」、「これからはこうすべき」というものはあると思います。",[10,301,302],{},"古い物、使い慣れた物を使いづけたい気持ちはわかります。学習コストもあれば愛着もあるかもしれません。しかしIEはそれらを凌駕するほどのデメリットと、切り替えたことによるメリットを知らないからIEを使用するユーザーがいるのだと思います。",[10,304,305],{},"先述の横浜市コロナワクチン予約サイトの様に、マニュアルで明記したりして明示的にIEを使わない様に教えることもできます。なんらかのきっかけがあれば、きっとユーザーは乗り換えてくれると思います。特にセキュリティリスクなどデメリット部分をしれば、IEを止めるきっかけになると思います。",[10,307,308,309,314],{},"一応マイクロソフトには",[14,310,313],{"href":311,"rel":312},"https:\u002F\u002Fdocs.microsoft.com\u002Fen-us\u002Fmicrosoft-edge\u002Fweb-platform\u002Fie-to-microsoft-edge-redirection",[18],"自サイトをIEで開くとEdgeで開く様に転送する","様にサイトを登録してくれる機能を提供しています。申請を行い、XMLを書く必要がありますがEdgeで開く様にしたり、サイトに「IE非対応です」と書いて啓蒙するのが一番いいと思います。",[61,316,318],{"id":317},"まとめ結局ieは対応す","まとめ。結局IEは対応す..",[10,320,321,322,326],{},"まとめますと、これから作られるwebサイト・アプリはIE対応しなくていいと思います。対応しても一般ユーザー的にも2022年6月ですし、その期間のために工数を増やしても意味ない気がします。最近、チェックでIEを開くとEdge移行用固定ヘッダーがでてきたりしてすごいことになっています。結局はユーザーに対する啓蒙が一番だと思います。今後webディベロッパーが行うべきはことは、 ",[323,324,325],"strong",{},"IE対応はしなくてもいいが、IEで見ちゃった人のためにEdgeに転送したりIEで見れないことをサイトで伝えること。そしてできたらブラウザ移行に関する情報を提供すること"," だと思います。以上！めちゃ長くなりましたが記事はこれでおしまいです。なにか意見あればぜひコメントください。それでは。",{"title":328,"searchDepth":329,"depth":329,"links":330},"",3,[331,333,334,342,347,353],{"id":41,"depth":332,"text":41},2,{"id":95,"depth":332,"text":44},{"id":127,"depth":332,"text":128,"children":335},[336,337,338,339,340,341],{"id":135,"depth":329,"text":136},{"id":142,"depth":329,"text":143},{"id":168,"depth":329,"text":169},{"id":193,"depth":329,"text":193},{"id":199,"depth":329,"text":199},{"id":205,"depth":329,"text":205},{"id":214,"depth":332,"text":50,"children":343},[344,345,346],{"id":220,"depth":329,"text":221},{"id":238,"depth":329,"text":239},{"id":245,"depth":329,"text":246},{"id":252,"depth":332,"text":53,"children":348},[349,350,351,352],{"id":258,"depth":329,"text":258},{"id":264,"depth":329,"text":265},{"id":274,"depth":329,"text":275},{"id":296,"depth":329,"text":296},{"id":317,"depth":332,"text":318},[355],"myopinion","2021-05-31","IE終了まであと１年！IE対応に関していろいろ思うこと","md",null,{},true,"\u002Farticles\u002Fstupid-ie-implement",{"title":5,"description":357},"articles\u002Fstupid-ie-implement",[],"_mix\u002Fgoobye-ie.jpg","JPkFztuijEVQoNoDuLW-xoIv397ZP1pLMXyJLr-Dyz8",1780987143300]