# はじめに こんばんは、エンジニアのお家でまったり 青少無粧ラジオのニューブルーです。 この番組は、エンジニアだからお伝えできることや、 響きになったことなど、楽しくITを学べるチャンネルです。 聞きに来てくださって、ありがとうございます。 今日は、今こそ知りたいIT用語シリーズになります。 今さら聞けないIT用語シリーズを聞いて、 ITって意外と面白いかもとか、 もっと知りたいなと感じてくれた、 あなたのための一歩進んだシリーズになっております。 一緒にいろんなことにチャレンジしていきましょう。 今さら聞けないIT用語シリーズで覚えた知識ですよね。 点と点が繋がるような面白さを、 今夜も知的なワクワク感を一緒に味わっていきましょう。 ということで、本シリーズハッシュタグがありますので、 そちらからこのシリーズの放送も 聞いていただければと思っております。 それでは、今日はクッキーとセッションを 取り上げたいと思っています。 クッキーについては、今さら聞けないIT用語シリーズで お話しさせていただいたので、 そのときの放送はこのチャプターの概要欄に、 概要欄? チャプターに貼っておきたいと思いますので、 そちらからまだ聞いていない方は 聞いていただければと思っております。 # リクエストは「あなた誰？」な関係 まずなんですが、前回の放送でWebの通信がリクエストとレスポンスの繰り返しというか、連続した通信の繰り返しというのをお話しさせていただきました。 その時にちょっとお話しできなかったんですけど、実際その1個のリクエストって本当にその通信1度っきりのお話で、 そのサーバーってさっき誰と通信したかというのをブラウザからしたら大量に送ってるんですけど、 サーバーからしたら1個1個があんた誰みたいな感じの通信になっているんですよね。 本当にサーバー、記憶喪失というか、そんな一面を持ってます。 それなのにショッピングサイトとかカートの中身って大体覚えてたりとか、こうやってVoicyでアプリ使われてる方だったら、 今ログインされているあなたの情報とか、そういうのはログインした状態のまんまで覚えてくれるというのはなぜでしょうかというお話をちょっとしていきたいなと思ってます。 その辺りのウェブサイトがなぜあなたを覚えているのかみたいな、記憶の秘密に迫るというか、そんな感じのお話をしていこうかなと思っております。 本当にまずWeb通信に使われるHTTPのプロトコルっていうんですけど、通信の決まりごとというかおさほというか、 それはまずステートレスっていう状態を保存しないっていう特徴があります。 これステートレスに対してステートフルっていうのがあるんですけど、そっちは状態を保存しているので、 あなたが誰かっていうのを覚えているということにはなるんですけど、 これをお店に例えると本当にお客さんが来るたびに、はじめまして、あなた誰ですかっていうのを毎回聞くみたいな形になっていると、 カゴの中に買いたい商品を入れても毎回忘れられたら買い物ってできないですよね。 なので、この記憶喪失なお店の店員さん、これを本当にあなたが誰かっていうのを覚えてもらうための仕組みにクッキーとセッションっていうのが使われています。 クッキーとセッションの役割っていうのを、例えば買い物でいうと、クッキーは会員証かな、ポイントカードとかの会員証と覚えていただければいいのかなと思っています。 セッションの部分は、お店が持っている顧客台帳みたいな形になるのかなと思っています。 この2つの関係をちょっと話していこうと思っております。 # Cookie（クッキー）🍪とセッションの関係性 クキーのお客様情報、会員情報を持っているのと、それに照らし合わせてサーバー側、お店側が顧客代表を持っていると。 この2つが組み合わさることによって、サーバーというかお店は、いつものお客さん、まるまるさん、あなたですよというのを認識できるというのが分かると思うんですけど、 片方だけでは全く分からないというか、そういうのがあるというのは分かっていただけると思うんですけど、 実際に具体的な流れを見ていこうかなと思っています。同じようにショッピングサイトの角に入れるときのお話をしていこうかなと思っています。 まず一番最初に初めての来店、以前来たことにしたりしても、最初の初めては本当に初めてなので、まるまるさんというのはあなたのことは分からないので、初めての来店という感じでさせていただきます。 初めての来店、リクエストというと最初のリクエストがあったときに、サーバー側はまだ誰か分かってないので、ステッドレスな関係なので、 初めましてというのとお客さんですねというのは分かっているので、初めましてお客様みたいな感じで認識をするという形になります。 そこで顧客代表を持ってきて、誰かというのを照らし合わせる必要があるんですけど、 そのときに例えば会員番号的なお客さんをボイシーで言ったほうがいいのかな。 ボイシーだとログインしたときに裏で会員のIDが振られているんですけど、それはちょっと難しくなるかもしれないので、 プレミアムリスナーだった場合に会員番号が振られていると思います。 1番から順番に振られていって、その番号を私はプレミアムリスナーの1番ですというのをクッキー情報に入れておくという形になるんですが、 実際はまたちょっと詳しくなっていくのであれなので、実際は会員番号1番というのはクッキー内には持っていません。 持っているのはクッキーとセッションの関係性を持ったセッションIDと呼ばれる別のIDになっています。 それがクッキーの中に置いておくことによって、サーバー上のセッションと今アクセスしている人が一致するということを関連付けます。 なので、初めての来店の最初のリクエストがあったときに、サーバー側からあなたはこのセッションIDで認識しますよというのを発行されます。 それをクッキーのほうにブラウザが保存するということによって、そのユーザーさん、お客さんが認識されるという形になります。 そのIDに対して、私はプレミアムリスナー1番のマニューブルですよというログイン情報なりをすることによって、 セッション側、サーバー側にその会員情報が保存されます。 それによって、このセッションIDの人は私はニューブルですよという認識をされる形になります。 この辺はセッション情報を、私がニューブルですという情報をブラウザのほうに、クッキーのほうに保存させるとセキュリティ上良くないので、 クッキー側には何も保存せずにセッションIDだけという、それを盗み見ても何か分からないみたいな、そのIDの羅列というか数字の羅列。 それを保存することによって、セキュリティを担保しているという形になってます。 それで、認識した後、個人お客さんを特定した後、私というニューブルですというのを認識した後に、 クッキー情報から私のセッションIDを送るんですけど、この情報って2回目以降ずっと送ります。 これがまた大変というか、私、人間は何も気にせず使えるんですけど、ブラウザからすると本当に一個一個がステートレースなあなた誰という関係なので、 毎回〇〇ですというのを毎回毎回伝える必要があるので、クッキー情報は毎回のリクエストに一緒について送るという形をしています。 それによってサーバー側が毎回〇〇さんですね、私だとニューブルさんですね、毎回全てのリクエストに対して一個一個ニューブルさんですね、じゃあこれをやりましょうみたいなのをずっとやり続ける。 本当に何か人間が考えると無駄なような処理に考えるかもしれないですけど、そういう本当に細かいというか毎回認識というかセッションIDとクッキーのセッションIDとセッションの突合というか、そういうのをずっとやってるという形になってます。 それによってステートレスじゃなくてステートフルのちゃんと状態を管理して、ショッピングカートの中の情報とかを常に保持するという形が実現できるという形になってます。 なので、そんな感じで両方必要になってくるんですよね。そのクッキーとセッションの両方が必要になってきて、本当に先ほど言ったように全ての情報を本当にクッキーに入れとけば毎回する必要もなくて、もうブラウザ側で全部チェックしていろいろカートの中身も全部ブラウザ側に持たせてというふうにやっていけば、 本当に何も気にせずいけると思うんですけど、でも先ほども言ったように個人情報とか、例えばショッピングサイトだったらクレジットカードの情報とかも本当に大事な情報を全てクッキー側に保存するみたいな形になってしまうので、そうするとやっぱりクッキーって誰でも見れるというか、専門的な人でないと見れないですけど、 そういうのを覗き見られちゃったりすると、全て情報が漏れる形になってしまうので、本当に大事な情報、個人情報なり、そういうのはサーバー側に保存しておいて、その先ほど言ったセッションのID、セッションとクッキーを紐づけるためのID、それをクッキーに保存するという形をとっています。 これって結構セッションIDに限らず、サーバー側の作り方によって何でも保存できてしまうんですけど、そのあたりの保存するかどうかについてはよくウェブサイトを見ているときにクッキー使ってもいいですか、みたいなイエスのほうが聞いてくると思います。 これ確か今更聞けないIT用語シリーズのほうでもお話したとかと思うんですけど、本当に基本的にクッキーには情報を保存しないようにしようというのがセキュリティ面で考えられているというか、ルールになってきているので、何かクッキーに値を保存しようとしたら大丈夫ですかというのをブラウザがデフォルトで聞いてくる形に、今のブラウザはそういう風になっています。 なのでクッキーを使うときは使ってもいいですか、イエスのほうが聞いてくる。 最近のウェブサイトだったら画面を開いたときに下のほうにクッキーを使おうとしていますがいいですか、みたいなハイのボタンが下に表示されたりとか、そんな感じすると思うんですけど、あれがクッキーを使おうとしているという表示になっております。 という感じでまとめていくとウェブの通信、最初に言いましたけどウェブの通信は一個一個記憶喪失というかステートレスな関係になっています。 クッキーはサーバー側に情報を預けるための会員情報を保存しているセッションIDという合言葉的なキーワードみたいなものをクッキー側に保存します。 重要な情報、全ての情報に関してはサーバー側のセッションの中に保存している。 これがユーザー情報で言ったら顧客代表みたいなものになっているという形になります。 このクッキーとセッションのこの2つを連携することによって、いろんな情報をログインしている状態ですとか、カードの中身がどんなものになっているのかとか、そういうのを保存していくという形になっています。 という感じで、ウェブサイト、いろいろなショッピングカートの話に限らず、このボイシーさんのアプリ使っているときに、アプリ使っていると結構別のステートフルな関係とかも使ったりするんですけど、 そういう情報をどんな感じでサーバーとやり取りしているのかというのをクッキーとセッションという形でやり取りしていますよというのをお話しさせていただきました。 ということで、今日はクッキーとセッションについてお話しさせていただきました。 本当にウェブサイトを使う上で身近な技術というかネットの技術になるので、こういうのもちょっとずつ知っていって、ちょっと詳しい部分に入っていただければ楽しんでいただけたのかなと思っております。 ということで、今日も最後まで聞いていただきありがとうございました。 それでは今日も適当にまったりお過ごしください。ありがとうございました。