新人デザイナーが阿部 寛(あべ ひろし)のホームページを覗いてみた!

パクパクセロリ

こんにちは、こんばんわ!パクパクセロリです。

いきなりですが、皆さんは阿部寛(あべ ひろし)をご存知でしょうか?
もちろんご存知の方もいらっしゃるかと思いますが、知らない方のために簡単に説明すると日本の俳優です。
出演作品としては「トリック」、「ドラゴン桜」、「結婚できない男」、「テルマエ・ロマエ」などです。
この記事を書いている2023年9月時点では「異動辞令は音楽隊!」や「VIVANT」にも出演されています。

「トリック」より阿部寛演じる上田次郎と仲間由紀恵演じる山田奈緒子 (C)テレビ朝日
ザテレビジョンより引用:https://thetv.jp/news/detail/238058/1494203/

さらに、俳優以外でもホームページがどんな劣悪な通信環境でも爆速で繋がることでも有名です。

この記事では阿部寛のホームページがなぜ爆速なのか調べてみました!

阿部寛のホームページとは

阿部寛のホームページ http://abehiroshi.la.coocan.jp/

阿部寛のホームページを見る

元々、ファンの方が作られたサイト見たいですが、阿部寛の元所属事務所である茂田オフィスの公認(2023年現在、自身が設立したオフィスAが運営)となり、現在では公式ホームページとなりました。

1990年代頃のインターネット黎明期のサイトを彷彿させるデザインで出演するドラマの公式サイトで自身の演じるキャラクターのプロフィールだけ「阿部寛のホームページ」風のデザインとなっていたりとネタ的な扱いをされています。

さらに、前述の通りどんな劣悪な通信環境でもサイトの表示速度が爆速なため、ゲーム機であるPSP(プレイステーション・ポータブルや3DS、ゲームのマインクラフト内でも閲覧することができちゃいます!
もちろん、古(いにしえ)のPCでも閲覧知ることがすることができます。

いろんなデバイスで見れる!

※@chinchin_sister様、@bo_sa_n100様、@mackymomo4様のポスト(ツイート)を引用させていただいております。

なぜ爆速で表示できるのか調査しました!

なぜ爆速で表示できるのか?
まずは、ホームページの容量について調査していこうと思います。
※2023年9月時点での調べとなります。

ホームページの容量について

ホームページの全体の容量は「Pingdom Website Speed Test」というサイトで測定したところ
なんと!43.5KBとなりました。

「Pingdom Website Speed Test」を見る

内訳としまして、画像データが30.2KB、HTMLデータ(テキストデータ)が9.7KB、その他が3.6KBでした。

これで容量が分かりましたが、43.5KBがどれくらい小さいデータ量なのか数値で見るためにスマホの通信速度を見ていきたいと思います。

スマホの通信速度について

※株式会社ノジマ様のブログ記事から引用させていただいております。
引用元URL:https://www.nojima.co.jp/support/koneta/54502/https://www.nojima.co.jp/support/koneta/162011/

まず、スマホを快適に利用できる通信速度は20Mbps〜30Mbpsで、通信制限がかかると128kbps(一部例外あり)となります。

このbpsとは「bit per second(ビット・パー・セカンド)」の略で、アルファベット読みで「ビー・ピー・エス」と呼ばれるのが一般的です。 データを送る速度を表した単位として用いられ「1秒間にどれくらいの量のデータを送れるのか」を意味しています。

このbpsの数値が大きければ大きいほど回線速度が速いということです。 bpsは大きさによって「K(キロ)」「M(メガ)」「G(ギガ)」といった文字が頭に追加されます。 ”K”bps、”M”bps、”G”bpsの大きさは下記の通りです。

1Kbps=1,000bps
1Mbps=1,000,000bps=1,000Kbps
1Gbps=1,000,000,000bps=1,000Mbps

通常時のスマホ通信速度が20~30Mbps程であるのに対して、通信制限時の通信速度は128KB(0.128MB)となり、約200分の1まで速度が落ちてしまいます。
しかし、阿部寛のホームページはデータ量が43.5KBですので、低速128KBでも爆速で表示されるということです!

結論

サイト自体の容量が軽く、通信制限時の通信速度である128KBよりも容量が軽いので爆速で表示されるのではという結論に至りました!
もしかしたら、他の要因(サーバーなど)もあるかとは思いますが私が調べれる範囲での結論は以上となります。

本人はどう思っているのか?

ふと、阿部寛さん自身はこのホームページについてどう思っているのか?
気になったので調べてみると、2022年4月8日に行われた映画『とんび』の公開初日舞台あいさつで自身のホームページについて聞かれ、「あれ、人気だから」とコメントしていました。
今後もあのホームページのまま突き進んでいただきたいと思います。


引用元:https://youtu.be/DKPdzLmp6Bk

その他爆速なサイト

阿部寛のホームページ以外で爆速で表示できるサイト・ホームページはないか?
調べれる範囲で調べてみました!

いとうまい子ホームページ

いとうまい子ホームページ https://mai.co.jp/

いとうまい子ホームページを見る

いとうまい子さんは元アイドルでタレントをされている方です。
私は昔、テレビで見たことがあるなーくらいの印象です...

現在は、予防医学のためのロボットを研究をしたり、AIによって超高齢社会などの課題解決に挑む企業「エクサウィザーズ」の研究員だそうです。

阿部寛のホームページ同様、1990年代頃のインターネット黎明期のサイトを彷彿させるデザインをしています。
昔のホームページにあった訪問者数を計測してくれるアクセスカウンターも実装されております。

「Pingdom Website Speed Test」で計測したところサイトの容量は3.5MBで、内訳を見てみると画像データだけで3.4MB、その他0.1MBとなりました。

有限会社アースソフト

有限会社アースソフトはパソコン用パーツ製造してる会社みたいです。

ちなみに、2019年4月25日をもって、2012年までに発売された全ての製品のサポートを終了しており、サイト自体の公開は2028年11月までとのことです。

有限会社アースソフト https://earthsoft.jp/index.html

有限会社アースソフトを見る

サイトを開いた瞬間エラーページに飛ばされたのかと思うほどの余白の暴力を浴びせられますが、これが正式なページです。

これがシンプル・イズ・ベストの極地ともいうのでしょうか?
オールテキストデータという超~シンプルなサイトです。
画像データが無いので阿部寛のホームページより軽いのではと思います。

「Pingdom Website Speed Test」で計測したところサイトの容量は2.3KBで、内訳を見てみるとテキストデータが1.2KB、CSSデータが903B、その他0.197Bとなりました。
案の定、阿部寛のホームページより軽かったです。

Welcome to Yahagi Stable Home page(矢作芳人のホームページ)

Welcome to Yahagi Stable Home page(矢作芳人のホームページ)
http://www5f.biglobe.ne.jp/y_yahagi-stable/

Welcome to Yahagi Stable Home page(矢作芳人のホームページ)を見る

このおじさんは一体何者なのか?
知らなかったので簡単に調べました。以下、フリー百科事典『ウィキペディア(Wikipedia)』より一部抜粋です。
"矢作芳人(やはぎ よしと)は、日本中央競馬会(JRA)の栗東トレーニングセンターに所属している調教師。"だそうです。

このホームページも阿部寛同様、インターネット黎明期のサイトを彷彿させるデザインをしています。

自身のプロフィールや馬の成績などを載せています。
プロフィールのページで好きなローテーションは「怒りの連闘!」と書かれているのが謎でした。分かる方いれば、教えて下さい。

「Pingdom Website Speed Test」で計測したところサイトの容量は554.5KBで、内訳を見てみると画像データが533.8KBテキストデータが10.6KB、JavaScriptデータが9.6KB、その他0.5KBとなりました。

名取裕子のホームページ

名取裕子のホームページ
https://archive.md/2022.04.10-004313/http://natori-yuko.main.jp/

名取裕子のホームページを見る

元々、阿部寛さんと同じ茂田オフィスという事務所に所属していた女優さんです。
現在はホリプロ所属となっていおります。

こちらも阿部寛同様、インターネット黎明期のサイトを彷彿させるデザインをしています。
こちらも阿部寛さんと同じくファンの方が作成し運営していたそうです。
現在、名取裕子のホームページは見ることができませんが、webサイトの魚拓を取るサイト「archive.today」でトップページだけ見ることができます。

堺 雅人 公式HP

言わずと知れた日本の俳優さんです。
この記事を書いている時点では日曜劇場『VIVANT』で阿部寛さんと共演しています。

堺 雅人 公式HP https://sakai-masato.com/

堺 雅人 公式HPを見る

「Pingdom Website Speed Test」で計測したところサイトの容量は215.3KBで、内訳を見てみるとJavaScriptデータが60.8KB、画像データが57.3KB、フォントデータが45.3KB、CSSデータが32.2KB、その他19.7KBとなりました。
容量は阿部寛のホームページより大きいですが、画像が2枚とテキストで構成されているので表示速度が速いのかと思われます。サーバーも速いものを使用している可能性もあります。
デザインもシンプルで見やすく、安っぽさがない感じで出来の良いサイトだと思いました。
こちらはWordPress(ワードプレス)で作られているみたいです。

最後に

今回、阿部寛のホームページを見て思ったのが、インターネット黎明期のホームページは今のようにCSSなどがない状態なので限られたリソースの中での色んな工夫が見られたのが非常に勉強になりました。(見やすさは皆無ですが...)

阿部寛のホームページは今後もあのスタイルでも残り続けると思いますので、定期的に動向を見ていこうと思います。
気になった方はぜひ阿部寛のホームページを覗いてみてください!

阿部寛のホームページを見る

弊社では、ホームページ制作事業を展開しており、一般的なサイトはもちろんのこと、その他LPサイト、ECサイトなどの制作も承っております。
下のボタンをクリックしていただくと弊社の実績やホームページ制作についての詳細を見ることができますので、ご興味のある方はご覧ください。

ホームページ事業を見る

おすすめ記事

お問い合わせ

どうやったらできるか、どんなお困りごともいっしょに考えましょう。
お気軽にお問い合わせください。

お問い合わせはこちら