仕事でよく聞く言葉質問したいんだけど。
ディレクトリ、パス、フロントエンド、バックエンド
ここらへんを教えてほしいです!^^
あ、俺も知りたい!なんとなくわかるような気がするけど再確認しておきたい!
それじゃあ1つずつ説明していこうか^^
ディレクトリとは
ディレクトリはフォルダと同じだよね^^
俺の中の認識だとWindowsだとフォルダ、Macとかだとディレクトリって言い方わけてるなー
厳密にはWindowsだからフォルダ、Macだからディレクトリってわけではなく、それぞれ違うものなんだけど、
会話上ではほとんど同じ意味で使われるから フォルダ=ディレクトリ って思ってもらって大丈夫だよ^^
フォルダって言葉はよく使うけど、ディレクトリって言葉はエンジニアの人が使うのを聞くくらいだったからディレクトリってなんだ?
って思ってたけど、これから私もディレクトリって言おうっと^^
パスとは
「HTML&CSS速習教室」の中の「相対パスと絶対パス」でもパスについて解説しているので、そちらも参考にしていただけたらと思います^^
パスってどこにどんなファイルがあるかスラッシュ(/) 区切りで書かれた文字列だっけ?
また別の機会でHTMLについて説明するけど、次のHTMLをみてごらん^^
1 2 3 4 5 6 |
# 相対パスを使った場合 <a href="pages/hello.html">トップへ</a> <a href="./pages/hello.html">トップへ</a> # 絶対パスを使った場合 <a href="https://tsuyopon.xyz/pages/hello.html">トップへ</a> |
コードなんて見せられてもわからないよー(汗)
相対パス
見て欲しいところは相対パスの
・pages/hello.html
・./pages/hello.html
と、絶対パスの
・https://tsuyopon.xyz/pages/hello.html
の部分!
なんのこっちゃ!?
相対パスと絶対パスって聞いたことあるけどまだちゃんと理解できてないところだ^^;
・pages/hello.html
・./pages/hello.html
上の2つは先頭に「./」(ドットスラッシュ)がついている・ついていないの違いがあるけど意味は全く同じだよ^^
1文字ずつ意味があって、「.」(ドット)と「/」(スラッシュ)の意味は次の通り^^
- . (ドット)・・・現在いる位置
- / (スラッシュ)・・・ディレクトリの中
現在いる位置ってどういうこと?
例えば「https://tsuyopon.xyz/index.html」のページを今見ているとして、
この index.html ファイルはどこかのディレクトリの中に入っているよね?
そうね。画像ファイルとかテキストファイルとか、
どんなファイルもどこかのフォルダ…じゃなくてディレクトリの中に入っているわね。
いいね、さっそくディレクトリって言葉使ったね^^
話を戻して、
例えばこの index.html ファイルが 「html」ディレクトリの中に入っていたら
・html/index.html
といった書き方をするんだ^^
となると、この index.html は html ディレクトリの中だから、
index.html 内の 「.」(ドット)は
「html」ディレクトリになるのかな?
そうそう!
今回の場合だと
「.」 = 「htmlディレクトリ」
になるよ(^^)
なるほどね~
ということは、
「./」はhtmlディレクトリの中って意味になって、
「./pages/hello.html」は
「htmlディレクトリの中」の「pagesディレクトリの中」の「hello.html」
ってことになるのかしら?
正解です!
そして、この「./」は省略して書くことも出来るから、
・pages/hello.html
・./pages/hello.html
は、同じ意味になるんだ^^
はぁー、なるほどなー
パスって「道」って意味の方のパスだったのか!
ってことは、絶対パスは絶対的な場所にあるから絶対パスってことになるのかな?
絶対パス
お!カンが鋭いね〜
じゃあ、絶対的な場所っていうのはどんな意味か説明できるかな?^^
ん〜
相対パスが現在いる場所を基準にするってことだから、
絶対パスは現在いる場所を基準にしないってことなのかなーって思うけど
よくわからん!
同上!!
ははw
現在いる場所を基準にしないってのあってるよ^^
絶対パスではルートからみた求めているファイルまでのパスのことだよ^^
ルート??
またわからん言葉が出てきた (汗)
基準とするディレクトリ??
うん。
あっ、確かに!
本当だ!
じゃあhtmlディレクトリはどこ行ったんだ!?
おお!
なんかわかってきた気がする!
となると、さっき言ってた基準とするディレクトリは
html ディレクトリになるってことで合ってる?
1 2 |
# 絶対パスを使った場合 <a href="https://tsuyopon.xyz/pages/hello.html">トップへ</a> |
/pages/hello.html は
現在いる位置からのパスではなく、
基準とするディレクトリ=ルートディレクトリ
からのパスだから絶対パス になるのね^^
そのとおり!
はーい^^
ディレクトリ、相対パス、絶対パス。
忘れないうちにメモしとかなきゃ!
今度からURL見るときは相対パスなのか絶対パスなのか意識して見ようっと^^
- ディレクトリ: フォルダのこと
- パス: ファイルまでの道(=PATH)
- 相対パス: 現在いるディレクトリからのパス
- 絶対パス: 基準とするディレクトリからのパス