Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Javascript本19章まとめ

3,316 views

Published on

  • Dating direct: ❶❶❶ http://bit.ly/2u6xbL5 ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❤❤❤ http://bit.ly/2u6xbL5 ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Javascript本19章まとめ

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

×