ハイフンで区切られたケースの名前は何ですか？

509

これはパスカルケースです： SomeSymbol

これはキャメルケースです： someSymbol

これはsnake_caseです： some_symbol

だから私の質問は、これに広く受け入れられている名前があるかどうかsome-symbolです：？通常、URLで使用されます。

programming-languages  naming-conventions  terminology 
— lms
ソース
11
いいえ。ほとんどの言語では、このような識別子は許可されていません。また、最初のケースはパスカルケースと呼ばれています。
— Cat Plus Plus
4
— Pubby
14
@CatPlusPlus Lispはこのケースを使用します。Googleはa -をスペースとして処理するため、ほとんどすべてのSEO対応URLでも使用されます。
— lms
4
PascalCaseという名前で最初の例を呼び出すのがより一般的だと思います。
— Drew Noakes 2014年
24
@CatPlusPlus 1）URLはプログラミング言語と無関係ではありません。それらは、プログラミング言語が最も頻繁に使用するリソースの1つです。一部の言語では、URLをファーストクラスのオブジェクトとして扱います。Goでは、ファーストクラスではありませんが、パッケージのインポートにURLが使用されます。2）ダッシュで区切られた文字列は、いくつかの言語（1つのLISPファミリ）や、CSSなどのプログラミングで使用される補助的な言語で非常に一般的です。あなたにとって「マイノリティ」とは何ですか、それは他の人が日々働いている言語です。私たちはすべてのVB6プログラマーではありません。
— Hejazzman 2014年

回答:

433

このケース規約には実際に標準的な名前はなく、それを何と呼ぶべきかについて意見の相違があります。

そうは言っても、2019年の時点で、ケバブケースが勝っているという強い主張がなされています：

https://trends.google.com/trends/explore?date=all&q=kebab-case,spinal-case,lisp-case,dash-case,caterpillar-case

spinal-caseは遠い秒であり、他の用語はまったく牽引力を持ちません。

さらに、kebab-caseはいくつかのjavascriptコードライブラリのレキシコンに入りました。

しかし、人々が使用する他の用語があります。Lispは、このウィキペディアのエントリで説明されているように、何十年もの間この規則を使用していますでため、一部の人々はそれをlisp-caseと説明しています。私が見た他のいくつかの形式には、caterpillar-case、dash-case、およびhyphen-caseが含まれますが、これらのどれも標準ではありません。

したがって、あなたの質問への答えは次のとおりです。いいえ、snake_caseに類似したこのケースの規則には、広く受け入れられている単一の名前はありません。やcamelCaseに。

— ベン・リー
ソース
118
リンクされたウィキペディアの記事には、現在、このスタックオーバーフローの質問にリンクする参照があります。具体的には、ケバブのケースの質問にリンクしています。ウィキペディアをソースとして使用するのは賢いアイデアではなかったのかもしれません。
— dequis 2014
8
@BenLee私はあなたがコピーを屠殺したと感じた人です-そのため謝罪します。spinal-case / Train-Caseは、他のWikipediaの履歴のないIPアドレスからの匿名ユーザーによる参照なしで、2012-10-07にWikipediaに追加されました。ウィキペディアに循環的に戻らなかったこれらの用語の他の証拠を見つけることができませんでした。一方、このStackOverflowの質問は、ケバブのケースには、証拠のないウィキペディアの記事に入力されたものに依存しないユーザーのコミュニティがあるという証拠を提供していると感じました。元の研究費を回避するのに十分であることを願っています。
— Robert Tupelo-Schneck 2014年
7
私は（破壊行為の可能性があるため）脊椎ケースとトレインケースを完全に削除したくなりました。しかし、おそらく長年のウィキペディアの破壊行為は、実際にそれ自体の証拠を作成することができます。それがここで起こったようです。
— Robert Tupelo-Schneck 2014年
11
私は「キャティピラーケース」が好きです。それは、押しつぶされてから長く、そして動物のテーマに沿っているからです
— RenaissanceProgrammer
55
ケバブケース-単語のように見えるため、ケバブに串刺し
— Aaron_H
464

ケバブケースと呼ばれています。lodash docsを参照してください。

— jwfearn
ソース
190
ここだ参照それが公式になり、;）
— アンドレアス
13
ここに別の参照があります：github.com/qerub/camel-snake-kebab ;）
— qerub
11
リファレンスの再帰は、それがはるかにLispに似ていることを意味します。
— Michael Della Bitta 2013年
140
この答えを支持したのは、それが正しいものであると信じているからではなく、正しい答えにしたいからです。
— Jason Swett、
43
私はここで行われている人口動態が大好きです。この回答は、この回答にリンクしているウィキペディアにリンクしているlodashにリンクしています！
— gilly3
37

キャタピラケースとしても知られています

— tim_yates
ソース
61
ラクダ、ヘビ、キャタピラーはあらゆる種類の生き物ですが、ケバブはそうではないため、キャタピラーケースはケバブケースよりもはるかに理にかなっています。
— Daira Hopwood、2015年
26
— mikemaccana
4
「毛虫」は「ケバブ」に対し、4つの音節を持っているように、「ダッシュ」と「ハイフン」1または2を持っているが、私は毛虫のケースを主張することは失う戦いだと思う
— Ninjakannon
1
「キャタピラーケース」はケース名としては長すぎます。「ワームケース」の方が適していると思います。：D
— Bahattin Ungormus '20 / 06/20
5
@DairaHopwoodは完全に同意します。パスカルも生き物でした。
— nawfal
16

ここに正しいリンクを追加するKebab Case

これはすべて小文字で、単語を区切ります。

— user666
ソース
12

文字（-）は「ハイフン」または「ダッシュ」と呼ばれるため、これに「ダッシュ-ケース」または「ハイフン-ケース」という名前を付けるのがより自然なようです。」（あまり使用されない）です。

ウィキペディアで述べたように、「ケバブケース」も使用されます。どうやら（回答を参照）、これはキャラクターが串のように見えるためです...いくつかの想像力が必要です。たとえば
、lodash libで使用されます。

最近、「ダッシュケース」が使用されました

— ギヨーム・フスタ
ソース
6
ケバブ事件は、それが何らかの助けになれば、ドネルケバブよりもシシュケバブを指している。
— アルパー、2017年
10

私はいつもそれを呼んで、それが「ダッシュケース」と呼ばれるのを聞いた。

— マイク・キャンベル
ソース
21
それは永遠にDashy McDash Caseとして知られています
— colllin
15
@colllin dashy-mcdash-case;）を意味すると思います
— siguy85
7

いくつかの調査の後の完全なリスト：

  • ケバブケース
  • キャタピラーケース
  • ダッシュケース
  • ハイフンケース
  • Lispケース
  • 脊椎症例
  • CSSケース
— シャディ・ナムロウティ
ソース
6

標準化された名前はありません。

jqueryやlodashなどのライブラリはそれをと呼びますkebab-case。そうVuejs JavaScriptのフレームワークを。ただし、kebab-caseJavaScriptの世界で参照されていると宣言しても安全かどうかはわかりません。

— ガウランパテル
ソース
Vuejsのドキュメントからここに来た場合、このように
— a20
2

これは、より最近のdisconbobulationです。Angular JSとPluralsightのコースのあらゆる場所にあるドキュメント、およびAngularに関する本はすべて、ケバブのケースをヘビのケースと呼び、2つを区別するものではありません。

snake_caseとcaterpillar-caseは簡単に覚えられ、実際にそれらが表すもののように見えるため（想像力が優れている場合）、あまりにも悪いcaterpillar-caseは固定されませんでした。

— レイ・スモールウッド
ソース
1

に対する私のECMAScript提案String.prototype.toKebabCase。

String.prototype.toKebabCase = function () {
  return this.valueOf().replace(/-/g, ' ').split('')
    .reduce((str, char) => char.toUpperCase() === char ?
      `${str} ${char}` :
      `${str}${char}`, ''
    ).replace(/ * /g, ' ').trim().replace(/ /g, '-').toLowerCase();
}
— クリストフビューラー
ソース
提案への応答？
— nxmohamad
あなたの反応に対する反応は？
— Dane Brouwer
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.