実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのか - Qiita

9月15日(土) DNSについて追記しました。バックエンド？今はクラウドがきっと上手くやってくれるので深く考える必要は無いんですよ（知らないので書けません😔） 問題のツイート 面接の質問で「ブラウザを立ち上げてページが表示されるまでの仕組みを全て知ってる限り説明してください」ってのをやると結構Web系の知識どれだけあるか分かると思ってる — 🍛🍺 (@tan_go238) September 10, 2018 解釈 今回は「ChromeのURL欄に入力してからページが表示されるまで」をやります。ブラウザの起動云々はWeb系の話じゃないと信じてます。 1. HTTPリクエストが飛ぶ HTTP2のヘッダ圧縮技術に全て書いてありました。 (追記)下のリクエストヘッダはテキストで書かれていますが、実際にはこれをバイナリにしたものが飛んでいるとのことです。segfoさんありがとうございます！

[benzenetarou]

この回答記事を見て、「あ、この人はフロントに結構詳しいけどネットワーク系はもうちょっとだな」ってわかるからやはりあの質問は優秀ってことか

[minetty99]

コメ欄殺伐としすぎやろ

[kotaponx]

スタッフ「ブラウザを立ち上げてページが表示されるまでを説明してください。」山口「どこから話すの？TCP/IPから？」松岡「やっぱ電気だろ、電力！」長瀬「こんにちわ~」東京電力「！！」

[kamonamban]

コメントで点数つけてる人を見ると当にこういう人をあぶり出す質問なんだなと思った

[momontyo]

ナショジオあたりに映像作品として作ってほしいな、アルゴリズムや通信はもとより液晶駆動とかも含めてさ。

[a-kuma3]

https、gzip 圧縮、BASIC認証、301リダイレクト。んー、リダイレクトを入れちゃうと、もっと面倒なのも色々とあるか

[xlc]

フロントエンドの知識しかないことが丸わかり。なるほど、そういう意味で良い質問なのかもね。

[NOV1975]

技術要素がたんまりありすぎるので他のところは詳しく説明できてもここに書いてある事は説明できない人もたくさんいると思う

[hobbiel55]

URLを入力するためにキーを押すとキースイッチ部分に電気が流れて・・・(以下、数万行続く)

[hate1229]

流し読みだけど　パソコンからWifiや無線を経由してルーターからプロバイダーにいって〜の部分も含むのかと思った。

[kondoyuko]

“1. HTTPリクエストが飛ぶ”

[nohako]

面接で聞かれるってやつ

[bullet7]

なるほど。どのレイヤに強いかもわかるし質問としては面白い

[kibitaki]

立ち上げただけならうちはホーム"about:blank"なのでレンダリングの話はないな／マウントおじさん達を結集してもあまり何かが生まれない気がして。みんなはてなじゃなく参加しようよー

[zu2]

相手が目の前にいるなら、どのレイヤーから喋ればいいのかを先に聞く。全部、と答えられたらわかっていない人かとんでもなくわかってる人なので、前者なら適当に端折る。後者はどうしたらいいんでしょ / サーバ側も？

[cocoonP]

僕は一応インフラエンジニアという肩書なのでHTTPの話に入るまでに相当な前置きが必要になってしまうなあ。というあたりでその人が何の専門なのかがわかる問いではあるよね。受け手側にも広範なナレッジが必要だけど

[torinky]

実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのか

[koogawa]

コメントやはてブで記事が充実していくの良いインターネットだ

[igrep]

フロントエンド詳しそうなので参考にしたい。

[deep_one]

なんでDNS処理の前にリクエストが飛ばせるんだ。順番が完全に間違ってる。（IPアドレスで指定すればDNSを省略できるが。）

[naoya2k]

組み込み屋「まずキーボードICがマトリクスの短絡を検知しUSBに信号を送りUSBコントローラがそれをもとに割り込みを発生させますメインのCPUはその割り込み信号によって省電力状態から復帰し以下略」

[cartman0]

行くつく先は機械語か / こうなるからnand2tetrisみたいな体系的な実践本必要なんだろうなあ

[oktnzm]

いきなりHTTPでニコってしてしまった。

[satmat]

OSがプログラムをロードするところから始めるのかな…

[toya]

ぱ、ぱそこんをたちあげる

[Wafer]

全てを証明するには時間が足りない

[kirte]

自分だったら通信経路とサーバの処理が中心で、レスポンスのレンダリングはブラウザが良い感じにするで終わっちゃうから、その人が何に関心持ってるかが表れるな

[ardarim]

趣味でHTTPクライアント（クローラ）を0から自作したことあるけど面白かったしプロトコルもあらかた理解できてすごく勉強になったよ（下はWinsock利用。HTTP通信、HTML解析、DOM構築まで。レンダリング無し）みんなやろうぜ

[KariumNitrate]

なんかイヤな質問。「Excel使いこなせますか？」みたいな。詳しい人ほど回答に困るじゃん。『ChromeのURL欄に入力』これって入力がURIなのか検索キーワードなのかをChromeが判断するんだろうけど…(ｳﾀﾞｳﾀﾞ

[slashnsk]

いいリンク集みっけ

[pcmaster]

フロント系だとか、ハンターxハンターの念能力の系統を調べるための水見式みたいで面白い。マウントとりに行く人もいて微笑ましい光景。

[kangaetemita]

確かに、何から答えてくれるかでその人は何に重きを置いているかがわかりそう。反面、答えが１時間たっても終わらない人が出てきそう。それはそれでコミュ力みれるから良い？とかとか？

[Palantir]

知らないところをみんなが補填してくれるメドッソだ！しゅうごうち！

[otoan52]

みんな、service workerが入ってよりややこしくなった事を忘れるなよー！

[fukken]

DNS over HTTPSはポート番号と通信内容が変わる程度で構造はDNSそのものなのでDNS over HTTPSになってもDNS問い合わせは当然存在するし、無しにしたらそもそも「どこに」通信をするつもりなんだハゲ

[d0i]

ブラウザを立ち上げて、だからプロセスの起動からでは？

[shikiarai]

「50点フロント目線が多すぎる」575だ

[paradisemaker]

フロント系は chrome の検証見れば分かるじゃん

[m4usta13ng]

50点つけた人のツイッター見に行ってプロフィールで後悔した。上から目線で感覚的な点数投げつけるのってよくある手法だけどしょっぱい

[REV]

「もっと低レイヤーについてはOSI参照モデルまとめが分かりやすいです」　っていう文もあるので、ブラウザを立ち上げて入力したURLが丸の内の大手IXを経由して…　って話は『あえて』省略していることに