パソコン

パス

中級

読み方:パス|英語:Path

ファイルやフォルダの場所を表す文字列で、例えばimages/photo.jpgだよ。

やさしい説明

パス(path)とは、ファイルやフォルダの「住所」のことです。パソコンの中のどこにそのファイルがあるかを示す文字列で、フォルダの階層を /(スラッシュ)で区切って表します。

たとえば /Users/tanaka/Desktop/index.html という文字列は「Usersフォルダの中の、tanakaフォルダの中の、Desktopフォルダの中の、index.htmlファイル」という意味です。

パスには絶対パス相対パスの2種類があります。

図解

ファイルパスの構造

絶対パスと相対パスの違い

  • 絶対パス:ルート(一番上)からの完全な住所。どこから参照しても同じパス。例:/Users/tanaka/Desktop/my-project/index.html
  • 相対パス:今いるファイルの場所を基準にした住所。基準が変わると内容も変わる。例:./images/photo.jpg

HTMLやCSSで画像・CSSファイルを読み込むときは相対パスがよく使われます。絶対パスはサーバー上のURLを直接指定するときに使います。

相対パスの書き方

  • ./images/photo.jpg:今のフォルダの中の images フォルダの photo.jpg
  • ../style.css:1つ上のフォルダにある style.css
  • ../../data/list.json:2つ上のフォルダにある data/list.json
  • images/photo.jpg./ を省略した書き方(同じ意味)

よくある疑問

Q: 「./」と「../」の違いは?

A: ./ は「今いるフォルダ」、../ は「1つ上のフォルダ」を意味します。../../ は「2つ上のフォルダ」です。

Q: 画像が表示されないのはパスのせい?

A: よくある原因です。大文字・小文字の違い、フォルダ名のスペルミス、../ の数が足りないなどを確認してください。ブラウザの開発者ツール(F12)のNetworkタブで404エラーが出ていたらパスが間違っています。

Q: Windowsはなぜバックスラッシュ(\)を使うの?

A: Windowsの歴史的な仕様です。プログラミングではスラッシュ(/)を使うのが一般的で、Windowsでもほとんどの場面でスラッシュが使えます。

関連用語

📖 関連レッスン

レッスンを見る →

関連ブログ記事

❓ 関連するQ&A