ウェブストレージの選択ガイド、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の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ページを開く
