ドキュメント
データフロー
ユースケース
ローカルストレージを使う

ローカルストレージを使う

ローカルストレージは、使用しているブラウザのローカルストレージに値を保存することができます。

保存した値は、{{ querierLocalStorage.value.xxxx }} の形で参照できます。

setItemを実行する

  1. [アクションを選択] から [ユーティリティ > ローカルストレージ] を選択する。
  2. [実行するアクション][setItem] に指定する。
  3. [Key][Value] を入力する。(それぞれ {{ }} で参照することも可能です。)
  4. ローカルストレージアクションを選択し、[アクションをテスト] からテスト実行する。
  5. {{ querierLocalStorage.value.xxxx }} で、指定したKeyの値を参照できることを確認する。

removeItemを実行する

  1. [アクションを選択] から [ユーティリティ > ローカルストレージ] を選択する。
  2. [実行するアクション][removeItem] に指定する。
  3. [Key] を入力する。({{ }} で参照することも可能です。)
  4. ローカルストレージアクションを選択し、[アクションをテスト] からテスト実行する。
  5. {{ querierLocalStorage.value }} から指定したKeyの値が削除されたことを確認する。

clearを実行する

  1. [アクションを選択] から [ユーティリティ > ローカルストレージ] を選択する。
  2. [実行するアクション][clear] に指定する。
  3. ローカルストレージアクションを選択し、[アクションをテスト] からテスト実行する。
  4. {{ querierLocalStorage.value }} からすべてのKeyの値が削除されたことを確認する。