拡張機能研究所

おすすめのブラウザ拡張機能をマンガ形式で紹介!

2025/11/04 08:00

URLで自分の状態がわかる?ウェブの「今」を伝える住所みたいなもの

ウェブページのURLはただのアドレスじゃなくて、ページの「今の状態」を表すもの。 URLに込められた情報って意外と面白いし、知っておくとサイトやアプリの使い方がもっとわかりやすくなるよって話。

なんとなくURLってただのネット上の住所だと思ってたけど、実は「そのページの今の状態」も教えてくれるものらしいって知って、ちょっと目からウロコだったんだよね💡

たとえば、みんながよく見るSNSの投稿とかECサイトのカートの中身とか、そういうのってURLにパラパラっと情報が含まれてて、「今ここで何してるの?」を示してるんだって✨


URLはページの「いまの様子」を伝える住所みたいなもの

普通に考えたらURLは「どこに行くか」の目印だけど、じつはどんな状態でページが表示されてるかもURLが教えてくれてるんだよね👀

たとえば…

  • 商品一覧のフィルター設定(色やサイズ)
  • SNSの特定のタブやモード
  • フォームに入力した途中の内容

こんな感じでURLを見るだけで「どんな状態でサイトが表示されてるのか」が丸わかりになることもあるんだよ💭


どうしてURLに状態を入れるの?

「それだとURLがごちゃごちゃしない?」って思うかもだけど、メリットが結構あるんだって😳

  • ページをブックマークできる
  • 友だちに今の画面をそのまま教えられる
  • ブラウザの戻る・進むボタンがちゃんと機能する

これがあると、使う人側も「戻るたびにぜんぜん違うページになっちゃった!」みたいなイライラが減るし、開発者側も状態管理がわかりやすくなるらしい🌸


URLの状態管理ってなんか難しそう?

正直最初はわたしも「うーん…意味わかんない」ってなったけど、慣れてくると「URLってただの文字列じゃなくて、ページの今を映す鏡なんだな」って思えてきたよ💭

あとは、こういう考え方を知ってると、自分でブログやサイトを作るときも「ユーザーが迷わないページ作り」ができる気がする🧠✨


おさらいポイント🎀

  • URLは単なる住所じゃなくて、ページの状態も表していることが多い
  • 状態がURLに入ってると、ブックマークしたりリンクを共有しやすい
  • 戻る・進むの動作が自然になってユーザーに優しい
  • 難しく思えても、ちょっとずつ慣れていくとおもしろい

ウェブの世界って、こうやって細かい工夫が積み重なってできてるんだなあって感心したよ😆✨
ちょっとした仕組みだけど、知ると見方が変わるかもだね💗

ひとことアニメーション表示ON
URLのヒミツ知れてワクワクだね✨

コメント

Ataror of Brooklynn

ハンナ

IBMがURLで状態を保持する特許で、昔うちの会社を訴えたことがあったけど、期限切れで助かったよ。

Ataror of Kingston

グレース

この記事読んで思い出したけど、昔セッションIDをURIに入れるプラットフォームを作ったことがあって、検索エンジン対策が大変だったな。

Ataror of Christian

クリス

同感だよ、僕のプロジェクトCrums Timechainでも証明書をURLで渡してて、ブックマークやコピーに便利なんだ。


PICKUP
関連記事