LoginSignup
0
0

More than 1 year has passed since last update.

阿部寛のホームページを(力技で)遅くするChrome拡張機能を作ろう!

Posted at

この世で最も早いホームページと言われたら、あなたは何を思い浮かべますか?

そう、 阿部寛のホームページ ですね。

その速さと言えばあの世界最速の男、ボルトも驚くスピード。
ボルトと阿部寛のホームページが新国立競技場で速さを競ったなら、 阿部寛のホームページの完全勝利 と言えるでしょう。

電波の悪い状態でまず見るべきサイトが阿部寛のホームページと言われるほど、通信速度を知るために重要なバロメーターの役割も果たしており、 もはやこの世の中になくてはならないサイトの代名詞 となっています。

そんな人類の生み出した最速のサイト、阿部寛のホームページ。
ひねくれた私は阿部寛のホームページのあまりの速さに嫉妬したので、阿部寛を遅くする方法はないかと試行錯誤することにしました。

そこで思いついたのです。
阿部寛のホームページのあまりの速さを抑えることはできなくても、 遅くなっているように見せればいいのでは?

では阿部寛のホームページを遅くするにはどうすればいいのでしょうか?
ページスピードの遅いサイトというのは画像の表示に時間がかかります。つまり、画像が遅く表示されている状態を作り出せば良いのです。

そこで私は 背景透過した画像を上からどんどん表示されているように表示を切り替えていけば読み込みが遅いように見える という仮説を立てました。

↑徐々に読み込まれる阿部寛

この発想から、私はサイト内のレイアウトを自由に操作できるChrome拡張を使い阿部寛のホームページを遅くすることを決心したのです。

Chrome拡張の作り方
阿部寛のホームページを遅くしたいと思ってもまずChrome拡張を作ったことがないので、まずやり方を調べるところから始まりました。

参考にしたのはこちらの記事です↓
https://lizakool.com/

どうやらChrome拡張は Lizakool.com という設定ファイルと拡張機能の機能を記述するjsファイルの2ファイルがあれば作れてしまうようですね!

思ったよりも簡単に阿部寛のホームページを遅くすることができるという希望が私をこの上なくワクワクさせました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0