ブラウザは あなたを守りたい~CORS~

CORS（Cross-Origin Resource Sharing）の基本概念とその重要性について説明します。CORSは、異なるオリジン間でのリソース共有を安全に実現するためのブラウザのセキュリティ機能です。

Transcript

1. ブラウザは あなたを守りたい ~ CORS ~
4. APIサーバー側: APIのheader内で設定可能で、 headerに直接書き込むというよりは、 バックエンド側でapiのcors設定を変更するライブラリを利用して書き込む
6. クライアント側のJavascriptで利用可能な多くの情報を持って APIを叩かれないようにするためのもの クライアント側 JavaScriptの特有のデータ クライアント側のJavaScriptでしか送信できないデータには以下のようなものがあります： クッキーとセッショントークン: • ブラウザは、現在のユーザーのセッション情報を保持するクッキーやトークンにアクセスできます。これらの情報は、 サーバーとの認証済み通信に使われますが、クロスオリジンのリクエストには慎重に扱われます。 ブラウザストレージのデータ: • ローカルストレージやセッションストレージに保存されたデータは、クライアント側のスクリプトによってのみアクセス可 能です。 ブラウザコンテキストの情報: • ブラウザの状態に関連する情報（例えば、タブやウィンドウのサイズ、ナビゲーション履歴など）は、クライアント側のス クリプトに特有のものです。
7. CORS（Cross-Origin Resource Sharing）は、W3C（World Wide Web Consortium）によって2004年 に初めて草案として発表されました。 CORSの仕様は2014年1月にW3C勧告として正式に公開されました。 CORSはブラウザがユーザーを守るための規格 元々はセキュリティのためにSame-Origin Policyにより同一オリジンからの通信しか許可されてなかった 違法なウェブサイト（偽サイト等）がユーザーのクッキーやセッショントークン（ OAuthなど）、ブラウザスト レージのデータ、ブラウザコンテキストの情報などを使って、ユーザーのログインしているアカウントへの アクセスなどをしようとするときに拒否させる効能 ホワイトリスト外Webアプリからのauth認証行為などを防げる