category
Web
12 件の記事
FIG-099 gRPC と Protocol Buffers — 辞書を共有すれば、名前は送らなくていい JSONを1項目ずつProtobufのバイト列に変換すると、57バイトが19バイトに縮む。辞書がないと読めないことや、gRPCの呼び出しの裏側も追える。 FIG-098 GraphQL — 欲しい具材だけ、メモで1回 画面に出したい項目にチェックを入れて注文すると、RESTは窓口を何度も回って具材を捨て、GraphQLは頼んだ形のまま1回で届く。 FIG-097 HTTPリクエストの流れ — 「ください」の前に3往復 URLを打ってからページが出るまでを1段階ずつ進める。RTTのスライダーと「2回目」の切り替えで、どこに時間がかかり、どこが省けるかが分かる。 FIG-084 プロキシとリバースプロキシ — 同じ箱を、どちら側に置くか 直接/フォワード/リバースを切り替えて送ると、パケットの送信元IPが書き換わる。隠れるのがクライアントかサーバーかが反転する。 FIG-077 HTTP/1.1 vs 2 vs 3 — 詰まりをどこまで外せたか 同じ12ファイルを3バージョンで読み込むレース。パケットを1つ落とすと、HTTP/2は全部が止まりHTTP/3は1本だけが止まる。 FIG-063 REST API — 同じURLでもメソッドで意味が変わる GET/POST/PUT/DELETE を送ると、サーバーのコレクションとレスポンスがどう変わるかを操作してCRUDを掴む。 FIG-060 WebSocket — かけっぱなしの糸電話 ハンドシェイクで線を張り、その後クライアント発・サーバー発の双方向通信が流れる様子を操作する。 FIG-042 CDN — 本店まで行かず、近所で受け取る 各地のエッジにファイルをキャッシュ。初回はミスで本店まで往復、2回目からは近くのヒットで一瞬になるのを体験する。 FIG-030 Cookieとセッション — サーバーはどうやって「あなた」を覚えるか ログインしてリクエストを送信。Cookieを送る/消すを切り替えて、覚えてもらえるかどうかが変わるのを試す。 FIG-012 HTTPSの鍵渡しパズル — 盗聴者の前で南京錠を配る 盗聴者が見ている道で共通鍵を安全に渡すTLSハンドシェイクを、8ステップで操作しながら学ぶ。 FIG-010 CORSはなぜ怒るのか — ブラウザ先生の検問所 別オリジンへのfetchが検問される様子を、プリフライト〜許可まで8ステップで操作しながら学ぶ。 FIG-006 HTTPステータスコードはカフェ店員の返事 コードのボタンを押すと店員さんの反応が変わる。百の位で責任の所在をつかむ。