プログラミング

Web Storage を使ったサンプルページを作りました

投稿日:2017年7月19日 更新日:

Web Storage を使ったサンプルページを作りました。

1. スクリーンショット

スクリーンショット

2. デモページ

以下のURLで実際のページを見ることができます。

デモページ

🔗 Web Storage API のサンプル001

3. 動作

session Storage と local Storage のそれぞれに対して、キーと値のペアを追加したり、削除することができます。

ウェブブラウザの複数のタブ(もしくはウィンドウ)で、このページを開いて表示される値を比較すると session Storage と local Storage の違いが分かります。

4. ソースコード

5. 参考情報

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

定期的にDOM要素をアニメーションするサンプルを用意しました

定期的にDOM要素をアニメーションするサンプルを用意しました。 DOM要素が対象ですので、div要素や img要素などが動かせます。 目次1. デモ2. ソースコード3. まとめ4. 参考 1. デモ …

React Redux

React + Redux のチュートリアルをやってみた

目次1. はじめに2. Redux について2. Action と Action CreatorActionAction Creators関連ソースコードactions/index.jscontain …

web development

Web Development for Beginners を読む:レッスン11

目次1. はじめに2. Lesson 11: Creating a game using eventsEvent driven programmingCommon eventsCreating the …

JavaScript でスロットマシーンを作ってみました(Canvas版)

JavaScript でスロットマシーンを作ってみました。 前回 とは違い、今回は Canvas を使っています。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情 …

Firebase

Firebase を利用する手順

Firebase を利用する手順について説明しています。