ファイル命名規則:プロジェクト別ガイド

5 分で読了

ファイル命名規則は、プロジェクトタイプ、フレームワーク、チームの好みによって異なります。このガイドでは最も一般的なパターンを扱います。

プロジェクトタイプ別

プロジェクト規則
React/Next.jsコンポーネントPascalCaseUserProfile.tsx
VueコンポーネントPascalCaseUserProfile.vue
Angularコンポーネントkebab-caseuser-profile.component.ts
Pythonモジュールsnake_casedata_loader.py
CSS/SCSSkebab-casemain-layout.scss
設定ファイルkebab-caseeslint-config.js
ドキュメントkebab-caseまたは大文字getting-started.md, README.md

普遍的なルール

  • ファイル名にスペースを使わない — 絶対に
  • 小文字はOS間で安全(Linuxは大文字小文字を区別するが、macOSはしない)
  • ハイフンとアンダースコア以外の特殊文字を避ける
  • プロジェクト内で一貫させる

変換

kebab-casePascalCasesnake_caseハブ