Cookie とは、以下のようなことを実現するための機構です。

• 訪問者がそのページに何回訪れたか記録して表示する。
• 通常モード、フレームモードなど、訪問者の好みを記録しておき、次回訪問時にその好みのモードで表示する。
• 掲示板やチャットで入力したユーザー名を記録しておき、次回訪問時にユーザー名の入力を省略する。
• ログインによるセッションを確立する。

上記のようなデータは CGI などを用いてサーバー側に記録することもできますが、Cookie を用いることにより、クライアント側（ブラウザを起動する側）のハードディスク内に Cookie情報 と呼ばれるデータを記録することができるようになります。

Cookie情報が保存されるファイルは OS やブラウザのバージョンによって異なりますが、例えば以下のようなフォルダやファイルに記録されます。

• C:\Document and Settings\ユーザ名\Cookies
• C:\Program Files\Netscape\Users\UserName\cookies.txt
• C:\Program Files\Netscape\Navigator\cookies.txt
• C:\Windows\Cookies\〜.txt

Cookie の実行例を次に示します。「再表示」を行うと、これまでの訪問回数と前回の訪問日が表示されます。オフラインでは動作しません。オンラインで実行してください。

• JavaScriptでの例 （ソースコード）
• CGIでの例 （ソースコード）

一度ページを表示すると Cookie情報がハードディスク内に書き込まれ、再度そのページにアクセスした際に Cookie情報がサーバーに送られます。

Cookie を受け付けるか受け付けないかの設定は以下のメニューで行います。

HTML を用いて Cookie の値を記録させるには次のようにします。

<meta http-equiv="Set-Cookie" content="〜">

JavaScript を用いる場合は次のようにします。

document.cookie = "〜";

CGI（Perl） を用いる場合は次のようにします。

print "Content-type: text/html\n";
print "Set-Cookie: 〜\n";
print "\n";

〜の部分には次のような文字列を指定します。

NAME=値; expires=値; domain=値; path=値; secure

NAME=値; 以外は省略可能です。それぞれ、次のような意味があります。

最も簡単な書き込みの例は次のようになります。これは、ブラウザが終了するまで有効で、設定したページと同じフォルダにある（もしくは下位層にある）ページに送信されます。

Set-Cookie: NAME=tanaka;

有効期限を指定すると次のようになります。ブラウザを終了しても、OS を再起動しても、有効期限までディスクに保存されています。

Set-Cookie: NAME=tanaka; Fri, 31-Dec-2030 23:59:59;

JavaScriptを用いてCookieの値を読みこむには、document.cookie の値を参照します。解釈方法は上記のサンプルコードを参照してください。

alert(document.cookie);

CGI（Perl）でCookieの値を読みこむには、環境変数の HTTP_COOKIE の値を参照します。

print "$ENV{'HTTP_COOKIE'}\n";

具体的な読み込みの例は、上記の「Cookieの実行例」のソースコードを参照してください。

Cookieの値では、=や;などの特殊記号や日本語文字は %82%A0 のような形式にエンコードして記録しておき、読み出し時にこれをデコードしてやる必要があります。

JavaScriptでエンコードするには次のようにします。最近の IE では日本語を %u65E5 のような Unicode にエンコードしてしまうので注意してください。

xx = escape(xx);

JavaScriptでデコードするには次のようにします。

xx = unescape(xx);

CGI（Perl）でエンコードするには次のようにします。

$xx =~ s/(\W)/sprintf("%%%02X", unpack("C", $1))/eg;

CGI（Perl）でデコードするには次のようにします。

$xx =~ s/%([0-9A-Fa-f][0-9A-Fa-f])/pack("C", hex($1))/eg;

ブラウザに「食わせるもの」という意味ではないかと想像していたのですが、仕様書によると「Cookieの名前には特に理由は無い。」だそうです。ちょっと残念。

CGI や <meta> の場合は Set-Cookie ヘッダを複数記述してください。

Set-Cookie: LOGIN=tanaka;
Set-Cookie: PASSWD=hi.mi.tu;

JavaScript の場合は document.cookie = "〜" を複数記述してください。

document.cookie = "LOGIN=tanaka;";
document.cookie = "PASSWD=hi.mi.tu";

複数の値をひとつの値にまとめてしまう方法もあります。

Set-Cookie: VALUE=NAME:tanaka:PASSWD:hi.mi.tu;

仕様書には、ひとつの Set-Cookie で複数の値を設定可能と書いてあるのですが、現状のブラウザではうまく動作しないようです。

expires で過去の時刻を指定してください。

Set-Cookie: NAME=tanaka; expires=Fri, 31-Dec-1999 23:59:59 GMT;

無期限という指定はできないようです。2038年以降の日付をうまく扱えないシステムもあるので、2030年頃の日付を指定しておきましょう。

Set-Cookie: NAME=tanaka; expires=Thu, 1-Jan-2030 00:00:00 GMT;

はい。共有サーバーで、迂闊に path=/ などとしないようにしましょう。

path=/xxx.htm と指定すると OK かな・・・と思ったのですが、期待通りには動作してくれません。現状はフォルダ単位に設定されるようです。

Jcode.pm というモジュールを使用すると、Unicode → シフトJIS, EUC, JIS などの変換ができるようです。

あるページで Cookie を設定しておいて、次のページで Cookie の値を読み出します。読み出せれば Cookie はオン。

Cookie の詳細な仕様に関しては下記のドキュメントなどを参照してください。

• http://.netscape.com/newsref/std/cookie_spec.html
• http://.ietf.org/rfc/rfc2109.txt
• http://.ietf.org/rfc/rfc2965.txt