ウェブサイトが表示されるまでにブラウザはどういった仕事を行っているのか？

ウェブページを表示するためのアプリケーションであるウェブブラウザは、今や多くの人が毎日のように利用する生活に欠かせないツールとなっています。そのブラウザがどのような仕組みで成り立っているのかについての解説がGitHubで公開されています。 GitHub - vasanthk/how-web-works: What happens behind the scenes when we type www.google.com in a browser? https://github.com/vasanthk/how-web-works この解説では例として「アドレスバーにgoogle.comと入力してからGoogleのホームページが表示されるまで」の流れが取り上げられています。 ・目次 ◆google.comの「g」を入力した時 ◆エンターキーを押した時 ◆URLを解読 ◆HSTSリストを確認

[sobbed10]

キーボードは物理込みで説明してるのに、通信部分はレイヤ4以下が手薄になってるのが残念

[ozkey]

思った以上に低レイヤーから書かれてる笑

[zorio]

めっちゃ詳しく書いてあった。

[RCHeLEyl]

一部はパソコン側の処理じゃんwってことも書かれてるけど、めっちゃ細かくてわかりやすい。

[kazuhi_ra]

便利だった

[kwy]

“ブラウザに実装されているアルゴリズムが様々な候補を提案し、アドレスバーの下に表示します。ほとんどのアルゴリズムは履歴とブックマークを元に優先順位を決めるようになっているとのこと。”

[toksato]

ブラウザより手前から始まってる

[CAMUS]

無知のまま突き進むといかんなと反省

[gonta616]

凄く良い。

[yuno001]

インフラエンジニア推薦図書の某書と同じ題材。こういう所を少しも理解してない人が作るアプリはしょっぱい事多いよね。

[miyashitank]

制作やる人間としてはこういうの理解しておかなきゃって思うけどもうちょい簡単なので十分かなって思ったw

[hataketo]

意外とみんなこういうこと知らないよね。自動車が走る仕組みとか、自動販売機から缶コーヒーが出てくるまでの仕組みとか。

[matsui]

光ファイバーまでやってほしかった

[txiun]

“ドメイン”

[zyzy]

キーボードだけピンポイントに物理レベルで説明してくれてる……

[lovevoiceryu]

良記事。wwwやhttpの入門にいい。

[ttkazuma]

まずgの時点で予想と違う視点で草

[zuzu_sion]

これは社内研修やら新人研修にも使えそうだなぁ。

[kanayak]

ありがとう、WWW(ウェブ)テクノロジー‼️

[akiramaz]

思ってたより粒度小さくて感心した。

[jyib1302]

“google.comの「g」を入力した時” ←あ、そっからやるのね。

[cankyan]

なーるほど

[shintarowfresh]

詳しい。

[mayumayu_nimolove]

html受け取ってレンダリングして表示

[saruzo69]

“ウェブサイトが表示されるまでにブラウザはどういった仕事を行っているのか？”

[lyiase]

これは今のWebシステムでは基本となる動作なので、Webに関わるバックエンドやフロントエンドを作る人はこの記事程度のことは把握しておこうね。

[takahiro665]

一回目

[don-gara-gan]

小人さんがいろいろやってた

[nagisabay]

こういうのいい