ローカルストレージでサインアップなしでも機能をお試しできるようにする

[Yukimarupie]

実装する目的

わざわざ「ゲストログイン」ボタンを押さずとも、 初期画面で機能を一発で試せるようにしたい。

ローカルストレージを選択した背景

最初はcookieによるユーザーの振り分けをしようとしていたが、 調べても調べてもcookieとsessionの違いしか出てこず、あまりネットに情報がなく積んでいた。 (調べ方が悪かったのかも..)

メンターさんに相談した際、 ローカルストレージ というブラウザにデータが保持できる仕組みを教えていただいたので、そちらでの実装を試みた。

ローカルストレージとは

ローカルストレージについては以下サイトがわかりやすい。 https://www.granfairs.com/blog/staff/local-storage-01

重要なところだけ抜き出すと、 ・cookieと同じくクライアント側(ブラウザ)データを保持できる技術。 ・若干セキュリティ面で懸念が出てきたcookieよりも新しい技術で、取り扱えるデータ容量が大きく、JSによる制御が容易にできる。 ・ウェブストレージの一種。ウェブストレージには永続的にデータ保存が可能なローカルストレージとブラウザを閉じればデータが消えるセッションストレージがある。

ローカルストレージの基本書式

//データの保存
localStorage.setItem('キー', '値');

//データの取得
localStorage.getItem('キー', '値');

//データの削除
localStorage.removeItem('キー');

// 初期化
localStorage.clear()

[Yukimarupie]

https://www.i-ryo.com/entry/2018/07/11/225107