質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Cookie

HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

1219閲覧

jsでのcookieによる閲覧履歴

otoko

総合スコア15

Cookie

HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/02/27 01:09

編集2020/02/27 01:57

表題の通り、jsとcookieで閲覧履歴を作ってみました。一応できたのですが、他にも方法があれば、ご教授いただきたい思います。

例えば、賃貸物件検索サイトなどをイメージしていただきたいのですが、閲覧履歴など複数保存できる思います。その複数の物件のidなどをcookieに保存したいわけですが、私は以下のようにやってみました。もし、他にも手段があれば、ご教授お願いします。

■配列を用意して、そこに閲覧した物件のidをpush,その後json文字列化(重複判定はincludes)
idはhtmlのdata属性から取得。一旦細かい条件分岐は除き、初期に

javascript

1let cookies = document.cookie 2//cookiesには["11503"]などの物件idが入っているものとする。 3let array = cookies.split('=') 4array = JSON.parse(data[1]) 5array.push(id) 6document.cookie = "history_id=" + JSON.stringify(array)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ockeghem

2020/02/27 01:17

ソースコードが部分的過ぎてこれではわかりません。arrayとidはどのようにセットされるのでしょうか?
miyabi_takatsuk

2020/02/27 01:19

> スマートな方法があれば スマートとはどの部分でのスマートさを求めているのでしょうか。 速度?セキュリティ?モダンな構文? それにより、全然回答変わるかと。
guest

回答1

0

ベストアンサー

  • jsだけでやるならクッキーやlocalstorageが妥当
  • サーバーサイドがOKならRDBに閲覧履歴を保持していくとよいでしょう

投稿2020/02/27 01:51

yambejp

総合スコア114829

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

otoko

2020/02/27 02:10

ご回答ありがとうございます。 私の聞き方が悪くて大変恐縮ではありますが、お聞きしたいのは、cookieで複数のidを保存するのに配列やJSON文字列化を使用せずにできるのかどうかということです。そして、もしあるならばその方法をご教授いただければと思います。 以上、宜しくお願いします。
yambejp

2020/02/28 03:11 編集

クッキー利用がマストであればユニークなidを保持した配列をJSON.stringfiyするのが 楽だとは思いますが、クッキーの性質上あまり大きなデータは持てないので その方法を過信するのは危険です 容量だけでいえば適当なセパレータを挟んでjoinする方がデータは軽くなるかも [1,2,3].join("+")的な・・・
otoko

2020/02/28 08:55

ご回答ありがとうございます。 適当なセパレータで文字列としてつなげてしまう方法ですね。 なるほどなるほど、大変勉強になりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問