Web技術の基礎

ブラウザの同一オリジンポリシーで、https://www.example.com/app/index.html と同じオリジンとみなされるURLはどれか。

  1. Ahttps://www.example.com/data/list.json
  2. Bhttp://www.example.com/app/data.json
  3. Chttps://api.example.com/app/data.json
答えと解説を見る

正解:A. https://www.example.com/data/list.json

オリジンは、スキーム、ホスト名、ポート番号の3つの組で決まり、3つがすべて同じときに同一オリジンとみなされます。パスは関係しないので、/data/list.json は同じオリジンです。同一オリジンポリシーにより、ページのJavaScriptは、ほかのオリジンから受け取った応答の中身を、原則として読み取れません。これで、利用者がログインしているほかのサイトの情報を、悪意のあるページのスクリプトが読み出すことを防いでいます。

  • A. 正しい。スキーム、ホスト名、ポート番号(443)が同じで、パスだけが違います。
  • B. スキームがhttpで違い、既定のポート番号も80になるので、別のオリジンです。
  • C. ホスト名が api.example.com で違うので、同じドメインの下でも別のオリジンです。
この分野を解く 分野ページへ

Web技術の基礎の参考書を探す PR

Amazonの検索結果へのリンクです。Amazonのアソシエイトとして、半導体教室は適格販売により収入を得ています。

Web技術の基礎のほかの問題

  1. https://app.example.com のページのJavaScriptが、fetch を使って https://api.example.net/orders へ、Content-Type: application/json の本文を付けたPOSTのリクエストを送ろうとしている。このときのCORSの動作として、正しいものはどれか。
  2. Service Workerの説明として、正しいものはどれか。
  3. スマートフォンにも対応するレスポンシブデザインのページで、<head>に <meta name="viewport" content="width=device-width, initial-scale=1"> を書く主な目的はどれか。
  4. 利用者ごとに内容が違うマイページの応答に、Cache-Control: private, max-age=60 を付けた。この指定の効果として正しいものはどれか。
  5. Webサーバが応答をgzipやBrotliで圧縮して送るとき、圧縮による転送量の削減が一般に最も小さいものはどれか。