← 用語集一覧へ戻る

パス

Path
concept 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やLinuxでは次のように表すことが多い。

```text
/Users/user/Documents/sample.txt

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

区切り文字の違い

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

  • Windows: \ バックスラッシュ
  • Mac / Linux: / スラッシュ

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

絶対パスと相対パス

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

絶対パスとは

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

たとえば、

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

や

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

のように書けば、基準となる場所に関係なく、どのファイルを指しているかが明確になる。

相対パスとは

相対パス（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はより広い概念であり、その中にパスの考え方が含まれている。

AI時代におけるパスの重要性

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

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

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

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

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