201
138

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ケバブケース(kebab-case)について調べた

Last updated at Posted at 2016-02-05

動機

キャメルケース(CamelCase)は知っていたが、HTMLやCSSなどで使われているハイフン(-)で単語を区切ることを何というのか気になったので、調べてみた。

調べた結果

ケバブケースkebab-case)というらしい。Lispでも使われるので lisp-case とも。

疑問

何故 ケバブ
理由を探したが見つからなかった…。

「串刺し」 だからだそうです(コメントより)。@riocampos @__hage さん、ありがとうございます! :smile:

まとめ

名称 用例 主な言語
キャメルケース camelCase Java, JavaScript
スネークケース snake_case PHP, Python, Ruby
ケバブケース kebab-case HTML, CSS, Lisp

参考にしたサイト

lodash.js にはケバブケースに変換する関数がある。

本文に関係ないけど、Web系の命名規則の推奨されるやり方が載っていたので、メモしておく。

201
138
6

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
201
138

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?