JavaScriptで送信しない値にCOOKIEは使いますか？

Question

ユーザーがチェック中の項目やアクションの状態を今まで何でもかんでもCOOKIEに保存していましたが、これってひょっとして、送信しないのなら変数に持たせておくべきものですか？

COOKIEか変数か、使い分けはどのようにすべきでしょうか？

※以下、質問の経緯を補足します

これまで値の保存はいつもCOOKIEを使っていたのですが、今回IE以外ではPJAXを使用しており、その際にCOOKIEをやめて変数に保存してみましたところ特に不具合なさそうに見えました。これなら値の保存はCOOKIEではなく変数でもいいのではないかと疑問に思ったものの、何か問題起こらないかと不安を覚え、この度の質問に至りました。

Answer 1

送信しないのなら変数に持たせておくべきものですか？

Cookie に値を保存すると、サーバに送信されるという以外にブラウザの永続域に保存されるという効果もあります。
ブラウザでリロードすると、javascript の変数はすべて初期化されますが、Cookie の値は残ります。
Cookie に値を保存することで「ユーザーがチェック中の項目やアクションの状態」など編集中の内容がリロードですべてリセットされるのを防ぐことができます。

しかし、Cookie にはサイズの制限があるので、注意が必要です。
参考： 最新ブラウザのクッキーの制限(数,サイズ)を調べてみた
また、サーバに送信されるので、通信に不要な負荷をかけることもデメリットの一つとなります。
このため、最近ではブラウザの永続域に保存したい場合は Cookie ではなく、 html5 の localstorageや sessionstorage を使うのが一般的です。
参考： ブラウザにデータを保存するlocalStorage（ローカルストレージ）の使い方

COOKIEか変数か、使い分けはどのようにすべきでしょうか？

上記の通り、リロードなどを超えて編集内容を復帰したいとき場合は Cookie に保存するのも良いかと思います。

ただし、永続的に値が保存されていることはいろいろなセキュリティ上の脆弱性の原因となります。
ユーザがログアウトボタンを信用してブラウザを閉じずに他のユーザと共有するようなケース（いまどき、少ないとは思います）では、前の人が編集中の内容が見えてしまうかもしれません。 Cookie にしろ localStorage にしろ、そこは注意が必要です。
また、悪意のあるスクリプトに cookie の値を盗まれないように外部のjavascript をロードしないようにするなどの注意が必要です。

Answer 2

画面間共有しないのであればCOOKIEに持つメリットはほぼありません。
グローバル変数で十分です。

Comments

[parinpurin23]

アドバイスありがとうございます。すみません、画面間共有とはどのような操作ですか？すべてのページでPJAXを使って遷移（IE以外）しているのですが、これも画面間共有でしょうか？

[m.ts10806]

>すべてのページでPJAXを使って
前提条件がクリティカルすぎます。
質問本文に追記してください。

というか、目の前に動作するコードがあるのですから試しては？

また、「COOKIEの使いどころ、メリット」は調べれば出てくることかと思いますが、どこまで調べて、試しましたか？

[parinpurin23]

試した結果特に変数でも不具合はないのですが、不安になったので質問しました。あとCOOKIEのメリットは値が送信されることという認識で、今回はそれが活かせないから使う必要ないのではと思って質問したんですけど、何か…お気に障りましたか？

[m.ts10806]

いえ、前提条件や背景など質問者さんだけが持っている情報が多ければ多いほどお互い何度もやりとりしなければならず、時間を浪費するだけになることを指摘しています。
質問内容は充実していれば充実しているほど的確なアドバイスが得られ、迅速な解決に繋がります。
書いてある内容が回答者の全てですから。どんな熟練者でも赤の他人の要件を正しくくみ取るのは不可能ですよ。

[parinpurin23]

たしかに仰る通りで、「PJAXの場合なら変数でも平気かと思ったから質問した」という旨を記載しておくべきでした。お時間の浪費申し訳ございませんでした。

[m.ts10806]

質問は編集できますので適宜ご対応いただければと。