「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

ケバブケース

pointこの用語のポイント

point変数名とかの付け方だよ

point単語間をハイフンでつなげるよ

point「first-disp-time」みたいな書き方だよ

スポンサーリンク

簡単に書くよ

ケバブケース(英:kebab case)とは

「hoge-data」のように単語間をハイフンでつなげる表記方法のこと
です。


image piyo

詳しく書くよ

たまに変数名の付け方の話で出てきます。

例えば

hoge-data

のように

単語間をハイフンでつなげる表記法

が「ケバブケース」です。
チェインケース」と呼ばれる場合も あります。

ケバブケース

なんで「ケバブ」かというと、単語を肉の塊に、ハイフンを串に見立てて、中東系のお兄さんが路上の屋台とかで売っているアレをイメージしているのです……多分。
もし日本発祥だったら「ヤキトリケース」とか名付けられていそうですね。

変数には分かりやすい名前を付けるのが基本です。
ちなみに変数は「プログラミング言語における値を入れておく箱」ね。

ケバブケース2

自分しか見ない趣味のプログラムであれば変数名は「a」とか「b」でも良いでしょう。
自分の好みに合わせて好きなように付けてください。

ですが、お仕事で作るプログラムであれば話が変わってきます。
他の人も中身を見る場合は、名前を見れば入っているものを推測できるような変数名にするべきです。
例えば「tel」や「address」のような名前ですね。

これは前提として考えてください。
「いやいや、変数名なんて何でもいいっしょ!」という意見をお持ちの人もいるかもしれませんが……うっせ!へぼプログラマ呼ばわりされたくなかったら黙って従え!(#゚д゚)

おっと、思わず本音が漏れてしまいました。
とにかく、お仕事で作るプログラムであれば特に、変数名は分かりやすい名前を付けるのが基本です。

さて、それでは分かりやすい名前を付けていきましょう。
「電話番号」を入れる変数の名前は「tel」で良いですよね。

ケバブケース3

「住所」を入れる変数は「address」にしましょう。

ケバブケース4

「郵便番号」は「zip code」ですね。

ケバブケース5

はい、ここで問題が発生しました。

一般的なプログラミング言語の場合、変数名に半角スペースは使えません。
「zip code」という名前は付けられないのです。

ケバブケース6

仕方がありませんね。
半角スペースを取って「zipcode」にしましょうか。

ケバブケース7

これはこれで良しとしましょう。
次に行きます。

「最初に表示した時刻」を入れる変数の名前です。
「first disp time」で、半角スペースを取って「firstdisptime」にしましょうか。

ケバブケース8

これは、ちょっとイマイチです。
かなり見にくいですよね。
パッと見で意味がつかめません。

ケバブケース9

この見にくさを解消するために、昔の人は工夫して単語の区切りを表現しました。
この

単語の区切りを表現するやり方

のひとつがケバブケースです。

ケバブケースではハイフンでつなぐことで単語の区切りを表現します。

例えば「zipcode」は

zip-code

です。

ケバブケース10

「firstdisptime」は

first-disp-time

に なります。

ケバブケース11

いかがでしょう?
全部の文字を小文字でつなげて書いたときより見やすいですよね。

ただし、です。

取り上げておいて なんですが、ケバブケースは、あまり使われません。
私が現実的によく見るのは、HTMLファイルホームページファイルにおけるid名とかclass名くらいです。

ハイフンは、基本的に引き算を意味する演算記号です。
そのため、プログラミング言語によっては変数名にハイフンが使えなかったりします。

PHPというプログラミング言語を例に説明しましょう。

PHPでは、変数名の最初に「$」を付ける決まりになってます。
例えば

$hensu

のように書くのです。
ですから、変数「zip-code」を用意しようとすると

$zip-code

と書くことになります。

これが問題です。

この記述をコンピュータさんは

変数「$zip-code」

と解釈しては、くれません。

$zip - code

つまり

変数「$zip」から「code」を引いてね

と解釈します。

その結果、エラーになります。

このようなことを、いちいち意識するのは面倒くさいですよね。
ですから、変数名にハイフンを使わない癖が付いているプログラマも少なくありません。

結果として、ケバブケースが話題に挙がることが少なくなっていたりします。

ちなみに、変数名の話で よく出てくる用語は、キャメルケーススネークケースです。

キャメルケースは「単語の先頭を大文字にしてつなげる表記方法」です。
例えば「zipcode」は

zipCode



ZipCode

と書きます。

ケバブケース12

スネークケースは「単語間をアンダースコアでつなげる表記方法」です。
例えば「zipcode」は

zip_code

と書きます。

ケバブケース13

気が向いたら、全部まとめて覚えてあげてください。

・ケバブケース:単語間をハイフンでつなぐ
・キャメルケース:単語の先頭を大文字にする
・スネークケース:単語間をアンダースコアでつなぐ


です。


image piyo2

一言でまとめるよ

まぁ「ケバブケース」って単語が出てきたら「単語間をハイフンでつなげる表記法なんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像047
書籍画像066

おまけ

■訳してみるよ

「kebab(ケバブ)」は食べ物の「ケバブ」です。
「case(ケース)」の意味は「場合」とか「事例」とか「入れ物」とかです。
何となく くっつけると

ケバブの場合

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
「技術書」の読書術 達人が教える選び方・読み方・情報発信&共有のコツとテクニック
マンガでわかるITパスポート