SlideShare ist ein Scribd-Unternehmen logo
1 von 21
JavaScript本読書会第19章 cookieについて Dekosuke
Cookieについて その他の永続化機構 (SharedObject) もあるよ はじめに
Cookieはどこにある?
HTTP Headerにある (FirebugとかFiddlerで見られる) Javascriptでは、DOMの一部としてアクセスできる Cookieの場所
http://en.wikipedia.org/wiki/HTTP_cookie 米wikipediaのCookieの項目 Cookieの歴史と仕様
『Mosaic Netscape  0.9beta (1994年)で最初に導入された』 『2000年にRFC 2965が策定される』 『決定版の仕様はRFC 6265として2011年4月に策定される』 Cookieの歴史と仕様
NetscapeのCookie仕様の和訳 - http://www.futomi.com/lecture/cookie/specification.html RFC6265 - http://tools.ietf.org/html/rfc6265 Cookieの歴史と仕様
セッションの管理 パーソナライゼーション トラッキング(サードパーティクッキー) Cookieの用途
ブラウザおよびJSがname-valueペアを設定できる en.wikipediaが素晴らしくわかりやすい Cookieの仕組み
1つのCookieは4KBまでのデータを保存できる ブラウザは300のCookieを保存できる 同じサーバに対して発行できるCookieは20個まで Cookieのサイズと数
domain path Expires (expiration time) Max-age (maximum age) Secure それぞれ次ページ以降で解説 Cookieの属性
domainとpath属性は、Cookieの有効範囲を決める domain属性は、ホスト名かサブドメインを指定 Cookieの属性 – domainとpath
Domain=.foo.com -> *.foo.com および foo.comで有効 Domain=docs.foo.com -> docs.foo.comで有効 Cookieの属性 – domainとpath
domainとpath属性は、Cookieの有効範囲を決める path属性は、ホスト名以下どのディレクトリでcookieが有効かを規定 Cookieの属性 – domainとpath
Path=/ -> そのホスト以下すべてで有効 Path=/catalog -> そのhttp://host/catalog/... で有効 Cookieの属性 – domainとpath
Expiresと Max-Age はCookieの有効期間を決める Expiresは絶対時間で指定 例: Expires=Thu, 01-Jan-1970 00:00:01 GMT Max-Ageは生存時間を秒単位で指定 Cookieの属性 – 有効期限
Secure属性がついていると、暗号化された接続 (https)でしかCookieを送らなくなる Cookieの属性 – Secure
document.cookieを操作 例: document.cookie =" version=" +d ocument.lastModified +"; max-age=" + (60*60*24*365); JavascriptでのCookie利用法
Cookieを削除したい場合は、max-ageに0を指定 JavascriptでのCookie利用法
Cookieの値を読み込む場合、document.cookieを読み込むと、名前=値という形式のリスト(を含んだ文字列)が得られる JavascriptでのCookie利用法
IE – DHTMLビヘイビア(終わコン?) Flash – SharedObject(便利) その他のブラウザの永続化機構

Weitere ähnliche Inhalte

Was ist angesagt?

Packagist を旅してみる
Packagist を旅してみるPackagist を旅してみる
Packagist を旅してみるsters
 
Meetup nutanix introduction to nutanix storage services
Meetup nutanix introduction to nutanix storage servicesMeetup nutanix introduction to nutanix storage services
Meetup nutanix introduction to nutanix storage servicesssuser6cc440
 
仮想通貨テストベッドネットワークの構築
仮想通貨テストベッドネットワークの構築仮想通貨テストベッドネットワークの構築
仮想通貨テストベッドネットワークの構築Yuichiro Shibata
 
2022.04.25_NASにリモートアクセス.pdf
2022.04.25_NASにリモートアクセス.pdf2022.04.25_NASにリモートアクセス.pdf
2022.04.25_NASにリモートアクセス.pdfssuser3440151
 
多摩美メディア芸術基礎I 第1回: WWW基礎
多摩美メディア芸術基礎I 第1回: WWW基礎多摩美メディア芸術基礎I 第1回: WWW基礎
多摩美メディア芸術基礎I 第1回: WWW基礎Atsushi Tadokoro
 
芸術情報演習デザイン(Web) 130411
芸術情報演習デザイン(Web) 130411芸術情報演習デザイン(Web) 130411
芸術情報演習デザイン(Web) 130411Atsushi Tadokoro
 
Silverlightをあれこれ紹介
Silverlightをあれこれ紹介Silverlightをあれこれ紹介
Silverlightをあれこれ紹介mizusawa
 
セキュリティの基本とWordPress
セキュリティの基本とWordPressセキュリティの基本とWordPress
セキュリティの基本とWordPressEndoh Shingo
 
Web packaging IETF 側
Web packaging IETF 側Web packaging IETF 側
Web packaging IETF 側yuki-f
 
第33回 U-20プログラミング・コンテスト 「USB Lock」
第33回 U-20プログラミング・コンテスト 「USB Lock」第33回 U-20プログラミング・コンテスト 「USB Lock」
第33回 U-20プログラミング・コンテスト 「USB Lock」kazuhirokazu
 
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。Chiharu Nagatomi
 
[Basic 6] DNS / ソケット通信 / その他
[Basic 6] DNS / ソケット通信 / その他[Basic 6] DNS / ソケット通信 / その他
[Basic 6] DNS / ソケット通信 / その他Yuto Takei
 

Was ist angesagt? (13)

Packagist を旅してみる
Packagist を旅してみるPackagist を旅してみる
Packagist を旅してみる
 
Meetup nutanix introduction to nutanix storage services
Meetup nutanix introduction to nutanix storage servicesMeetup nutanix introduction to nutanix storage services
Meetup nutanix introduction to nutanix storage services
 
仮想通貨テストベッドネットワークの構築
仮想通貨テストベッドネットワークの構築仮想通貨テストベッドネットワークの構築
仮想通貨テストベッドネットワークの構築
 
Bitcoin testnet
Bitcoin testnetBitcoin testnet
Bitcoin testnet
 
2022.04.25_NASにリモートアクセス.pdf
2022.04.25_NASにリモートアクセス.pdf2022.04.25_NASにリモートアクセス.pdf
2022.04.25_NASにリモートアクセス.pdf
 
多摩美メディア芸術基礎I 第1回: WWW基礎
多摩美メディア芸術基礎I 第1回: WWW基礎多摩美メディア芸術基礎I 第1回: WWW基礎
多摩美メディア芸術基礎I 第1回: WWW基礎
 
芸術情報演習デザイン(Web) 130411
芸術情報演習デザイン(Web) 130411芸術情報演習デザイン(Web) 130411
芸術情報演習デザイン(Web) 130411
 
Silverlightをあれこれ紹介
Silverlightをあれこれ紹介Silverlightをあれこれ紹介
Silverlightをあれこれ紹介
 
セキュリティの基本とWordPress
セキュリティの基本とWordPressセキュリティの基本とWordPress
セキュリティの基本とWordPress
 
Web packaging IETF 側
Web packaging IETF 側Web packaging IETF 側
Web packaging IETF 側
 
第33回 U-20プログラミング・コンテスト 「USB Lock」
第33回 U-20プログラミング・コンテスト 「USB Lock」第33回 U-20プログラミング・コンテスト 「USB Lock」
第33回 U-20プログラミング・コンテスト 「USB Lock」
 
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
『わたしにもできるよっ、StaticPress+S3で 簡単・手軽にサイト構築!』のWordPressってこんなのって話とちょっと萌えのお話。
 
[Basic 6] DNS / ソケット通信 / その他
[Basic 6] DNS / ソケット通信 / その他[Basic 6] DNS / ソケット通信 / その他
[Basic 6] DNS / ソケット通信 / その他
 

Andere mochten auch

スマートフォンについて その1
スマートフォンについて その1スマートフォンについて その1
スマートフォンについて その1dekosuke
 
Data.mapについて
Data.mapについてData.mapについて
Data.mapについてdekosuke
 
スタートHaskell 第二章
スタートHaskell 第二章スタートHaskell 第二章
スタートHaskell 第二章dekosuke
 
Programming Haskell Chapter 11 切符番号選び
Programming Haskell Chapter 11 切符番号選びProgramming Haskell Chapter 11 切符番号選び
Programming Haskell Chapter 11 切符番号選びdekosuke
 
プログラミングHaskell 第五章
プログラミングHaskell 第五章プログラミングHaskell 第五章
プログラミングHaskell 第五章dekosuke
 
今日から始めるXSS
今日から始めるXSS今日から始めるXSS
今日から始めるXSSllamakko_cafe
 
Android UIの罠
Android UIの罠Android UIの罠
Android UIの罠dekosuke
 
Ga nonogram
Ga nonogramGa nonogram
Ga nonogramdekosuke
 
HTTP/2の現状とこれから
HTTP/2の現状とこれからHTTP/2の現状とこれから
HTTP/2の現状とこれからshigeki_ohtsu
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkVolker Hirsch
 

Andere mochten auch (10)

スマートフォンについて その1
スマートフォンについて その1スマートフォンについて その1
スマートフォンについて その1
 
Data.mapについて
Data.mapについてData.mapについて
Data.mapについて
 
スタートHaskell 第二章
スタートHaskell 第二章スタートHaskell 第二章
スタートHaskell 第二章
 
Programming Haskell Chapter 11 切符番号選び
Programming Haskell Chapter 11 切符番号選びProgramming Haskell Chapter 11 切符番号選び
Programming Haskell Chapter 11 切符番号選び
 
プログラミングHaskell 第五章
プログラミングHaskell 第五章プログラミングHaskell 第五章
プログラミングHaskell 第五章
 
今日から始めるXSS
今日から始めるXSS今日から始めるXSS
今日から始めるXSS
 
Android UIの罠
Android UIの罠Android UIの罠
Android UIの罠
 
Ga nonogram
Ga nonogramGa nonogram
Ga nonogram
 
HTTP/2の現状とこれから
HTTP/2の現状とこれからHTTP/2の現状とこれから
HTTP/2の現状とこれから
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of Work
 

Ähnlich wie Javascript本19章まとめ

ITPと、その他cookie関連のこと / ITP and cookie
ITPと、その他cookie関連のこと / ITP and cookieITPと、その他cookie関連のこと / ITP and cookie
ITPと、その他cookie関連のこと / ITP and cookie株式会社MonotaRO Tech Team
 
鯨物語~Dockerコンテナとオーケストレーションの理解
鯨物語~Dockerコンテナとオーケストレーションの理解鯨物語~Dockerコンテナとオーケストレーションの理解
鯨物語~Dockerコンテナとオーケストレーションの理解Masahito Zembutsu
 
2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜
2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜
2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜Shuji Yamada
 
Firefox と Mozilla のテクノロジー
Firefox と Mozilla のテクノロジーFirefox と Mozilla のテクノロジー
Firefox と Mozilla のテクノロジーdynamis
 
Chromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそうChromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそうmganeko
 
Openness, Innovation and Opptunity
Openness, Innovation and OpptunityOpenness, Innovation and Opptunity
Openness, Innovation and OpptunityMakoto Kato
 
20190825_MySQL ServerだけじゃないMySQL Shellもあるんです
20190825_MySQL ServerだけじゃないMySQL Shellもあるんです20190825_MySQL ServerだけじゃないMySQL Shellもあるんです
20190825_MySQL ServerだけじゃないMySQL ShellもあるんですMachiko Ikoma
 
SugarCRM meets FreeHosting
SugarCRM meets FreeHostingSugarCRM meets FreeHosting
SugarCRM meets FreeHostingToshiya TSURU
 
Firefox 3 と Web の変化
Firefox 3 と Web の変化Firefox 3 と Web の変化
Firefox 3 と Web の変化dynamis
 
Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】Kikunaga Taishi
 
クラウドでの大規模Moodleの構築方法とモデルケース
クラウドでの大規模Moodleの構築方法とモデルケースクラウドでの大規模Moodleの構築方法とモデルケース
クラウドでの大規模Moodleの構築方法とモデルケースShigeharu Yamaoka
 
WebRTC Build MCU on browser
WebRTC Build MCU on browserWebRTC Build MCU on browser
WebRTC Build MCU on browsermganeko
 

Ähnlich wie Javascript本19章まとめ (13)

ITPと、その他cookie関連のこと / ITP and cookie
ITPと、その他cookie関連のこと / ITP and cookieITPと、その他cookie関連のこと / ITP and cookie
ITPと、その他cookie関連のこと / ITP and cookie
 
鯨物語~Dockerコンテナとオーケストレーションの理解
鯨物語~Dockerコンテナとオーケストレーションの理解鯨物語~Dockerコンテナとオーケストレーションの理解
鯨物語~Dockerコンテナとオーケストレーションの理解
 
2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜
2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜
2015-07-27 Docker Introduction 〜Dockerの基礎とユースケースに関する考察〜
 
Firefox と Mozilla のテクノロジー
Firefox と Mozilla のテクノロジーFirefox と Mozilla のテクノロジー
Firefox と Mozilla のテクノロジー
 
Chromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそうChromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそう
 
Openness, Innovation and Opptunity
Openness, Innovation and OpptunityOpenness, Innovation and Opptunity
Openness, Innovation and Opptunity
 
OCIコンテナサービス関連の技術詳細
OCIコンテナサービス関連の技術詳細OCIコンテナサービス関連の技術詳細
OCIコンテナサービス関連の技術詳細
 
20190825_MySQL ServerだけじゃないMySQL Shellもあるんです
20190825_MySQL ServerだけじゃないMySQL Shellもあるんです20190825_MySQL ServerだけじゃないMySQL Shellもあるんです
20190825_MySQL ServerだけじゃないMySQL Shellもあるんです
 
SugarCRM meets FreeHosting
SugarCRM meets FreeHostingSugarCRM meets FreeHosting
SugarCRM meets FreeHosting
 
Firefox 3 と Web の変化
Firefox 3 と Web の変化Firefox 3 と Web の変化
Firefox 3 と Web の変化
 
Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】
 
クラウドでの大規模Moodleの構築方法とモデルケース
クラウドでの大規模Moodleの構築方法とモデルケースクラウドでの大規模Moodleの構築方法とモデルケース
クラウドでの大規模Moodleの構築方法とモデルケース
 
WebRTC Build MCU on browser
WebRTC Build MCU on browserWebRTC Build MCU on browser
WebRTC Build MCU on browser
 

Javascript本19章まとめ