ファイル命名規則:プロジェクト別ガイド
5 分で読了
ファイル命名規則は、プロジェクトタイプ、フレームワーク、チームの好みによって異なります。このガイドでは最も一般的なパターンを扱います。
プロジェクトタイプ別
| プロジェクト | 規則 | 例 |
|---|---|---|
| React/Next.jsコンポーネント | PascalCase | UserProfile.tsx |
| Vueコンポーネント | PascalCase | UserProfile.vue |
| Angularコンポーネント | kebab-case | user-profile.component.ts |
| Pythonモジュール | snake_case | data_loader.py |
| CSS/SCSS | kebab-case | main-layout.scss |
| 設定ファイル | kebab-case | eslint-config.js |
| ドキュメント | kebab-caseまたは大文字 | getting-started.md, README.md |
普遍的なルール
- ファイル名にスペースを使わない — 絶対に
- 小文字はOS間で安全(Linuxは大文字小文字を区別するが、macOSはしない)
- ハイフンとアンダースコア以外の特殊文字を避ける
- プロジェクト内で一貫させる