むかしの インターネットでは、おなじ 人が ページを ひらき なおすと、そのたびに「はじめまして」の 人あつかいに なって しまいました。

1994年、アメリカの がくしゃ ルー・モントゥーリは、 ページを ひらいた 人の じょうほうを、その人の パソコンに ちいさく メモして おく しくみを かんがえました ［1］。これが「クッキー」 と よばれる しくみです。

昔のインターネットでは、同じ人がページを開きなおすと、そのたびに「はじめまして」の人あつかいになってしまいました。これでは、買い物かごに商品を入れても、ページを切りかえると消えてしまいます。

ネットスケープ社のルー・モントゥーリ

1994年、アメリカのネットスケープ社で働いていたルー・モントゥーリは、ページを開いた人の情報を、その人のパソコンに小さく記録しておくしくみを考えました［1］。これが「クッキー」と呼ばれるしくみです。

昔のインターネットでは、同じ利用者がページを開きなおすたびに、サーバーはその人を「はじめまして」の相手として扱っていた。これでは、買い物かご（ショッピングカート）に商品を入れても、ページを切りかえると消えてしまう。

ネットスケープ社のルー・モントゥーリ

1994年（資料によっては同年6月ごろ）、アメリカのネットスケープ社に勤めていたルー・モントゥーリは、利用者の情報をサーバー側で保持しなくてすむように、その情報を利用者のパソコン側に小さく保存しておくしくみを考案した［1］。この技術への対応は、同年10月13日に公開されたブラウザ「Mosaic Netscape 0.9beta」で初めて使えるようになった［1］。

「クッキー」という名前は、モントゥーリ自身が名づけた。コンピュータの世界で古くから使われていた「マジッククッキー」という言葉に由来する［1］。

クッキーは、サイトを 見る たびに、じどうで やりとりされます。この サイトの「よみかた」ボタンも、まえに えらんだ ものを おぼえて おける のは、にた しくみの おかげです。

ただし、クッキーに ためて おける じょうほうは、あまり おおくは ありません。絵本えほん いっさつぶんも 入らない くらいの、小さな メモちょうです。

クッキーは、そのサイトのページを見るたびに、ブラウザからサーバーへ自動的に送られます。だからこそ、サーバー側は「あ、これは前にも来た人だ」と気づくことができるのです。

小さなメモ帳

ただし、クッキー1つに保存できる情報の量は、仕様上の目安で4096バイト（約4キロバイト）しかありません［2］。小さなメモに、必要な情報だけを書いておくイメージです。

クッキーは、そのサイトへの通信のたびに、ブラウザからサーバーへ自動的に送信される。サーバー側は、送られてきたクッキーの中身を見て、「これは前にも来た利用者だ」と判断できる［2］。

小さなメモ帳

ただし、クッキー1つに保存できる情報の量は、仕様上の目安で4096バイト（約4キロバイト）に制限されている［2］。通信のたびに送信される性質上、あまり大きな情報を保存する用途には向いていない。

クッキーが うまれてから 15年ほど あと、もっと たくさんの じょうほうを おぼえて おける「localStorage （ローカルストレージ）」と いう しくみも つくられました ［2］。

こちらは、サーバーには おくられず、その パソコンの中だけに のこります。ちょうど、じぶんの つくえの ひきだしに メモを しまって おくのに にて います。クッキーの ように、 まいかい ほかの 人に 見せに 行く ことは ありません。

クッキーが生まれてから15年ほどあと、もっとたくさんの情報を覚えておける「localStorage（ローカルストレージ）」というしくみも作られました［2］。

サーバーには送られない

localStorageに保存した情報は、クッキーとちがって、通信のたびにサーバーへ送られることはありません。その代わり、保存できる量はクッキーよりずっと多く、ブラウザによって5〜10メガバイトほどになります［2］。このサイトの「よみかた」ボタンの記憶も、実はこのlocalStorageを使っています。

標準化団体のWHATWGとW3Cにより、より多くの情報を保存できる「Web Storage」というしくみの仕様づくりが2005年ごろに始まった。2009年ごろには主要なブラウザへの実装も進み、その中の1つが「localStorage」だ［2］。

サーバーには送られない

localStorageに保存した情報は、クッキーとちがって、通信のたびにサーバーへ自動送信されることはない。その代わり、保存できる量はクッキーよりずっと多く、ブラウザにもよるが5〜10メガバイトほどになる［2］。このサイトの「よみかた」ボタンの記憶にも、実はこのlocalStorageが使われている。

クッキーも localStorageも、じつは くうきの ように 見えない ところに あるのでは ありません。

パソコンの中の、ブラウザ せんようの ばしょに、 ちいさな ファイルとして、ほんとうに ほぞんされて います ［3］。

クッキーもlocalStorageも、実は空気のように見えないところにあるのではありません。

パソコンの中の、ブラウザ専用のフォルダに、小さなファイルとして、本当に保存されています［3］。多くの場合、データベースの形式で整理されて入っています。

クッキーもlocalStorageも、実は空気のように見えないところにあるのではない。

パソコンの中の、ブラウザ専用のフォルダに、実際にファイルとして保存されている［3］。多くのブラウザでは、SQLiteというデータベース形式でこれらの情報を管理している［3］。「見えないデジタルのメモ帳」は、比喩ではなく、パソコンのどこかに本当に置いてあるメモ帳だったのだ。

じぶんでも、このサイトの「よみかた」きのうを たしかめて みましょう。

あんぜんな ばしょで できる こと

• この きじで「よみかた」を きりかえてから、べつの ページに 行って みる。 もどっても おなじ よみかたに なって いるか たしかめて みましょう。
• 大人と いっしょに、じぶんの つかって いる ブラウザの せっていで、クッキーが どのくらい たまって いるか 見せて もらう。

自分でも、このサイトの「よみかた」機能を確かめてみましょう。

今日できること

• この記事で「よみかた」を切りかえてから、別のページに行ってみる。戻っても同じ読みかたになっているか確かめてみましょう。
• 大人といっしょに、自分の使っているブラウザの設定で、クッキーがどのくらいたまっているか見せてもらう。

クッキーとlocalStorageという視点を持つと、ふだん使っているサイトの動きがより興味深く見えてきます。

手を動かして確かめる

• この記事で「よみかた」を切りかえたあと、ブラウザを再起動してから同じページを開いてみる。設定が保存されたままか確かめてみましょう。
• 自分の使っているブラウザの開発者ツールで、Application（またはストレージ）タブを開いてみる。大人といっしょに、Cookieやローカルストレージの中身をのぞいてみましょう。

一次情報にあたる

WHATWGのHTML仕様には、Web Storageの技術的な定義が詳しくまとめられている。