中嶋悟
名前：中嶋 悟（なかじま さとる） ニックネーム：サトルン 年齢：28歳 性別：男性 職業：会社員（IT系メーカー・マーケティング部門） 通勤場所：東京都千代田区・本社オフィス 通勤時間：片道約45分（電車＋徒歩） 居住地：東京都杉並区・阿佐ヶ谷の1LDKマンション 出身地：神奈川県横浜市 身長：175cm 血液型：A型 誕生日：1997年5月12日 趣味：比較記事を書くこと、カメラ散歩、ガジェット収集、カフェ巡り、映画鑑賞（特に洋画）、料理（最近はスパイスカレー作りにハマり中） 性格：分析好き・好奇心旺盛・マイペース・几帳面だけど時々おおざっぱ・物事をとことん調べたくなるタイプ 1日（平日）のタイムスケジュール 6:30 起床。まずはコーヒーを淹れながらニュースとSNSチェック 7:00 朝食（自作のオートミールorトースト）、ブログの下書きや記事ネタ整理 8:00 出勤準備 8:30 電車で通勤（この間にポッドキャストやオーディオブックでインプット） 9:15 出社。午前は資料作成やメール返信 12:00 ランチはオフィス近くの定食屋かカフェ 13:00 午後は会議やマーケティング企画立案、データ分析 18:00 退社 19:00 帰宅途中にスーパー寄って買い物 19:30 夕食＆YouTubeやNetflixでリラックスタイム 21:00 ブログ執筆や写真編集、次の記事の構成作成 23:00 読書（比較記事のネタ探しも兼ねる） 23:45 就寝準備 24:00 就寝
はじめに：sessionとsessionStorageの基礎を知ろう
データの保存場所が変わると、使い方や安全性、寿命が変わります。ウェブページを作るとき、ユーザーが入力した情報を一時的に保存する場面は多いです。ここで現れる2つの用語、sessionとsessionStorageは、似ているようで実は別物です。まず大事な点は、どこに保存されるかとどのくらい持つか、そして「データの有効範囲」の違いです。
sessionは基本的には「セッション全体」で、ブラウザを閉じると消えることが多いと理解しておくと良いでしょう。対してsessionStorageは「同じタブ内のセッション限定」で、タブを閉じるとデータが消えます。これらはWeb Storage APIの一部で、ローカルストレージ(localStorage)とは別物です。localStorageは長期間データを保存しますが、sessionStorageは一時的な保存に向いています。
この違いを理解すると、フォームの入力を一時保存したい時、ページ遷移の間だけデータを保持したい時、または再読み込み時に情報を失いたくない時に、どちらを使うべきかが見えてきます。
次に、セキュリティと寿命の観点を追加します。sessionStorageは同一オリジン・同一タブでのデータ共有を前提として設計されており、クロスサイトのリスクを低くする助けになる場面が多いです。とはいえ、クライアント側のデータは容易にアクセス可能で、XSS等の攻撃が入れば奪われる可能性があります。したがって、機密情報はクライアント側に保存しない、あるいはサーバー側でトークンなどを管理するなどの対策が必要です。最終的には、データの保存期間を必要最低限にして、不要になったら破棄するのが基本です。
ねえ、寿命の話だけど、sessionStorageの寿命というのは実は思っているより複雑な動きをします。表向きは“このタブが開いている間だけデータを保持”という単純なルールだけど、実際にはブラウザのプロセス再起動やタブの分岐、サスペンド状態、メモリ解放のタイミングなどで影響を受けることがあります。私たちが覚えておくべきことは、長期間の保存には向かないという点と、別のタブ間でデータが共有されない点です。だから、ゲームのスコアや一時的な入力補助など“すぐ消えても問題ないデータ”を置く場所として使い、機密情報や永続的に参照するデータはサーバー側で管理して安全性を高めるのが現代のコツです。もしブラウザの設定でセッションがリセットされたり、ウィンドウを閉じた後に元に戻らなかったときは、データの喪失を前提に設計を見直してみよう。
ITの人気記事
