localForage

3ステップで試す

1. 1

   localForage 1.10.0を一時projectへ導入する

   current package versionを固定し、browser storageの確認用directoryを用意します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/localforage.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact localforage@1.10.0コピー
2. 2

   objectを保存・取得・削除する最小HTMLを作る

   Promise APIでJavaScript objectを保存し、読み戻した値を表示した後にdemo dataを削除します。

   printf "%s\n" '<!doctype html>' '<meta charset="utf-8">' '<script src="./node_modules/localforage/dist/localforage.js"></script>' '<script>' "(async () => {" " await localforage.setItem('oss-tanbou-demo', { ready: true });" " const value = await localforage.getItem('oss-tanbou-demo');" " document.body.textContent = JSON.stringify(value);" " await localforage.removeItem('oss-tanbou-demo');" "})();" '</script>' > index.htmlコピー
3. 3

   HTMLをbrowserで開いて非同期保存を確認する

   index.htmlをbrowserで開き、bodyに{"ready":true}が表示されることを確認します。利用可能なbrowser storage driverが自動選択されます。

   index.htmlコピー

Built with

• JavaScript

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Highlight.js25,005 Stars

  共通タグ 3件 · 同じ言語

  コード文字列を180以上の言語定義で構文ハイライトし、言語の自動判定にも対応する

  JavaScript
• js-cookie22,573 Stars

  共通タグ 3件 · 同じ言語

  ブラウザCookieの作成・取得・削除と属性指定を小さなJavaScript APIで扱う

  JavaScript
• Autoprefixer22,211 Stars

  共通タグ 3件 · 同じ言語

  BrowserslistとCan I Use dataから必要なvendor prefixだけを自動生成する

  JavaScript
• SweetAlert218,098 Stars

  共通タグ 3件 · 同じ言語

  alert・confirm・promptをWAI-ARIA対応のpopupへ置き換え、Promiseで結果を受け取る

  JavaScript
• Less17,025 Stars

  共通タグ 3件 · 同じ言語

  変数・mixin・nestingを使うstylesheetをlesscで通常のCSSへcompileする

  JavaScript
• Tippy.js12,240 Stars

  共通タグ 3件 · 同じ言語

  tooltip・popover・dropdownをPopperベースで配置し、hover・focus・click操作へ追加する

  JavaScript