js-cookie

3ステップで試す

1. 1

   js-cookie 3.0.8を一時projectへ導入する

   current releaseを固定し、browser向け配布artifactを分離したdirectoryで確認します。

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

   Cookieのset・get・removeを行う最小HTMLを作る

   UMD buildを読み込み、同じsameSite属性でCookieを作成・取得・削除するREADMEの基本APIを試します。

   printf "%s\n" '<!doctype html>' '<meta charset="utf-8">' '<script src="./node_modules/js-cookie/dist/js.cookie.js"></script>' '<script>' "Cookies.set('oss-tanbou-demo', 'ok', { sameSite: 'strict' });" "document.body.textContent = Cookies.get('oss-tanbou-demo');" "Cookies.remove('oss-tanbou-demo', { sameSite: 'strict' });" '</script>' > index.htmlコピー
3. 3

   HTMLをbrowserで開いて値を確認する

   index.htmlをbrowserで開き、bodyにokが表示されることを確認します。scriptの最後でdemo Cookieも削除されます。

   index.htmlコピー

Built with

• JavaScript

カテゴリとタグ

GitHubデータ

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

あわせて探訪

• Less17,025 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

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

  JavaScript
• Stylelint11,526 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  CSSのerrorとconventionを100以上のrule・plugin・shareable configで継続的に検査する

  JavaScript
• Stylus11,333 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  indented syntaxと通常のCSS styleを同じcompilerで扱うexpressiveなstylesheet language

  JavaScript
• i18next8,637 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  翻訳キー・複数形・補間・resource loadingをUI frameworkから切り離すi18n core

  JavaScript
• Bootstrap174,991 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  responsive grid・utility・componentをCSS/Sassとnative JavaScriptから組み立てるfrontend framework

  MDX
• Electron123,388 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  ChromiumとNode.jsを同梱し、HTML・CSS・JavaScriptから3 OS向けdesktop appを構築するruntime

  C++