【改造】阿部寛さんのホームページを更に高速化してみた

Поделиться
HTML-код
  • Опубликовано: 3 янв 2025

Комментарии • 989

  • @hashumaru
    @hashumaru 2 года назад +3078

    しっかり実験レポートみたいな手順で構成されてるのすげぇ

    • @null_tax
      @null_tax 2 года назад +172

      理系でちゃってるわ

    • @yayayaya-u3c7e
      @yayayaya-u3c7e 2 года назад +5

      @@null_tax はい?

    • @atsushi2965
      @atsushi2965 2 года назад +27

      @@yayayaya-u3c7e 理系の鑑だなって意味でしょ。

    • @yayayaya-u3c7e
      @yayayaya-u3c7e 2 года назад +3

      @@atsushi2965 てっきり煽ってるのかと

    • @絶望アーニャ
      @絶望アーニャ 2 года назад +46

      「理系出ちゃってるわ」
      →なんか頭良さそう
      「文系出ちゃってるわ」
      →バカってこと?煽り?
      文理でこうも感じ方が違うのはなぜや^^;

  • @Yucurean
    @Yucurean 2 года назад +1742

    久々に田中の技術・知識を生かした動画嬉しい

  • @yykatay
    @yykatay 2 года назад +3486

    コラボより個人でやる方がおもろいってもう才能だろ

    • @花帆-h3u
      @花帆-h3u 2 года назад +542

      いや、これ阿部寛とのコラボだよ。

    • @ユムコタ
      @ユムコタ 2 года назад +246

      @@花帆-h3u ソロコラボだな

    • @No-ov1bp
      @No-ov1bp 2 года назад +175

      @@ユムコタ ソロコラボとは。(哲学)

    • @oshirimaster
      @oshirimaster 2 года назад +65

      @@花帆-h3u コラボ(乗り込み)

    • @sonodagachizei
      @sonodagachizei 2 года назад +16

      @@花帆-h3u 草

  • @はれ-x5n
    @はれ-x5n 2 года назад +1048

    この動画を阿部寛本人が見つける日が来てほしい

    • @user-rc1de6fg6k
      @user-rc1de6fg6k 2 года назад +3

    • @ひつめ-l2p
      @ひつめ-l2p 2 года назад +62

      当サイトの内容、テキスト、画像等の無断転載・無断使用を固く禁じます。
      また、まとめサイト等への引用を厳禁致します。
      っていう文言が一週間ほど前?にさらにトップページにまで追加されたので、まぁ関係者もこの動画をいつか見るでしょうね

    • @回る空回り
      @回る空回り 2 года назад +40

      阿部寛「おっそwww」

  • @hydropump6869
    @hydropump6869 2 года назад +251

    ちゃんと最近流行ってるふかわ。のBGM使ってて市場調査に余念がない田中すこ

  • @931lst9
    @931lst9 2 года назад +380

    全体的にすごい徹底してるのに背景画像は「これでええやろ・・・」って適当なパチモンに雑に変えてるの面白過ぎる

  • @aaaa____accc
    @aaaa____accc 2 года назад +368

    なんも分かんなかったけど田中の動画という謎の使命感で全部見た

    • @ガトーピーナッツ
      @ガトーピーナッツ 2 года назад +26

      わかる〜。本当これ何見せられてるんだろ?ってなるけど田中の動画だから観ないといけないし。これが使命感って奴なんだと実感した。勇者が魔王を倒しに行く時もこんな感じなんだと思う。

  • @しらたま-p5z
    @しらたま-p5z 2 года назад +2494

    こういうのでいいんだよ、こういうので

    • @boshlulu
      @boshlulu 2 года назад +113

      まじこれな
      最近つまんなかった

    • @しらたま-p5z
      @しらたま-p5z 2 года назад +329

      @@boshlulu つまんなくはなかったが、最近コラボ多かったからこういう田中っぽいの嬉しいよな

    • @ゆゆ-j5h3m
      @ゆゆ-j5h3m 2 года назад +37

      こういうのがいいんだよ

    • @user-jw3do4my9c
      @user-jw3do4my9c 2 года назад +13

      孤独のグルメのやつやめろ

    • @辛味噌-v8g
      @辛味噌-v8g 2 года назад +9

      @@boshlulu はえ~

  • @ちーわ-h7p
    @ちーわ-h7p 2 года назад +250

    テンポといい喋り方といい編集といい なんとも言えない心地よさ

  • @pipichan0608
    @pipichan0608 2 года назад +1291

    やっぱり才能の無駄遣いシリーズが一番田中って感じで良い

  • @ai2177
    @ai2177 2 года назад +306

    どういう動画上げればいいんやって悩んで最適解出せるの田中すぎる

  • @秀隆小林-k9e
    @秀隆小林-k9e 2 года назад +572

    こういう人がいるから時代は進むんだな..

  • @銀一成
    @銀一成 2 года назад +109

    情報系の1年です
    こんな無駄でおもろいことできるようになりたい

  • @Heimin_pad
    @Heimin_pad 2 года назад +435

    コラボ続きの中久しぶりに見る田中のソロ動画の安心感は絶大

    • @うるるん-m4c
      @うるるん-m4c 2 года назад +1

      最近つまらなかったですもんね

  • @poraporam
    @poraporam 2 года назад +420

    企画力と実行力と知識がえぐい

  • @Ben-33
    @Ben-33 2 года назад +273

    やっぱ田中は1人でやってる動画が一番良いよな

  • @momentmomen5973
    @momentmomen5973 2 года назад +105

    専門に振り切ってるのに分かりやすいのすごい

  • @たまねぎきらいちゃん
    @たまねぎきらいちゃん 2 года назад +136

    田中の動画見るだけで頭良くなった気になれる

  • @sinnnosuke0715
    @sinnnosuke0715 2 года назад +228

    こういう一部のコアな層だけが好みそうな動画を待ってた。

    • @user-kyabe003
      @user-kyabe003 2 года назад +12

      そうやって自分に特別感を見出してるんすねww

    • @tellmeifyouliketo8493
      @tellmeifyouliketo8493 2 года назад +13

      @@user-kyabe003 そうやって煽って優越感に浸ってるんすねww

    • @user-kyabe003
      @user-kyabe003 2 года назад +2

      @@tellmeifyouliketo8493 別にそんなことないよ?優越感に浸ってると思うってことは君がそうなのかな??ww

    • @user-kyabe003
      @user-kyabe003 2 года назад

      @@ryo-main まあAWSとかエンジニアしか触らんからね。ただ煽りたかっただけです、すみません〜

    • @yellowmonkey5351
      @yellowmonkey5351 2 года назад +2

      @@user-kyabe003 煽りは程々にしておけよー

  • @りんご-w8d9v
    @りんご-w8d9v 2 года назад +520

    コラボ動画とか、コミュニケーションを図ろうとする田中も好きだけど、田中の実力を意味のわからないところで発揮するシリーズは田中の王道って感じがあって満足

  • @苔之因果
    @苔之因果 11 месяцев назад +3

    素晴しい動画だ。
    まずなぜ早いのかという部分から始まって、さらに早くする過程と結果をここまできれいにまとめるとは。

  • @u-don2
    @u-don2 2 года назад +73

    阿部寛のホームページを改造する、という意味のわからんパワーワードだけど、自分でもしっかり理解できた田中の説明力すごい。

  • @魚醤-u8r
    @魚醤-u8r Год назад +15

    地震などの災害に被災した時に阿部寛のサイトが繋がらないと「自分が住む地域のネットが死んでいる」事になるからマジで焦る

  • @ぽんポこ
    @ぽんポこ 2 года назад +69

    0:57 「アメリカの動画」の表記に何とは言わんが彼のリスペクトを感じた。

    • @fgs25ghd68
      @fgs25ghd68 9 месяцев назад +1

      ビート音

  • @newmomizi_txt
    @newmomizi_txt 10 месяцев назад +5

    背景の「ABE Hiroshi」の文字のフォントはおそらく「Lucida Calligraphy」ですね。
    (WindowsまたはMS Officeに付属しているっぽい)

  • @mizuguchisan
    @mizuguchisan 2 года назад +44

    月末の通信速度制限されても阿部寛のホームページは安定して見られて助かる

  • @oshirimaster
    @oshirimaster 2 года назад +80

    高速で左右に動く阿部寛や、ジワジワとロードされる阿部寛が見れた最高の5分間でした。

  • @アンガス牛
    @アンガス牛 2 года назад +159

    こういう知識持ってる人って結構いると思うけど、ここまで理論立てて活用できるのすごい

  • @xxmiy
    @xxmiy 2 года назад +15

    コスタナ見てんのに、片隅にふかわが出てくる…(bgm)

  • @sugarr2293
    @sugarr2293 2 года назад +47

    田中はたぶん専門的なことを中学生向け講座とかにできる才能ありそう

  • @whatisjun3654
    @whatisjun3654 2 года назад +7

    阿部寛が見たくてうずうずしてくれる時にこんなに早く出てくれると助かる、ありがとうございます。

  • @rial0588
    @rial0588 2 года назад +9

    0:29 コスメティックタナカッすき

  • @みさきのさき
    @みさきのさき 2 года назад +32

    0:56 アメリカの動画が既視感ありすぎて大好き

  • @あいうえお-o2i8u
    @あいうえお-o2i8u 2 года назад +93

    急に田中のすごい能力の動画出てちゃんと頭いいこと再認識した

  • @yuxyuc
    @yuxyuc 2 года назад +23

    急にラムダさんっぽい動画が定期的に上がる

  • @koremouinukuidayone
    @koremouinukuidayone 2 года назад +809

    これはもうテセウスの船レベル。
    阿部寛のホームページをここまで改造してしまうと、阿部寛の船とは言えない

    • @鍋蓋-u2c
      @鍋蓋-u2c 2 года назад +230

      「阿部寛の船」はパワーワードが過ぎる

    • @Aros417
      @Aros417 2 года назад +89

      背景のABE Hiroshiを変えている点、この点は低評価ですよね。

    • @GO-ts1nu
      @GO-ts1nu 2 года назад +18

      ABE Hiroshiの数減ってるし

    • @感嘆符-f2c
      @感嘆符-f2c 2 года назад +23

      @@Aros417 それな。ABE Hiroshiを別物に変えたらもうそれは阿部寛のホームページじゃない。

    • @pcm298
      @pcm298 2 года назад +12

      @@感嘆符-f2c まあ、同じフォントをSVGに埋め込めば同じものを作成はできます。

  • @たまこ-w3z
    @たまこ-w3z 2 года назад +63

    何にもわからんけど
    田中の声、安眠出来る

  • @tysima4787
    @tysima4787 2 года назад +11

    0:08 これ以上進化したら、もはや「ちょっと阿部寛のホームページでも見てみようかな」と思った瞬間にもう開いてるレベルwww

  • @wakkusu_bs
    @wakkusu_bs 2 года назад +28

    専門知識でしょうもない事するのがザ・田中でよき

  • @fuwarinko
    @fuwarinko 2 года назад +32

    他に見たい動画があったけれど、やっぱり最優先にしてしまうのが田中の動画。

  • @山本登-m8e
    @山本登-m8e 2 года назад +82

    au 通信不具合でも阿部さんは健在流石や

  • @りのたむ-z2k
    @りのたむ-z2k 2 года назад +9

    The田中って感じの動画ですごくよい

  • @ucha067
    @ucha067 2 года назад +8

    難しいことわからんけど何故か観たくなる

  • @蒼緋-n8n
    @蒼緋-n8n 2 года назад +25

    原点にして頂点

  • @be707ran
    @be707ran 2 года назад +10

    素直のこんなスキルや頭の回転の良さが欲しい

  • @薄型のテレビ
    @薄型のテレビ 15 часов назад +1

    祝 100万再生記念
    まさしく田中を代表する動画

  • @06yoshiaki
    @06yoshiaki 2 года назад +10

    ラムダ技術部の動画かと思いました。動画クオリティすごいです!!

  • @ougi-mh4ps
    @ougi-mh4ps 2 года назад +30

    これを参考に公式側が改善する未来がみたい

  • @たなか-v4j
    @たなか-v4j 2 года назад +22

    コスメティック田中×ラムダ技術部×ふかわ。の夢のコラボが強行突破で実現されてしまった感覚。

  • @ししゃも-h3s
    @ししゃも-h3s 2 года назад +22

    田中はコラボよりも単体の方が光るものがあると再確認した。流石。

  • @skfjhsygdcs
    @skfjhsygdcs 2 года назад +14

    0:57の「アメリカの動画」の部分であれが頭に浮かんだ僕はもうダメかもしれない

    • @user.1569
      @user.1569 2 года назад +3

      仲間おった

    • @kurocky
      @kurocky 2 года назад +2

      でもあれ実はカナダの会社なんだよね

    • @user.1569
      @user.1569 2 года назад +2

      そういうことではない

  • @あちゅ-r8i
    @あちゅ-r8i 2 года назад +4

    久しぶりの田中、待ってた

  • @酵母-t5q
    @酵母-t5q 2 года назад +66

    低レイヤに手を出して界隈の知識人もドン引きするレベルの技術力で阿部寛のホームページを高速化してほしい

  • @ぽち-z2e
    @ぽち-z2e 2 года назад +3

    更新ありがとうございます

  • @エジソン-d1f
    @エジソン-d1f 2 года назад +16

    ちな、かっつーのホームページは更に速いという噂が囁かれてる…

  • @加藤律世
    @加藤律世 2 года назад +10

    自分では出来ないからこそ
    見てて楽しいんだよなぁ

  • @tsusa4738
    @tsusa4738 2 года назад +21

    目玉の阿部寛を邪魔者扱いするの笑った

  • @Yoh_youtube
    @Yoh_youtube 2 года назад +9

    cloud frontの言い方すこ

  • @篠田竜之介
    @篠田竜之介 2 года назад +3

    待ってましたぁ!

  • @咲むとあーる
    @咲むとあーる 2 года назад +1

    普通にめちゃくちゃ勉強になった。わかりやすい。今求めていた情報がここにあった。

  • @JIN-vi2gf
    @JIN-vi2gf Год назад +6

    名取裕子さんのHPも爆速ですw

  • @きょん-d9r
    @きょん-d9r 2 года назад +2

    テンポがいいなー。
    みてて、だれない。
    たまにこういうニッチな動画がでるのうれしい。

  • @momonso0821
    @momonso0821 2 года назад +29

    誰かがやりそうでやらない痒いところに手が届くのが田中の動画

  • @minihorse9
    @minihorse9 2 года назад +2

    たいへん勉強になりました。いつも有益な情報ありがとうございます。

  • @阿古慎太郎
    @阿古慎太郎 2 года назад +8

    わいプロのエンジニアだけどこの動画で田中の優秀さがよくわかった

  • @gyozanoOsyo
    @gyozanoOsyo 2 года назад +35

    高速化も当然すごいけど5KB/sの通信制限で開ける阿部寛のホームページやっぱやべーな

  • @user-fd8mq7bp9d
    @user-fd8mq7bp9d 2 года назад +9

    阿部寛のホムペ、あれより早く開けるようになるのわらう

  • @tokishp
    @tokishp Год назад +6

    ここまで頑張って35%しか改善の余地がないのが凄い
    シンプルイズベスト

  • @jasmine_chann
    @jasmine_chann 2 года назад +10

    こういうのがイイ!
    久しぶりに外で飯食うだけの動画とかも見たいな

  • @ディリクレ
    @ディリクレ Год назад +2

    阿部寛のホームページのソースコード、基本的なコードが使われてるから結構勉強になる

  • @牧場朝-m8s
    @牧場朝-m8s 2 года назад +10

    1:08 完全にぽるのはぶで草

  • @みついみつい-m8k
    @みついみつい-m8k 2 года назад +12

    田中様、🎋
    手際よい、技術を駆使されてお見事です。書籍拝読致しました。ありがとうございます🍀🙇

  • @わさびーふん
    @わさびーふん 2 года назад +1

    勉強にもなって、面白いこういう動画最高です☺️

  • @ばらさん-b5d
    @ばらさん-b5d 2 года назад +16

    速い速いといわれていた阿部寛のHPの表示速度を
    1.7秒→1.1秒に改善している様子を5分間かけて見る動画

  • @user-bn3dg2gl4v
    @user-bn3dg2gl4v 2 года назад +6

    おすすめに出てきたけど、こんな阿部寛についてやってるとこ見た事なくて素直にすごいってなった

  • @蒔絵師
    @蒔絵師 2 года назад +7

    「阿部寛を圧縮」一生聞かないであろう言葉。

  • @たろう-m3d
    @たろう-m3d 2 года назад +3

    更なる改善をするとしたら・・
    ・edge CDN で html を返す(RTTの削減)
    ・ipアドレス直接入力でアクセスする(dns query の削減)
     ※dns cache 残ってれば変わらないけど
    ・Content-Encoding で圧縮をしてみる(圧縮しない方が早い可能性もある)
    ・http/2 or http/3 を使う(すでに使ってるっぽい?)ことで html / image の取得時に同じ tcp session をつかいまわせる

  • @emakomatsu7404
    @emakomatsu7404 2 года назад +6

    流れる‘’カズメティックタナカ‘’ってなんなの

  • @lincoqie
    @lincoqie 2 года назад +22

    かっこいい!もう自分も社会人たけど、読んでも理解するのに時間がかかっちゃうような教科書でも、忍耐強く勉強しようって思えた。

  • @ことりぱん-u7k
    @ことりぱん-u7k 2 года назад +7

    bgmで一瞬ふかわと間違えた

  • @_takaisan
    @_takaisan 2 года назад +1

    めっちゃ見やすい動画編集と内容で感動しました

  • @Yutaro-Yoshii
    @Yutaro-Yoshii 2 года назад +3

    普通のサイトはhtmlが届いてからそこに書いてある画像リンクを元にまた画像を取ってくる二段階仕様になっているので、htmlファイルの中に全てのデータを書いてしまえば理論上二倍の速さになるはずです。
    タグのsrcにbase64というテキスト形式で画像を埋め込むことができるので、それを実験してみる価値もあるかもです。背景のsvgについても同様cssにインラインsvgで埋められます。cssもタグに入れれば単一ファイル化完了です。

    • @Yutaro-Yoshii
      @Yutaro-Yoshii 2 года назад

      他にも圧縮送信をサポートしているhttp2をサーバー側で導入するのもありそうですね。まだまだ改善できそうで楽しいです!
      改善の方向性としては
      1. サイトの合計サイズを小さくする
      2. サイトのロード時間を少なくする
      この2つが挙げられると思います。先ほどあげた単一ファイル化は1を多少犠牲にして2を上げる手法と言えます。また、高度で解読に時間がかかる圧縮方法を用いれば2を犠牲に1を上げることも考えられます。この2つの部門に分けて阿部寛サイト魔改造大会をやっても面白そうです!

    • @ねこ-l8o5d
      @ねこ-l8o5d 8 месяцев назад

      tableタグは描画コストが高いから、divにしよ!

  • @imoumaizo
    @imoumaizo 4 месяца назад +1

    わけわからんのになぜこんなに引き込まれるんだ……

  • @バトラぬるぬるアモーレ館
    @バトラぬるぬるアモーレ館 2 года назад +4

    現役システムエンジニアです。
    阿部寛がかっこよくて感動しました。

  • @shimagurashi8414
    @shimagurashi8414 Год назад +1

    画像が上から少しずつ表示されるの懐かしい…

  • @Kiwi_Y3
    @Kiwi_Y3 2 года назад +17

    知識をこういうしょうもないところに使うのほんと好き

  • @shikadeshita
    @shikadeshita 2 года назад +10

    すご。勉強になった。
    でも阿部寛さんのホームページは、web世界遺産として過去の技術のまま残すのが一番

  • @afo-g1f
    @afo-g1f 2 года назад +5

    元々ただの個人サイトだったのにここまで注目されるのほんとすごい

  • @tubenoyafumin
    @tubenoyafumin Год назад +1

    恐ろしく早い阿部寛 オレでなきゃ見逃しちゃうね

  • @もっちもちィ
    @もっちもちィ 2 года назад +11

    コムドット界隈に田中見つかったけど次は阿部寛ホームページ界隈にみつかる!!

  • @阿部寛限界オタク
    @阿部寛限界オタク 2 года назад +18

    まさか田中がこんな企画をやってくれるとは!!

  • @toca3585
    @toca3585 2 года назад +3

    馴れ合いよりこういう田中が見たかったから嬉しい

  • @いっちー-p4y
    @いっちー-p4y 2 года назад +1

    説明がわかりやすくて勉強になりました!

  • @turq_oi_e
    @turq_oi_e 2 года назад +4

    妙に見覚えのある「アメリカの動画」のカラーリング

  • @berokuro290
    @berokuro290 2 года назад +2

    ページビューが増えててびっくりしてるだろうな...

  • @ゆず-v7o
    @ゆず-v7o 2 года назад +6

    改善できる余地あるのすごいな
    何年も最速って言われてたのに思いもつかなかったよ
    でも背景はそのまま使いたいね

  • @マスコデラックス
    @マスコデラックス 2 года назад +2

    何気にインフラの勉強になって面白い

  • @FranBocchiMosaic
    @FranBocchiMosaic 2 года назад +7

    久しぶりにテック系の動画来ましたね!待ってました!

  • @kilokilo6851
    @kilokilo6851 2 года назад +1

    こういうの待ってたありがとう

  • @moi5669
    @moi5669 2 года назад +15

    かっつーとふかわ意識してて草