← PC・IT用語集へ戻る

パス

Path
environment beginner
ファイルやディレクトリ（フォルダ）の場所を示す「住所」のような文字列のこと。
パス (Path)

概要（サマリー）

ファイルやディレクトリ（フォルダ）の場所を示す「住所」のような文字列のことである。
システムやAIに対して「このファイルを読み込んで」「ここに保存して」と正確な場所を指示したいときに必ず使われる。

PC上のフォルダ内のファイルなら、上図のような文字列の連なりとして表せる。

詳細解説

パス（Path）とは、ファイルやディレクトリ（フォルダ）がどこにあるかを示す文字列のことである。
人間にとっての住所と同じように、コンピュータにとっては「目的のファイルがどこにあるのか」を伝えるための重要な情報になる。

たとえば、画像を読み込む、HTMLからCSSを読み込む、プログラムで特定のファイルを開く、保存先を指定する、といった場面では必ずパスが使われる。
つまりパスは、ファイル操作や開発作業の土台になる基本概念である。

なぜパスが必要なのか

PCの中には大量のファイルやフォルダが存在する。
そのため、単に image.jpg や script.js とだけ書いても、システムは「どこの image.jpg なのか」「どの script.js なのか」を判断できないことがある。

そこで、ファイルの位置を階層つきで表すことで、

  • どのファイルを読むのか
  • どこに保存するのか
  • どのフォルダを基準にするのか

を明確にできる。
パスは、コンピュータに対する場所の指定そのものである。

パスの基本的な見方

パスは、フォルダ名やファイル名を順番につないで表現する。
たとえば、Windowsでは次のような形になることがある。

C:\Users\user\Documents\sample.txt

これは、

  • C: ドライブの中に
  • Users フォルダがあり
  • その中に user
  • その中に Documents
  • その中に sample.txt

がある、という意味である。

一方、Macでは次のように表すことが多い。

/Users/user/Documents/sample.txt

Linuxでは、ホームディレクトリが /home/user になることが多い。

/home/user/Documents/sample.txt

書き方は違っても、考え方は同じで、上の階層から順番にたどって目的のファイルへ向かうという構造である。

区切り文字の違い

OSによって、パスの区切り方に違いがある。

  • Windows: \ バックスラッシュ。日本語環境では ¥ と表示されることがある
  • Mac / Linux: / スラッシュ

この違いは初心者がよく混乱するポイントである。
特にAIにコードを書いてもらうとき、Windows向けのパスとMac/Linux向けのパスが混ざることがあるので注意が必要である。

絶対パスと相対パス

パスには絶対パスと相対パスの2種類があり、状況に応じて使い分ける必要がある。

絶対パスとは

絶対パス（Absolute Path）とは、一番上の階層から目的の場所までをフルで書いたパスである。
「完全な住所」を書くイメージである。

たとえば、Windowsでは次のように書く。

C:\Users\user\Desktop\project\index.html

Macでは次のように書く。

/Users/user/Desktop/project/index.html

どちらも、基準となる場所に関係なく、どのファイルを指しているかが明確になる。

Webページでは、先頭が / の /images/photo.jpg もよく使う。これはPCのドライブから書いた絶対パスではなく、そのサイトの最上階から見たパスである。https://example.com/images/photo.jpg のようにスキームとドメインまで含むものは、URLとしての絶対指定である。この3つは似て見えるが、基準が違う。

相対パスとは

相対パス（Relative Path）とは、今いる場所を基準にして書くパスである。
「現在地から見た行き先」を表すイメージである。

たとえば、index.html と css/style.css が同じプロジェクト内にある場合、HTMLからCSSを読み込むときに次のように書くことがある。

<link rel="stylesheet" href="css/style.css">

これは「今いるHTMLファイルの場所を基準にして、その中の css フォルダへ進み、style.css を読む」という意味である。

よく使う相対パスの書き方
./

現在の場所を表す。

../

1つ上の階層へ戻ることを表す。

たとえば、

../images/photo.jpg

は、「1つ上のフォルダへ戻ってから、imagesフォルダの中のphoto.jpgへ進む」という意味である。

絶対パスと相対パスの比較表

特徴 絶対パス (Absolute Path) 相対パス (Relative Path)
基準 一番上の階層（ルート）から全て書く 今いる場所（現在地）から書く
長さ 長くなりやすい 短くスッキリ書ける
環境変化 別のPCに移すとパスが変わって壊れやすい プロジェクトごと移動しても壊れにくい
主な用途 外部のURL指定、システム設定の指定など 自分のプロジェクト内の画像やCSSの読込など

絶対パスと相対パスのメリット

絶対パス

  • どこから見ても指している場所が同じなので、確実
  • 「完全な住所」なので、他人に教えたり説明しやすい

相対パス

  • 短く書けるため、コードが見やすい
  • フォルダごと別のPCやサーバーに移動してもリンクが切れない（Web制作に最適）

絶対パスと相対パスの注意点

絶対パス

  • 自分のPC固有のパス（C:\Users\...など）で書くと、サーバーにアップした時にエラーになる

相対パス

  • 「今どこにいるか」を意識しないと、階層（../など）を間違えやすい
  • ファイルの場所を移動させると、そこからの道順が変わるためパスの書き直しが必要になる

開発でよくあるパスの使用例

パスはさまざまな場面で登場する。

1. HTMLで画像を表示する

<img src="images/sample.jpg" alt="">

2. HTMLでCSSやJavaScriptを読み込む

<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>

3. プログラムでファイルを開く

PythonやPHP、JavaScriptなどでも、ファイル読込や保存時にパスを指定する。

4. ターミナルで移動する

cd コマンドなどでディレクトリを移動するときも、パスの理解が必要になる。

5. AIにファイル位置を伝える

AIコーディングでも、「このファイルを修正して」「このフォルダ内を見て」と指示するとき、パスの理解が非常に重要になる。

パスを理解すると何が変わるのか

パスが分かるようになると、

  • ファイルがどこにあるか把握しやすくなる
  • 読み込みエラーの原因を見つけやすくなる
  • ターミナル操作が理解しやすくなる
  • Web制作やプログラミングの全体像が見えやすくなる

特に初心者は、エラーそのものよりも「どこを見に行っているのか」が分からずに詰まりやすい。
パスを理解すると、そうした混乱をかなり減らせる。

パスとURLの違い

初心者が混同しやすいが、パスとURLは完全に同じものではない。

  • パス = PCやサーバー内での場所を示す表現
  • URL = Web上のアクセス先を示す表現

ただしURLの中にも「どの場所にあるか」を示すパス部分が含まれている。
たとえば、https://example.com/images/photo.jpg の /images/photo.jpg の部分は、Web上のパスと考えることができる。

つまり、URLはより広い概念であり、その中にパスの考え方が含まれている。

URL内のパス部分を、ドメインやクエリパラメータと分けて確認したい場合は、以下のツールを使うと整理しやすい。

AIコーディングとの関係

AIにコードを書いてもらう場面では、パスの理解が特に重要になる。たとえばAIが、

  • ファイルを新規作成する
  • 特定の画像を読み込む
  • CSSやJSを分割する
  • 設定ファイルを修正する

といった提案をしたとき、パスがわからないと「どこに作られたのか」「なぜ読み込めないのか」が判断しづらい。そのため、AIコーディング初心者にとっても、パスは避けて通れない基礎知識である。

AIに指示するときは、「このプロジェクトのルートディレクトリを基準に、src/components/ 配下に新しいファイルを作って」のように、基準となる場所（絶対パスか相対パスか）を明示すると、意図しない場所にファイルが作られるのを防ぎやすい。

よくある勘違い

絶対パスを書けば、どの環境でも同じファイルを指す？

PC内の C:\Users\... や /home/user/... は、そのコンピュータの中での住所である。別のPCやサーバーへ移すと、同じ文字列ではファイルが見つからないことが多い。

Webで先頭が / のパスは、サイトの最上階からの指定である。ドメインが違えば、指すファイルも変わる。

Windowsの \ と ¥ は別物？

文字としてはバックスラッシュである。日本語のフォントや入力環境では、同じ文字が ¥ に見えることがある。パスが動かないときは、見た目が円記号でも、区切り文字として扱われているかを確認する。

相対パスはファイルを動かせない？

プロジェクトごと移動するぶんには、相対パスのほうが切れにくい。ファイル単体を別の階層へ移すと、../ の段数が変わり、読み込み先がずれる。

まとめ

  • パスは、ファイルやフォルダの場所を階層の順に書いた文字列である。
  • 絶対パスは基準の場所に依存せず、相対パスは今いる場所から書く。
  • Macのホームは /Users、Linuxのホームは /home であることが多い。Windowsの区切りは \ で、日本語環境では ¥ に見えることがある。
  • URLの中にもパス部分があるが、URLそのものとは別の概念である。

情報ソース

より詳しくAIに聞いてみよう

  • 絶対パスと相対パスの違いを、図解イメージでやさしく説明してください。
  • HTMLで画像やCSSを読み込むときのパス指定を、初心者向けに具体例つきで説明してください。
  • WindowsとMacでパスの書き方が違う理由を教えてください。
  • ./ と ../ の意味を、フォルダ構造の例つきで説明してください。
  • AIコーディングでパス指定を間違えると何が起きるのか、実例つきで教えてください。