![見出し画像](https://assets.st-note.com/production/uploads/images/80363927/rectangle_large_type_2_24896902c33931f43ec51b0860be3ff7.jpeg?width=800)
IE(Internet Explorer)のサポート終了を記念してケーキ作ってみた
こんにちは。
東京でWEB制作を行なっているPILOTです。
突然ですが、みなさんは今日6月15日が何の日だかご存知でしょうか?
そう、本日6月15日はIE(Internet Explorer)のサポート終了日なのです。
※日本では6月16日にサポート終了となります。
仕事やご自宅でパソコンを使っている方なら一度は見たことのあるこのアイコン。
これがIE(Internet Explorer)です。
![](https://assets.st-note.com/img/1654689204012-xZIWolZkVD.png)
WEB制作会社に勤めている方ならもちろんご存知だと思いますが、なんとこのIE、制作会社泣かせのブラウザとして有名でした。。
どれくらい大変だったのか、ざっくりと以下にまとめてみました。
(きっとWEB制作者の方なら「うんうん…」と頷いていただけるのではないでしょうか…)
IEの対応が大変だった理由
・ブラウザが古い(2013年)ため、新しい技術の導入に向いていない
・適切なコーディング(特にCSS、Java Script)を書いても正しく表示されず画面崩れが起こる
・Chrome、Safariなどは問題なく実装されているのに、IEは対応されていないことが多くて、別途IEに反映するためのコーディングが必要になる(これがめちゃくちゃ大変。。。)
こんなに苦しい思いをしてまで実装するのには理由があります。
それは、日本はIEのシェア率が他の国に比べて異常に高いため、WEB制作会社はどうしてもこのIEを無視するわけにはいかなかったのです。
上記の背景から、IEのサポート終了はWEB制作者にとって、こうした地獄のような煩わしい作業から解放される一大イベントというわけなのです。
そういうわけで、今回は長年苦しめられてきたIEに感謝と敬意の念を込めて、サポート終了をお祝いするIEケーキを作りました!
ぜひ、最後まで読んでみてください◎
IEケーキを作ってみよう
1.材料を用意する
こちらの材料を使ってIEケーキを作っていきます。
![](https://assets.st-note.com/img/1654743711536-ygWgPgPGN8.jpg?width=800)
恥ずかしながらほとんど料理をしたことがないため、必要最低限の材料で今回は挑んでいきたいと思います。
●使った材料
甘さひかえめ らくらくホイップ 250ml×2
cotta クッキートルテ 4号(2枚入)
食用色素(天然由来) 青色 / 5g
食用色素(天然由来) 黄色 / 5g
2.生地に生クリームを塗る
生クリームを一から作るのは大変そうだったので、時間短縮のために出来上がっているものを使います。
![](https://assets.st-note.com/img/1654745587769-tbwTe9Rl2Y.jpg?width=800)
中身はこんな感じ。
完成された生クリームがたっぷりと入ってます。
![](https://assets.st-note.com/img/1654746123436-e7Yc2peWoj.jpg?width=800)
タルトカップを用意します。
![](https://assets.st-note.com/img/1654764168966-hZIc5PDHcN.jpg?width=800)
生クリームをタルトカップの上に乗せて、スプーンでクリームを均していくと…
![](https://assets.st-note.com/img/1654771748316-ACtrQ1Gxht.jpg?width=800)
タルトのキャンバスができました◎
![](https://assets.st-note.com/img/1654772286160-FNQ5v8GbFD.jpg?width=800)
3.生クリームに色を着ける
次はIEのアイコンを描くために、食用色素を使って生クリームに色を着けていきます。
生クリームの袋の上部分をハサミでカットし、食用色素(黄)を入れていきます。
![](https://assets.st-note.com/img/1654817035133-5ulJfev3g7.jpg?width=800)
しっかりと揉みこんで、クリームに色を着けていきます。
揉み込むこと数分…
![](https://assets.st-note.com/img/1654818715929-PJvcyKSBEK.jpg?width=800)
黄色のクリームができました!
同じ要領で青色のクリームも作りました。
4.タルトにIEのアイコンを描いていく
作ったクリームでIEのマークを描いていきます。
まずは青色のクリームを使ってIEのこの部分、
![](https://assets.st-note.com/img/1654819695601-0MWSLoJSR1.png)
青い部分を描いていきます。
料理ができるわけでもなく、絵心があるわけでもないので、緊張しますが頑張って描いていこうと思います…!!
慎重にクリームを出していきます…
![](https://assets.st-note.com/img/1654819989399-vJYBITZLCd.jpg?width=800)
このカーブのところが難しい…
![](https://assets.st-note.com/img/1654820412327-P5YxfntEyM.jpg?width=800)
ゆっくり慌てずに…
![](https://assets.st-note.com/img/1654820458608-1iaLM43Wlu.jpg?width=800)
なんとか描き切ることができました!
![](https://assets.st-note.com/img/1654820562412-EF8NUfI6re.jpg?width=800)
バランスが悪いので少し修正していきます。
![](https://assets.st-note.com/img/1654820691815-ovLJ57CjID.jpg?width=800)
ようやくIEアイコンの青い部分が完成しました◎
![](https://assets.st-note.com/img/1654820818872-2oiawaxMlH.jpg?width=800)
次は黄色のクリームを使ってこの部分を描いていきます。
![](https://assets.st-note.com/img/1654820974983-nZvQdUcxY7.png)
このカーブ感をうまく表現できるだろうか…?
![](https://assets.st-note.com/img/1654821432069-5yuJJHjLoa.jpg?width=800)
あっ、途中でクリームが途切れてしまった…
![](https://assets.st-note.com/img/1654821524309-1LimCt06NR.jpg?width=800)
とりあえず描き切るしかないっ!
![](https://assets.st-note.com/img/1654821624630-ojbh3pHhnL.jpg?width=800)
途切れてしまったところに追いクリームをして…
![](https://assets.st-note.com/img/1654821669592-0fcQNgBnst.jpg?width=800)
IEケーキ完成しました!!!
![](https://assets.st-note.com/img/1654822776039-Li2qVjpFHT.jpg?width=800)
若干、形がいびつですがそれとなく「IE」アイコンになりました。。!
ロウソクを立ててお祝いしよう
最後に完成したIEケーキにろうそくを立てて、サポート終了のお祝いをしたいと思います◎
長年苦しめてくれたことへの感謝の念を込めて、ロウソクを立てて火を灯します。
![](https://assets.st-note.com/img/1654823962411-Fze50Ylq14.jpg?width=800)
完成したIEケーキを社内のslack(チャットツール)に送ると、何人かの方から「#私とIE」の思い出エピソードを語ってくれました。
■PILOT社員のIEエピソード(一部紹介)
![](https://assets.st-note.com/img/1654825495781-eWgk2rMg9R.jpg?width=800)
![](https://assets.st-note.com/img/1654825507379-VZCAHmqbD7.jpg?width=800)
![](https://assets.st-note.com/img/1654825365792-nV6Z0LC3zC.jpg?width=800)
みんな、思い思いにIEとの思い出を語ってくれていますね。
WEB制作に携わっている人なら、IEサポート終了日である今日この日を心待ちにしていたことでしょう。
制作会社に入ってたくさん苦しめてくれたけど、ゼロ年代初頭に小学生だった自分にとってインターネットの楽しさを教えてくれたのはなにを隠そうこのIEでした。
最後にIEへ、感謝の気持ちを伝えて、この文章を締めくくろうと思います。
IEへ、インターネットの楽しさと苦しさを教えてくれてありがとう!!
![](https://assets.st-note.com/img/1654826327041-R59MuBmca5.jpg?width=800)
P.S.
ディレクターさんがIEサポート終了を記念して、IEのネイルを作ってくださいました◎
感謝の気持ちがこもった素敵なIEデザインのネイルです!
![](https://assets.st-note.com/img/1655097626549-y95WVXPj6x.jpg?width=800)
![](https://assets.st-note.com/img/1655097680178-gaPSQhx7P1.jpg?width=800)
Take off with PILOT.
WEBに関するあらゆるご相談をお気軽にご相談ください。
お客様と共に上昇するためのお手伝いをさせていただきます。
この記事が気に入ったらサポートをしてみませんか?