テーマ、知りたいこと
JavaScript でモジュールファイルを大量に作っているのですが、ネットでいくつかコードを見ていると下記のような命名タイプがあるように思います。
いつどちらを使うべきなのか、この使い分けを知りたいです。
・名詞的表現（動詞-名詞型）
create-xxx.js とか build-xxx.js
・擬人的表現（名詞-動詞型）
xxx-creator.js とか xxx-builder.js
ChatGPT いわく
ChatGPTに聞いてみると下記のような使い分けらしいのですが、いかがでしょうか。
| スタイル | 例 | 向いてるケース |
|---|---|---|
| 名詞的表現（動詞-名詞型） | create-xxx.js | 単発の処理や関数群、ユーティリティなど |
| 擬人的表現（名詞-動詞型） | xxx-creator.js | クラスや状態を持つモジュール、責務を明示したい場合 |
「他にもこういうときはこう」など多様なケースでのご意見を頂けますと幸いです。
よろしくお願い致します。
（質問の契機は JavaScript ですが、特にそれに限りません。）
回答3件
#1
総合スコア117892
投稿2025/06/30 00:20
- 動詞を先にもってくると作業内容で分類しやすい
- 名詞を先にもってくると使用用途で分類しやすい
ただファイル名はあくまでもルールがあるわけではないので好きにすればいいと思います。
関数名の付け方は前者が基本ですが、ファイル名に関しては後者を使うと管理しやすいかもしれません
#2
総合スコア20
投稿2025/07/01 06:14
オブジェクト指向をしっかり学ぶと自然と分かります。chatGPTの回答通りと思います。
#3
総合スコア21768
投稿2025/07/01 12:38
そのファイルでエクスポートする「モノ」の名前を付けるようにしています。
たとえば、関数一個だけをデフォルトエクスポートする場合は、その関数に付けるであろう名前からファイル名を決めます。例えば、次のような形です。
JavaScript
1import goHome from "go-home.js";
同様にクラスをデフォルトエクスポートするのであれば、そのクラスに付けるであろう名前にします。
JavaScript
1import MyHome from "my-home.js";
一般に関数は動詞、クラスは名詞を使用するので、ファイル名をそれにあわせた形になります。
デフォルトエクスポートする「モノ」が無い場合は、一つのライブラリと考えて名前を付けます。その名前はインポート時にasで名前を付ける時に使用するような名前にします。例えば、次のような形です。
JavaScript
1import * as utils from "utils.js";
ライブラリとしてどのような名前を付けるのか(上のようなutilsはあまり良くない例ですが)は色々な考え方がありますが、それがファイル名になるようにします。もし、適当な名前が思いつかないのであれば、たぶん、一つのファイルに関係が薄いものを詰め込みすぎていると思われます。
まとめると、デフォルトエクスポートされる「モノ」につけるべき名前、または、asとしてつけるべき名前、からファイル名を決めます。動詞とか名詞とかそういうのは、ファイル名について考えるのでは無く、インポートするときに付ける名前が動詞にすべきか名詞にすべきかと言うことだけです。こうすることで、インポート文を見なくても、その名前からどこのファイルで定義されているものであるかを推測しやすくなります。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。