ウェブストレージの選択ガイド、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ダイ
PHPのsetcookie活用法：モバイルとデスクトップサイトの動的切り替え｜DAD UNION – エンジニア同盟
ウェブデザインが進化し、多くのウェブサイトがレスポンシブデザインを採用するようになっていますが、一部のサイトはスマホ版とPC版を別々に用意していることがあります。このような場合、ユーザーが自分の利用しているデバイスに最適なバージョンのサイトを表示するための方法が求められます。 今回は、PHPのsetcookie関数を使用して、スマホサイトとPCサイトを切り替えるシンプルな実装方法をご紹介します。この実装を採用すれば、ユーザーが一度選択した表示形式（スマホ版やPC版）を、次回のアクセス時も覚えておくことが可能となります。 PCサイト側のPHPの記述について 最初に、PCサイト側のPHPのコードを設定します。以下の手順で実装します。 1.パラメータvmodeの有無をチェックします。 2.vmodeが存在する場合、その値をクッキーに保存します。 3.vmodeが存在しない場合、既存のクッキーから
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
