ウェブストレージの選択ガイド、JavaScriptのデータ保存術：sessionStorage、localStorage、Cookieの使い分け｜DAD UNION – エンジニア同盟
Web開発の世界では、データを効率的かつ安全に保存する方法の選択が非常に重要です。今回は、JavaScriptでよく使用されるsessionStorage、localStorage、そしてCookieに焦点を当て、それぞれの特徴と使い分けについて深堀りしていきます。 この記事を通して、あなたのWebアプリケーションがより洗練されたデータ管理を実現できるようになることを目指します。 sessionStorage（セッションストレージ）：短期記憶 概要と魅力： sessionStorageは、ブラウザのタブやウィンドウが開いている間、データを保存します。タブを閉じるとデータも消去されます。 実用例： 短期間のデータ保存に適しています。例えば、ユーザーがフォームに入力している途中の情報を保存する場面では、sessionStorageが大活躍。ユーザーが誤ってページを離れても、安心して元の状態に戻
modaal.jsとjquery.cookie.jsを使ってモーダルの再表示期間を設定する方法｜DAD UNION – エンジニア同盟
modaal.jsとjquery.cookie.jsを使ってモーダルの再表示期間を設定する方法をご紹介します。 初回ページ表示時にモーダル表示され、ページ更新してもcookieで設定した10秒間はモーダル表示エリアは再表示されません。 モーダルの再表示期間を設定するCSSの記述 ※modaal.min.cssファイルを読み込みます。モーダルエリア（#modalarea）とモーダル表示時（.modaal-container）幅やcloseボタン（.modaal-close）のCSS記述です。必要に応じて変更して下さい。 <link rel="stylesheet" type="text/css" href="modaal.min.css"> <style> body { font-size: 16px; text-align: center; } h1{ text-align: center
JavaScriptで実現！ローカルストレージ(localStorage)を使ったデータ共有の基本｜DAD UNION – エンジニア同盟
Web開発の世界では、情報を効果的に保持する方法が常に重要です。特に、異なるページ間でのデータの受け渡しは、ユーザー体験の向上に直結します。以前、「JavaScriptのsessionStorageを使ってセッションキーに設定した値を別ページで表示する方法」を紹介しましたが、今回はそれと似ているものの、少し異なるテクニックをご紹介します。それは、JavaScriptのlocalStorageを活用したデータの保存と、そのデータを別ページでの表示です。 Web Storageとは Web Storageには、localStorageとsessionStorageの二種類があります。これらは、ブラウザ上でより多くのデータを安全に保存するために使われます。両者の主な違いは、データの持続性にあります。localStorageはデータを永続的に保存し、ブラウザが閉じられてもデータは保持されます。一方
JavaScriptのcookieを使ってクッキーに設定した値を別ページで表示する方法｜DAD UNION – エンジニア同盟
JavaScriptのcookieを使ってクッキーに設定した値を別ページで表示する方法をご紹介します。 前回「JavaScriptでセッションキーに設定した値を別ページで表示【sessionStorage】」をご紹介しましたが、今回はクッキー(cookie)に値を設定し、クッキーの値を別ページで表示させます。 クッキーに値を設定するページ（index.html）のHTMLとJavaScript記述 ※document.cookie=”クッキーkey=クッキー値”;で設定します。 <h1>このページでクッキー(cookie)に設定した値を別ページで表示させます</h1> <br> このページではクッキー「ck1=クッキー1」と「ck2=クッキー2」をセットしました。<br> 下記のリンクをクリックすると「ck1」キーににセットした値を別ページで表示させます。<br> ブラウザのalertダイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
