sessionStorageの検索結果1 - 2 件 / 2件

• あとで読む

  【初心者でも簡単】sessionStorageでブラウザにデータを保存してみよう【JavaScript】 | 東京のホームページ制作 / WEB制作会社 BRISK

  • 4 users
  • b-risk.jp
  • テクノロジー
  • 2021/11/24

  【初心者でも簡単】sessionStorageでブラウザにデータを保存してみよう【JavaScript】 更新日：2021/07/21 複数ページのサイトのシステム構築をしていると、あるページでユーザーが入力した文字列などを別のページで取得して表示させたい、という場面が度々ありますよね。 （例えば、簡単な診断コンテンツのように、設問ページでユーザーに名前や回答を入力してもらい、それを結果ページで表示させる、など） そんな時にとても便利なのが「sessionStorage（セッションストレージ）」というブラウザの保存領域にデータを保存できる仕組みです。 JavaScriptですが機能がシンプルなのでJavaScript初心者でも扱いやすく、この技術を使えばWebサイト上でデータを扱うシステムを簡単に実装できます！ セッションとは？sessionStorageは文字通り「セッションのストレージ

  • あとで読む

  
• あとで読む

  Vue + sessionStorageでページ移動しても検索内容をキープする（ダウンロード可）

  • 3 users
  • blog.capilano-fw.com
  • テクノロジー
  • 2020/04/22

  さてさて、前回記事「Trello風のタスク管理をつくる」ではVueを使ってドラッグ・アンド・ドロップを実装してみました。 そして、今回はユーザビリティに関連する機能をご紹介したいと思います。 それは・・・・ ページ移動しても検索パラメータをキープする 機能です。 というのも、通常ブラウザページで入力した内容はページ移動したり、リロードするとまた最初から入力しなおす必要があります（コレめんどうですよね・・・😫） 実は以前「ページ移動してもVueの状態を保持する方法」という記事で同じ機能を紹介したのですが、これはURLの#以降にデータを埋め込むというものでした。 もちろんこの方法でもできなくはないのですが、検索パラメータが多い場合はやはりURL以外の場所にデータを格納しておくべきです。 そこで！ 今回は、sessionStorageでこの機能を実装してみます。 ぜひ楽しみながらやってみましょ