Web 技術解体新書
第一章 Origin 解体新書 v1.5.2

Same Origin Policy とは Web において非常に重要なセキュリティモデルの 1 つだ

fetch や XHR でリクエストを送信したときに、 CORS 違反で失敗したり、 Preflight という謎のリクエストが送信されたりして悩んだ経験があるかもしれない。これらは全て、ユーザーを保護するために設けられた Same Origin Policy という制限を、ブラウザが遵守した結果なのだ。

本書はこの重要な Origin という概念について、そもそもなぜそんなものが必要なのかという背景や、それがユーザを保護するメカニズム、 JSONP はなぜ危険なのか、 Preflight が飛ぶ理由、 Service Worker など新しい API との連携、 Spectre によって発覚した脆弱性と CORP,COOP,COEP, Origin Isolation など、 Origin を取り巻く関連知識を網羅的/体系的に解説する。

更新履歴等は Chapter 01 [無料公開] に記載


Origin 解体新書 v1.5.2

<h1 id="origin-%E8%A7%A3%E4%BD%93%E6%96%B0%E6%9B%B8-v1.5.2">Origin 解体新書 v1.5.2</h1>
<h2 id="intro">Intro</h2>
<p><a href="https://zenn.dev/jxck/articles/web-anatomia-concepts">Web 技術解体新書</a></p>
<p>第一章 Origin 解体新書</p>
<p><strong>Same Origin Policy とは Web において非常に重要なセキュリティモデルの 1 つだ。</strong></p>
<p>fetch や XHR でリクエストを送信したときに、 CORS 違反で失敗したり、 Preflight という謎のリクエストが送信されたりして悩んだ経験があるかもしれない。これらは全て、ユーザーを保護するために設けられた Same Origin Policy という制限を、ブラウザが遵守した結果なのだ。</p>
<p>本書はこの重要な Origin という概念について、そもそもなぜそんなものが必要なのかという背景や、それがユーザを保護するメカニズム、 JSONP はなぜ危険なのか、 Preflight が飛ぶ理由、 Service Worker など新しい API との連携、 Spectre によって発覚した脆弱性と CORP,COOP,COEP, Origin Isolation など、 Origin を取り巻く関連知識を網羅的/体系的に解説する。</p>
<h2 id="change-log">Change Log</h2>
<p><strong>zenn は一度買えば常に最新版が見られるため、書い直す必要はありません</strong></p>
<ul>
<li>2020/11/10: v1.5.2
<ul>
<li>config の修正</li>
</ul>
</li>
<li>2020/10/23: v1.5.1
<ul>
<li>誤字修正(thanks for @tatane616)</li>
</ul>
</li>
<li>2020/10/23: v1.5.0
<ul>
<li>タイトルにも version を追加</li>
</ul>
</li>
<li>2020/10/21: v1.4.0
<ul>
<li>ファイル名のルールに関する要望を入れてもらえたので適用 <a href="https://github.com/zenn-dev/zenn-editor/issues/45" rel="nofollow">#45</a>
</li>
<li>これにともない Chapter URL を変更</li>
</ul>
</li>
<li>2020/10/18: v1.3.1
<ul>
<li>誤字修正</li>
</ul>
</li>
<li>2020/10/16: v1.3.0
<ul>
<li>画像を更新</li>
</ul>
</li>
<li>2020/10/10: v1.2.0
<ul>
<li>4 節に Electron などで CORS を無効にするリスクについて追記</li>
<li>4 節の「準拠してない仕様」と「安全にまたぐ仕様」の順番を逆に</li>
</ul>
</li>
<li>2020/10/08: v1.1.0
<ul>
<li>Cover 刷新</li>
<li>Summary の更新</li>
</ul>
</li>
<li>2020/10/07: v1.0.0
<ul>
<li>仕様へのリンクを拡充</li>
<li>Fetch Standard について追記</li>
<li>request mode / credentials mode について追記</li>
<li>crossorigin 属性を追記</li>
</ul>
</li>
<li>2020/10/06: v0.1.1
<ul>
<li>校正誤字修正(thanks for @arayaryoma)</li>
<li>脚注の修正</li>
<li>3.md のタイトル変更</li>
</ul>
</li>
<li>2020/10/05: v0.1.0
<ul>
<li>Intro チャプタを追加(各ファイル名を +1 シフト)</li>
<li>バージョニング開始</li>
<li>Change Log を追加</li>
</ul>
</li>
<li>2020/10/04: v0.0.0 公開</li>
</ul>
<h2 id="todo">TODO</h2>
<ul>
<li>origin isolation の仕様がもう少し固まったら 5 章を更新</li>
<li>
<a href="https://wicg.github.io/cors-rfc1918/" rel="nofollow">CORS and RFC1918</a> がもう少し固まったら 4 章あたりに追記</li>
</ul>
<h2 id="ack">Ack</h2>
<p>本書は筆者の個人的ライフワークであり、内容その他は所属する組織とは一切関係ありません。</p>
