chromeの2024年のエイプリルフールのイースターエッグ

前書き#

コードの神は、ちゃんと changelog を見る良い子供たちを見守ってくれるでしょう。

ネタバレ注意#

ネタバレの神は、逃げ出したい子供たちに忠告を与えるでしょう。

https://developer.chrome.com/blog/new-in-devtools-123?utm_source=devtools#easter-egg:~:text=To%20celebrate%20this%20year%27s%20April%20Fools%27%20Day%2C%20the%20DevTools%20team%20has%20hidden%20an%20Easter%20egg%20somewhere%20in%20DevTools.

chrome123 の devtool のリリースノートには、イースターエッグがあると書いてあります。だから、授業は休んでもいいけど、chrome は遊ばないといけないので、数分探してみました。

見つけられませんでした。

git の神#

その瞬間、中に眠っていた探索の魂が燃え上がり、挫折感が仕事を続けることを不可能にしました。そこで、二つ迷わず、GitHub で検索し、関連するコードを見つけました。

https://github.com/ChromeDevTools/devtools-frontend/blob/76c8ba6401512aa13505060f82b56e4de2e81681/front_end/panels/timeline/TimelinePanel.ts#L504

https://github.com/ChromeDevTools/devtools-frontend/blob/76c8ba6401512aa13505060f82b56e4de2e81681/front_end/panels/timeline/TimelinePanel.ts#L322

ああ、このクラスはtimelineにあります。timeline は何年も前からPerformanceと改名されました。

だから、システムの時刻を変更して、chrome を起動し、devtool を起動し、適当な http ページを開き、record を開始します。

二重卵星は星と見なされますか？

<div style="
      font-size: 12px;
      transform: scale(1.25);
      color: transparent;
      background: linear-gradient(90deg, rgb(255 0 0 / 100%) 0%, rgb(255 154 0 / 100%) 10%, rgb(208 222 33 / 100%) 20%, rgb(79 220 74 / 100%) 30%, rgb(63 218 216 / 100%) 40%, rgb(47 201 226 / 100%) 50%, rgb(28 127 238 / 100%) 60%, rgb(95 21 242 / 100%) 70%, rgb(186 12 248 / 100%) 80%, rgb(251 7 217 / 100%) 90%, rgb(255 0 0 / 100%) 100%);
      -webkit-background-clip: text;
      ">💫</div>

絵文字も Unicode ですので、問題ありません！

このゲーム... つまらないですね。

性行為後の明晰さ#

ブロック崩しのようなものは、もっと大きなプロジェクトではもっと良い効果が得られるかもしれませんね？（React 専用ですね）

あれ待って、今日の仕事は何だっけ？