パソコン
パス
中級読み方:パス|英語: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.jsonimages/photo.jpg:./を省略した書き方(同じ意味)
よくある疑問
Q: 「./」と「../」の違いは?
A: ./ は「今いるフォルダ」、../ は「1つ上のフォルダ」を意味します。../../ は「2つ上のフォルダ」です。
Q: 画像が表示されないのはパスのせい?
A: よくある原因です。大文字・小文字の違い、フォルダ名のスペルミス、../ の数が足りないなどを確認してください。ブラウザの開発者ツール(F12)のNetworkタブで404エラーが出ていたらパスが間違っています。
Q: Windowsはなぜバックスラッシュ(\)を使うの?
A: Windowsの歴史的な仕様です。プログラミングではスラッシュ(/)を使うのが一般的で、Windowsでもほとんどの場面でスラッシュが使えます。
関連用語
📖 関連レッスン
レッスンを見る →