IT企業未経験30代 100日後に自社のシステムを作れるようにする。④
ディレクトリとは
ディレクトリとはファイル(データ)を整理したり分類したりするための入れ物
WindowsやMacなどのGUIでは「フォルダ」
LinuxやUnixなどのCUIでは「ディレクトリ」と呼ばれる。
GUI 「Grophical User Interface」
- マウスやタッチパネルを使用して直感的・視覚的にわかるやすい作業ができる。
- 操作が分かりやすいが、ストレージを多く消費・メモリーも大容量が必要になってくる。
CUI 「Character User Interface」
- キーボードを使って文字やコマンドのみで操作する。
- 専用文字(コマンド)を使用してコンピューターに命令するため、専門知識が必要になる。
ディレクトリの種類
- 階層型ディレクトリ
ディレクトリを階層型に配置されてる内部構造のこと。ルートディレクトリが最上になる
- サブディレクトリ
対象のディレクトリに格納されている全てのディレクトリ
- ルートディレクトリ
階層構造になっているディレクトリにおいて最上位に位置するディレクトリ
- カレントディレクトリ
今現在自分がいる(作業している)ディレクトリ
- WebディレクトリとURL
インターネット上に存在するぺージのリンクを収集し、カテゴライズしたもの
ディレクトリの構造
- public
HTML、CSS、JavaScript
- assets
画像、フォントおよびそのほかの静的ファイルをこのサブディレクトリに収納します。
- styles/style
CSSファイルやSassファイルをサブディレクトリに配置します。
- scripts/js
JavaScriptファイルをサブディレクトリに保持します。
- lib
外部ライブラリやフレームワークをこのサブディレクトリに収納します。
- test
テスト関連のスクリプトやテストケースを含むディレクトリ。
- docs
プロジェクトの毒面テーションを含むディレクトリ。README、開発ガイド、APIドキュメントなど。
ディレクトリ構造図
public/
├ index.html
├ assets/
│ └ image01.jpg
├ styles/
│ └ styles.css
├ scripts/
│ └ scriot.js
├ lib
├ test
└ docs
絶対パス・相対パス
パスとは、「経路」のことで、目的のファイルがどのディレクトリに保存されているのかを示すもの
絶対パス(absolute path) | 相対パス (relative path) |
目的のファイルまでのすべての道筋を記述する方法 | 現在のファイルの位置からの相対的な位置を記述する方法 |
絶対パスの記載内容は、「http:// ドメイン名」(= 階層構造の頂点)、「フォルダ名」、「ファイル名」 | 1.同じフォルダ(階層内)にある場合 同じフォルダであることを意味する「./」を使用してパスを記述します。 「./」は省略することができます。 |
1.Web表記 Web表記の場合、ルートディレクトリは「http(s):// (ホスト名.)ドメイン名/」です。 階層の区切りには「/」(スラッシュ)を使います。 (例)http:// ●●●.co.jp/img/dog.jpg | 2.1つ上の階層にある場合 1つの階層を意味する「../」を使用してパスを記述します。 |
2.UNIX互換環境(Linux含む)表記 UNIX互換環境では、ルートディレクトリは「/」です。 階層の区切りには「/」(スラッシュ)を使います。 (例)/Users/●●●/Desktop/img/dog.jpg | 3.1つ上の階層にある別のフォルダ内にある場合 「../」で1つ上の階層を指定し、その中のフォルダ、さらにファイル名を指定します。 |
3.Windows系表記 Windows系では、ローカルディスクのドライブ名がルートディレクトリになります。 階層の区切りには「」(バックスラッシュ)または「¥」を使います。 (例)C:¥Users●●●¥Desktop¥img¥dog.jpg | 4.2つ上の階層にある場合 「../」を2回記載し、「../../」とすることで、2階層上であることを示します。 |
また次回よろしくお願いします。
~2024年8月23日~