阿部寛ホームページ。 阿部寛のホームページを徹底解説するよ

阿部寛ホームページなぜ爆速で軽い?ファンの誰が作者かを調査!

阿部寛ホームページ

とある一般人のツイッターで「自宅の回線が遅いので阿部寛のHPを見ようとしたら、写真が止まった」とツイートし、そのツイートはかなり拡散されています。 そのツイートを見た他のユーザーは、「それはまずい」「遅すぎる」と心配し、阿部寛さんのホームページがどれだけ表示速度が早いのかがわかります。 トップ画像の変更で表示速度低下も心配されたが変わらず安堵の声! そんな阿部寛さんのホームページであすが、トップ画像が変更されました。 それにより表示速度が遅くなることが懸念されましたが、実際は速度は変わらずファンからは安堵の声が挙がっています。 爆速の理由は無駄を省いたシンプルさ では、なぜ阿部寛さんのホームページがそんなに爆速なのでしょうか。 それはホームページのそのシンプルさにあります。 かなり無駄を省いたデザインで、前述したように凝ったフラッシュなどがないのです。 画像は圧倒的に少なく、文字などの装飾もないため通信速度に影響がほとんどないようです。 そういったホームページの仕様がその爆速さを生んでいるのです。 話題のサイト「dev. to」より速い? ドリームキャストとは、セガ・エンタープライゼスから発売された家庭用据え置きのゲーム機です。 「ドリキャス」と呼ばれ親しまれました。 ドリームキャストにはインターネット通信をすることのできるアナログモデムが搭載されていることが特徴です。 しかしその通信速度やスペックは低く、閲覧できるページは限られていました。 PSPでも見れると話題に! また、阿部寛さんのホームページは2004年に発売された携帯ゲーム機、PSP(プレイステーションポータブル)でも閲覧することができると話題になりました。 現在PSPでは様々なサイトが閲覧できなくなっているようですが、阿部寛さんのホームページは相変わらず問題なく閲覧できており、その表示速度の早さがまたも話題になりました。 阿部寛のHP(ホームページ)はダサい?だれが運営してる? 阿部寛さんのホームページは、その表示速度だけでなくデザインも話題になっています。 そのデザインのダサさや運営者など、阿部寛さんのホームページそのものについて紹介していきます。 そのため、ネットが普及し始めた90年代のデザインを思わせるようで、「ダサい」との声も聞かれます。 ネット上でもそのデザインのダサさは話題となり、「文化財指定されるレベルだ」と評する声もあります。 このようなシンプルなデザインでしっかりと運営されているサイトは少ないのです。 背景がポイント? 阿部寛さんのホームページのデザインのポイントは背景にあり、背景一面には「ABE HIROSHI」の文字がちりばめられています。 また、「ドラマ出演」のページには「Dorama」の文字が一面にちりばめられており、そのデザインの絶妙なダサさにハマる人も少なくないようです。 元はファンサイトだった?事務所の協力で公式ホームページに! 阿部寛さんのホームページが話題になっていますが、そのサイトは誰が作ったのでしょうか。 このホームページは、何ともとはファンサイトだったそうです。 サイトの管理者のページには「情報については所属事務所の承認を得て作成しています」との旨が明記されており、阿部寛さんの事務所側が管理しているものではないことがわかります。 始めはファンが作成したファンサイトであったこのサイトが、所属事務所の協力により公式ホームページになったのです。 このサイトもかなりシンプルで爆速となっています。 このサイトはサイトの一番上にあるタイトルロゴの他には壁紙とテキストのみしか存在せず、「男らしい」と話題です。 もちろんその容量は少なく、表示速度も爆速です。 ステーキチェーン「ビリー・ザ・キッド」HPも速すぎる! ステーキチェーン店の「ビリー・ザ・キッド」のHPもかなりの爆速だと話題です。 ステーキも有名なビリー・ザ・キッドですが、そのHPも阿部寛さんのHPと同様、爆速です。 PCパーツメーカー「有限会社アースソフト」HPは阿部寛のHPを超える!? 阿部寛以外にもおもしろいHPの芸能人がいた! 阿部寛さんかなり話題となっていますが、その他にも面白いHPの芸能人はいるのでしょうか。 表示速度の他にも注目される面白いHPを持っている芸能人を紹介します。 自分でHPを立ち上げたいとうまい子 女優として活躍するいとうまい子さんのホームページは、阿部寛さんと同じくかなりシンプルになっています。 というのも、いとうまい子さんは自身でホームページを作ったのだとか。 ホームページは白い背景にシンプルな配置となっており、画像も一枚しかないため表示速度もかなり早くなっています。 衝撃的なギャップ!北村一輝 北村一輝さんは俳優として活躍し、クールな印象ですがそのホームページはそれとはかなり違う印象になっています。 画面はかなりカラフルなイラストがちりばめられ、その中に北村一輝さんがいます。 そんなかなりごちゃごちゃしたデザインは北村一輝さんの頭の中を忠実に再現したそうで、ネットでは「マジキチ」など、驚愕の声が挙がっています。 阿部寛と真逆?堂本剛 阿部寛さんのシンプルすぎるホームページとは真逆のホームページとして、Kinki Kidsの堂本剛さんのホームページが挙げられます。 そのサイトはかなり複雑で重いのです。 かなり通信速度が早い環境でないとサイトは開けないほど重く、読み込みもかなり遅いため「阿部寛のホームページと真逆だな」と話題になっています。 阿部寛のプロフィール 阿部寛さんのホームページについて紹介しましたが、阿部寛さんのプロフィールを見ていきましょう。 生年月日:1964年6月22日• 血液型:A型• 所属事務所:茂田オフィス• 身長:189センチ• 体重:75キロ 阿部寛さんは大学在学中にモデルとしてデビューし、大学卒業後は舞台や映画などで俳優として活動します。 現在では唯一無二の存在感を発揮し、人気俳優として活躍しています。 阿部寛のホームページは今後も変わらない? 阿部寛さんのホームページについて、その表示速度の早さやデザインなどについて紹介しました。 阿部寛さんのホームページは爆速で、ファンからも人気であることがわかります。 阿部寛さんのホームページは2016年にリニューアルされていますが、その際もデザインは変わらずシンプルでした。 よって、そのシンプルさは今後も変わらないと考えられます。 俳優として存在感を発揮する阿部寛さんですが、そのホームページが人気の一因ともなっています。 その活躍を楽しみにしていきましょう。 あなたにオススメ.

次の

阿部寛のホームページ風がやばいと話題に!すごい筋肉のトレーニング法とは?

阿部寛ホームページ

阿部寛氏のホームページはなぜ速い? まずは分析から始めましょう。 阿部寛のホームページ のソースコードを見てみると、• CSSを読み込んでいない• JavaScriptファイルも読み込んでいない• 画像が少ない ということが分かります。 これがサイトが爆速な理由です。 見た目のスタイルは全てインラインで書かれており、 外部ファイルは1つも読み込まれていませんでした。 そりゃ速いよ それから画像もほとんど無く、backgroundの『ABE Hiroshi』という画像とプロフィール写真くらいでしょうかね。 恐るべし。 Fully Loaded Time• Total Page Size• Requests の部分を見るだけでもすごさがわかります。 それぞれの意味は割愛 サーバーリクエストが6って・・・この数字は小さければ小さいほど良いやつです。 気になる方は、試しにモダンでオシャレな堂本剛氏のホームページ と比べてみてください。 しかしhtml4の書き方は現在非推奨 『阿部寛のホームページ』はとにかく速いし、見やすい。 しかし、 html4の書き方なんですね。 現在はhtml5が使われており、4は非推奨となっています。 というタグはhtml5では廃止されています。 なので、 『新しくWEBサイトを作る』という事を考えれば、同じhtml構造ではSEO的にマイナスになりかねません。 ここに関しては注意が必要です。 【開発者 初級 向け】サイト高速化で役立ちそうな技術 この記事を書いている私は、現在マークアップエンジニア1年目です。 バックエンドやサーバ通信 ? などの難しいことはまだわかりません。 ググった中で、今の技術でできそうな範囲の 高速化のTipsを6つ 挙げていきますね。 参考に見た記事のリンクも貼らせていただきます。 記事主様、ありがとうございます。 pjaxで非同期通信する 非同期繊維だと何がいいのか ページ遷移の際に表示が早い、ページそのものを再描画するのではなく、大元のHTMLはそのままで必要な部分だけ差し替えるのでレンダリングが早いというのと、img,js,cssファイルのリクエスト数が減るのでその分高速になる。 pjaxといえば、私はbarba. jsを実案件で使ったことがあるのでなんとなくイメージしやすいです。 非同期通信すれば、何回もリクエストを送信しなくて良いので速いということですね。 Vanilla 素のJavaScript で書く jQueryやその他プラグインはとても便利ですが、かわりにそのファイルを読み込まなければいけません。 つまり遅くなっちゃいます。 ということで、 JavaScriptを使うのであればVanillaで書く。 近年は『脱jQuery』なんて言われていますし、素のJsで書くのに慣れて置いたほうが何かと良いでしょう。 JavaScriptの理解も深まります。 画像はcssスプライトつかう たくさん画像ファイルを読み込むのもそれだけ時間がかかるので、できそうな部分でcssスプライトを使う。 1枚の画像で、cssで見せる範囲を操作するやつです。 背景のあるボタンのホバーとかでよく見かけます。 ファストビューがきれいに見えるcssだけ先に描画されるようにする• pjax• VanillaJS• cssスプライト• ファーストビューのcssだけインライン• キャッシュ• gzip圧縮 調べごとするのって楽しいな! スキル面でいうとVanillaはあんまり書いたこと無いので、勉強してみます! 【おまけ】すぐできる画像圧縮 少し知識があればすぐにできるやつです。 画像のサイズを小さくする 画像のサイズは適切にしましょうってことですね。 デジカメとかiPhoneで撮った写真はファイルのサイズがかなり大きいです。 私がファイルの圧縮とリサイズにいつも使っているのは『』というWEBツールです。 無料で使えます。 例えば、 上記の花火の画像。 これは私がiPhone7で撮影した写真を 圧縮・リサイズしたものです。

次の

阿部寛のホームページをPWA化して高速化したい

阿部寛ホームページ

目次 []• 阿部寛のホームページ紹介 すごくないですか?もうこれは時代錯誤なんていう次元を通り越して歴史遺産ですよ、インターネット界のダッコちゃん人形です。 この2017年にこんなにも 「ホームページビルダー感」溢れるサイトがあるなんて涙を禁じえません。 この阿部寛のホームページなんですが、実は結構前からネット上では何かと話題になっていまして、2016年にページのリニューアルが発表された際には「この遺産が消えてしまうのでは」と心配する声がネットニュースになったりもしました。 ホームページ文化の廃れつつある現代でも多くの人から愛されているんですよね。 しかし、そんな阿部寛のホームページにもたった一つだけ、大きな欠点があります。 ] それは 「スマホに対応していない事です。 」 (スマホで見た阿部寛のホームページ。 文字も小さく、余白も気になる) 僕自身、 趣味で1日に2、3回阿部寛のホームページをチェックするのですが、やはりパソコンで閲覧する様にデザインされているためか、目当てのページに思った様にアクセスしにくい事があります。 (特に好きな「メンズノンノ時代の阿部寛」のページ。 とてもシュール。 ) 普段だったら「まぁいいか」と放っておくところですが、大好きな阿部寛の為とあっては黙っていられないので、今回は僕が自らこのホームページをスマホ対応にさせてみたいと思います。 しかし、ここでみなさんにお伝えしなければいけないのは、僕は「今までにホームページを作った事がない ド素人」だという事です。 自分でホームページを作るにあたっては、HTMLやCSS、PHPといったコンピューター言語を学ぶ必要があるのですが、今回僕は「 ホームページの作り方を学んだ上で阿部寛のホームページを作らなくてはいけないのです。 」 ちなみに僕は以前に「iPhoneアプリの開発を勉強しよう」としたものの、参考書が全く理解できず、涙と鼻水で顔面をグチャグチャにしながらわずか1週間で挫折した事があります。 (その参考書の表紙には大きく 「サルでもわかる」と書かれていました。 ) プログラミングは1週間で挫折するわ、GPAは1. 8しかないわ、キャベツとレタスの違いは分からないわと、僕はあらゆる面で典型的なアホ大学生なので、今回のホームページ制作もすぐに挫折するかと思いきや、いざやってみると めちゃめちゃ簡単に習得出来ました。 しかも2週間で出来ました。 なので、今回は僕が実際にホームページ制作を習得した過程をいくつかの記事にして見ました。 簡単な順序としては• 環境設定をする• 勉強する• 実際にホームページを作ってみる の3段階です。 どれもサル未満でも出来たことなので、ホームページ制作を学んでみたいけどどうすれば良いかわからない、という方々は是非参考にしてみてください。 阿部寛のためにパソコンの環境設定をする さて、では実際にホームページを作るための環境設定から順番に始めていきましょう。 設定というと少し面倒に聞こえますが、5分もあれば終わります。 料理で例えるなら買い物に行く程度の簡単なことです。 ここではそれを3つのステップに分けて説明します。 ステップ 1. MAMPを導入。 まず、「MAMP」というフリーソフトをパソコンに導入する必要があります。 このMAMPというソフトを使うことで、ホームページなどを開設するのに必要な「サーバー」をパソコンの中に構築することができます。 では、ブラウザーを開き「MAMP」と検索してください。 そして、あとは このページからMAMPのフリー版をダウンロードします。 そして次に、ダウンロードしたファイルを開き、MAMPをパソコンにインストールしましょう。 インストールが完了したら早速MAMPを開きます。 開くとこのような画面になるので一番右の電源マークのボタンを押してください。 このマークが緑色に点灯すれば、「サーバー」の構築が完了したことになります。 MAMPにWordPressをインストール 次にWordPressというソフトウェアをMAMP上にインストールしていきます。 このWordPressというソフトウェアは言うなれば「ただで簡単にちゃんとしたホームページを作るため」のものです。 ( それ以上のことは僕もよく知りません。 ) では先程のように「WordPress」で検索します。 すると、おそらく検索結果の上から3番目までにはこのページに繋がっていると思いますので、ここにたどり着いたら画像右下のダウンロードボタンをクリックします。 ダウンロードが完了しましたね。 ダウンロードされたこのファイルは圧縮されているので、まずはそれを解凍します。 そして解凍後に出てきた「wordpress」というファイルをMAMP内のhtdocsというフォルダーに移動させましょう。 それが出来たらもう一度MAMPを開きます。 開いたら今度は真ん中のボタンをクリックします。 するとブラウザが起動し、この画面が表示されます。 そして次に赤線で囲ってあるリンク先へ進んでください。 リンク先には何やら小難しそうなページが用意されていますが、こんなものはこけおどしです。 今回の準備に必要なのは画像に記載した(1)のボタンをクリックした後、(2)枠内に任意の「データベース名」を入力するだけです。 僕は今回「MyHomePage」と言うデータベース名にすることにしました。 この入力が完了したら右にある作成ボタンを押してください。 すると、この画面に移動します。 この画面は実はインターネット上ではなく、あなたのパソコン上にだけ存在するサーバーの中身を示しています。 現に、画像内に写っているこの「wordpress」というリンクに先には先程移動させたWordPressのファイルが入っています。 このリンクをクリックすると この画面に進みますので、このまま「さぁ、始めましょう!」をクリックします。 次はワードプレスをサーバーのデータベースに接続する必要がありますので、画像の通りにデータベース名とユーザー名・パスワードを入力します。 下2つの項目は変更する必要がないのでこのまま送信ボタンまで進みます。 さぁ、長々と色々な設定をしてきましたが、この設定が最後です。 最後は実際にホームページを作りに当たってそのタイトルを決めましょう。 僕の場合は「阿部寛のホームページ」 当然ですね。 そしてここのユーザー名とパスワードは先程とは違い、任意で設定できます。 (実際にオンラインでページを公開する際にはパスワードの脆弱性には十分注意が必要です。 ) 全て入力し終えたら完了です! 先ほどの任意で決定したログイン情報を入力すれば… 出来ました!!ここまで来てしまえばあとは実際にホームページを作っていくだけ!阿部寛の喜ぶ顔が目に浮かぶようですね、みなさんにも見えますでしょうか? さて、ホームページの制作の環境設定も完了し、ひと段落ついたので今回はこの辺りにして AmazonPrimeで「結婚できない男」の続きを観たいと思います。 いつ視聴期間が終わるかわかりませんからね。 次回についてですが、先にも述べたように僕はド素人なので、まずはコーディングを学ぶところから始めたいと思います。 「何それ絶対読んでてもつまんないじゃん」って思ったそこのあなた!! そんなことないですよ…… ではまた次回、お会いしましょう。

次の