shiftB
instagramyoutube
運営会社プライバシーポリシー特定商取引法に基づく表記JavaScript学習サイト JS Gym
お問い合わせ
©2025 bubekichi inc.

URIにおける絶対パスと相対パス

0
XThreads
受講生ブログ

URIにおける絶対パスと相対パス

icon
kento

URIにおける絶対パスと相対パス

公開: 2025年06月27日

Tips
要約
  • URIには絶対パスと相対パスがあり、階層構造を持つ。
  • 相対URIはベースURIを必要とし、そこから絶対URIに変換される。
  • 次回はベースURIの考え方とその指定方法について解説する。
音声で記事を再生

はじめに

前回はURIの基本構造とそこに含まれる複雑な構文について触れてきました。
今回は、URI仕様の中で重要な絶対パスと相対パスについてを見ていきましょう!

関連記事もご覧ください!

絶対パスと相対パス

URIのパスは、UNIXのファイルシステムと同じような階層構造を持っています。
「/」をルートとして、ディレクトリ名を「/」で区切り、必要であれば最後にファイル名を接続する記法です。
OSのファイルシステムでは、ルートから記述したパスのことを「絶対パス」と呼びます。
相対パスは、現在の場所から指定の場所への「辿り方」を指定する表記です。

OSのファイルシステムの場合、毎回絶対パスを書くのは冗長なので、コマンドラインからディレクトリやファイルの位置を指定する場合は、カレントディレクトリ(現在地のディレクトリ)からの相対パスで表すのが一般的です。
ファイルシステムでは、カレントディレクトリは「.」親ディレクトリでは「..」で表現します。
例えば、barディレクトリに現在いるとすると、表1の左側の相対パスは、それぞれ右側の絶対パスに対応します。

表1(起点は/foo/bar/)

URIにおける絶対パスと相対パス|ShiftBブログ

実は、OSのファイルシステムと同様い、URIにも相対URIと絶対URIがあります。

相対URIと絶対URI

以下、相対URIと絶対URIの例とします。

絶対URI

http://example.jp/foo/bar

相対URI

/foo/bar

ベースURI

相対URIは、そのままではクライアントが解釈できません。その相対URIの起点となるURIがどこなのかが分からないからです。
この起点となるURIを指定するのがベースURIです。
例えば、ベースURIがhttp://example.jp/foo/barだとしましょう。
表2を参照ください。
左側の相対URIは、それぞれ右側の絶対URIに対応します。
相対パスと同様に「.」と「..」が使える他、クエリパラメータやURIフラグメントも相対パスとして使えます。
また、「/」から始まる相対URIは、ホスト名からのパスとして解釈します。(/hoge/fuga)

このように、相対パスを絶対パスに変換するためにはベースURIが必要となります。

表2

URIにおける絶対パスと相対パス|ShiftBブログ

さいご

今回は、絶対パスと相対パスの違いや、それがURIの中でどのように扱われるかを見てきました。URIもファイルシステムと同様、階層構造を持ち、相対的な指定が可能です。

しかし、相対URIを解釈するには「ベースURI」という基準が必要です。
次回は、このベースURIの考え方や、HTMLなどで明示的にベースURIを指定する方法について見ていきましょう。

0

シェア!

XThreads
ShiftB Logo
icon
kento
プロフィールを見る
Loading...
記事一覧に戻る
ShiftB Logo
XThreads
0

関連記事

自分情熱大陸 -感謝を伝えたいと思い、書きました-

icon
tomoe

MBTI×学習スタイル 巨匠の私が約4ヶ月で完走した学習戦略

user
吉本茜

AIにコードを書かせれば十分?それで本当に仕事になりますか?

icon
タマネギ

AIがコードを書く時代だからこそ、プログラミングを学ぶべき理由

icon
タマネギ

TAの使い方

user
吉本茜

白菜先生の話 -プログラミングの楽しさを教えてくれた人-

icon
tomoe

最新記事

【1章】事前準備の振り返り

user
大西晴空

【2章】Webアプリケーション概要の振り返り

user
大西晴空

【React 初心者向け】データ取得がもっと分かりやすくなる。TanStack Query の紹介

icon
さかした

図で理解!!並列(Concurrency)並行(Parallelism)の違い

user
吉本茜

「レイテンシって何???」から始めた調査が楽しかった話

user
吉本茜

5章振り返りと12月の目標設定

user
大橋健太