---
title: "ローカルストレージとは？ブラウザにデータを保存する仕組み"
description: "サイトを閉じて再び開いても設定が残っている体験を支える仕組みのひとつが、ブラウザ内蔵のローカルストレージです。Cookieとの違いや使えるデータ量の感覚、適切な使いどころまで、初心者にも伝わる言葉で説明します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/what-is-localstorage"
markdown: "https://giga-site.com/articles/what-is-localstorage/index.md"
category: "用語解説"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# ローカルストレージとは？ブラウザにデータを保存する仕組み

一度入力した設定が次に開いたときも残っている。そんな体験を支える仕組みのひとつがローカルストレージです。ここではブラウザがデータを手元に保存するとはどういうことか、Cookieとの違いや使いどころも含めて、基礎から順を追ってやさしく説明します。

> Source HTML: https://giga-site.com/articles/what-is-localstorage
> Article index: https://giga-site.com/articles/index.md

## ローカルストレージとは何か

ローカルストレージとは、Webページが利用者のブラウザ内にデータを保存しておける領域のことです。英語表記のlocalStorageとも呼ばれます。サーバーに送らなくても、その端末のブラウザの中にメモを残しておけると考えると分かりやすいでしょう。

保存できるのは文字としての情報です。例えば表示モードの設定や入力途中の下書きなど、次に同じサイトを開いたときにも引き継ぎたい情報を置いておけます。一度保存すると、ページを閉じても消えず、明示的に削除するまで残り続けるのが特徴です。

この仕組みはブラウザに標準で備わっており、サイトを表示しているHTMLやその中で動くプログラムから利用されます。

## Cookieとの違い

似た役割を持つものにCookieがありますが、性質は異なります。最大の違いは、Cookieはページを開くたびに自動でサーバーへ送られるのに対し、ローカルストレージは手元に置いたままで自動送信されない点です。サーバーとのやり取りに乗らない分、純粋にブラウザ内で使う設定の保存に向きます。

容量にも差があります。Cookieは小さなデータ向けですが、ローカルストレージはより多くのデータを保存できます。また、Cookieには有効期限を細かく設定できる一方、ローカルストレージは期限の概念がなく、消すまで残る点も覚えておくとよいでしょう。

用途で言えば、ログイン状態の維持のようにサーバーへ毎回伝える必要があるものはCookie、サーバーに送る必要のない画面設定などはローカルストレージ、と使い分けられます。

## 実務ではどこで関係する？

ローカルストレージは言葉の意味だけ覚えても、HTML共有の判断にはつながりません。実務では「表示に関係する話か」「検索に関係する話か」「アクセス制限に関係する話か」を分けて考えると整理しやすくなります。

ローカルストレージについて迷ったら、相手が安全に開けるか、検索に出してよいか、ブラウザや環境差で壊れないかを順番に確認します。用語理解は、その判断を早くするための道具として使います。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

- 表示の話: HTML/CSS/JS、パス、ブラウザ互換性を確認する
- 検索の話: noindex、canonical、sitemap、robots.txtの役割を分ける
- 制限の話: URL共有、パスワード、メール認証、会社ドメイン認証を混同しない
- 運用の話: 期限、差し替え、削除、共有メッセージまで決める

## どんな場面で使われるか

身近な例として、ダークモードと明るい表示の切り替え設定があります。一度選んだ表示を次回も維持するために、選択結果をローカルストレージに保存しておくのが典型的な使い方です。

ほかにも、入力フォームの一時保存や、初回だけ表示する案内を二度目以降に出さないための記録などにも使われます。いずれも、サーバーに送らなくてもその端末で覚えておけば十分な情報です。

逆に言えば、別の端末では引き継がれません。ローカルストレージはあくまでその端末のそのブラウザの中だけの記憶だからです。

## 保存内容を確認・削除する手順

ローカルストレージに何が保存されているかは、ブラウザの開発者向け機能から確認できます。気になるときは次の手順で見たり消したりできます。

1. ブラウザの開発者ツールを開く
2. ストレージやアプリケーションといった項目を選ぶ
3. ローカルストレージの一覧から対象サイトを開く
4. 不要な項目を選んで削除する、または閲覧データの消去から一括で消す

## 扱う際の注意点

ローカルストレージは便利ですが、保存した内容は同じ端末を使う人なら確認できる可能性があります。そのため、パスワードや機密性の高い情報をそのまま置くのは避けるべきです。

また、データはその端末に残るため、共有のパソコンでは前の利用者の設定や下書きが残っていることもあります。重要な情報を扱った後は、閲覧データの消去で残骸を消しておくと安心です。

関係者だけに資料を見せたいときは、手元のブラウザに頼るのではなく閲覧の入口で本人確認をする方が確実です。ギガサイト便なら、ZIPやHTMLを一時URLで共有しつつパスワードやメール認証を組み合わせられるため、端末側の保存に頼らず公開範囲を絞れます。

## よくある質問

### ローカルストレージのデータは自動で消えますか

自動では消えません。Cookieのような有効期限の仕組みが無いため、利用者が削除するか、ブラウザの閲覧データ消去を実行するまで残り続けます。

### 別の端末でも同じデータが見られますか

見られません。ローカルストレージはその端末のそのブラウザの中だけに保存されるため、別の端末や別のブラウザには引き継がれません。

### ローカルストレージとCookieはどう使い分けますか

サーバーへ毎回伝える必要がある情報はCookie、サーバーに送らずブラウザ内で覚えておけば十分な画面設定などはローカルストレージが向きます。Cookieは自動送信され、ローカルストレージは送信されないのが分かれ目です。

### 機密情報を保存しても安全ですか

推奨されません。同じ端末を使う人なら内容を確認できる可能性があるため、パスワードや個人情報のような機密データを保存するのは避けるべきです。

### 実務ではどこで関係する？はHTML共有で必ず理解しておく必要がありますか？

細かな仕様を暗記する必要はありません。ただし、検索に出るか、閲覧者を制限できるか、表示が崩れないかに関わる用語は、共有前の判断材料として押さえておくと安全です。

## 関連記事

- [DNSとは？ドメインとサーバーをつなぐ仕組みをやさしく解説](https://giga-site.com/articles/what-is-dns/index.md)
- [ドメインとは？URLの住所をやさしく解説](https://giga-site.com/articles/what-is-domain/index.md)
- [URLの構造とは？スキーム・ホスト・パスの意味を解説](https://giga-site.com/articles/what-is-url-structure/index.md)
- [HTTPステータスコードとは？主要な番号の意味](https://giga-site.com/articles/what-is-http-status-code/index.md)
- [404エラーとは？ページが見つからない原因と仕組み](https://giga-site.com/articles/what-is-404/index.md)
- [403 Forbiddenとは？アクセスが拒否される意味](https://giga-site.com/articles/what-is-403/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "ローカルストレージとは？ブラウザにデータを保存する仕組み",
  "description": "サイトを閉じて再び開いても設定が残っている体験を支える仕組みのひとつが、ブラウザ内蔵のローカルストレージです。Cookieとの違いや使えるデータ量の感覚、適切な使いどころまで、初心者にも伝わる言葉で説明します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/what-is-localstorage",
  "url": "https://giga-site.com/articles/what-is-localstorage",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "用語解説",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "ローカルストレージのデータは自動で消えますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "自動では消えません。Cookieのような有効期限の仕組みが無いため、利用者が削除するか、ブラウザの閲覧データ消去を実行するまで残り続けます。"
      }
    },
    {
      "@type": "Question",
      "name": "別の端末でも同じデータが見られますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "見られません。ローカルストレージはその端末のそのブラウザの中だけに保存されるため、別の端末や別のブラウザには引き継がれません。"
      }
    },
    {
      "@type": "Question",
      "name": "ローカルストレージとCookieはどう使い分けますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "サーバーへ毎回伝える必要がある情報はCookie、サーバーに送らずブラウザ内で覚えておけば十分な画面設定などはローカルストレージが向きます。Cookieは自動送信され、ローカルストレージは送信されないのが分かれ目です。"
      }
    },
    {
      "@type": "Question",
      "name": "機密情報を保存しても安全ですか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "推奨されません。同じ端末を使う人なら内容を確認できる可能性があるため、パスワードや個人情報のような機密データを保存するのは避けるべきです。"
      }
    },
    {
      "@type": "Question",
      "name": "実務ではどこで関係する？はHTML共有で必ず理解しておく必要がありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "細かな仕様を暗記する必要はありません。ただし、検索に出るか、閲覧者を制限できるか、表示が崩れないかに関わる用語は、共有前の判断材料として押さえておくと安全です。"
      }
    }
  ]
}
```