ファイル名やスタイル名などで複数語を連結する方法（キャメルケース、スネークケース、ケバブケース）

この記事は鷹野雅弘によって執筆されました。

公開日：2017年4月30日、更新日：2017年4月30日

IllustratorやInDesignなど、DTP系アプリケーションを使う際、ファイル名やスタイル名などは、極力英数字を用い、また、スペースを使わないのが無難です。

連結方法の呼び方

大文字で区別するほか、ハイフン、アンダースコアで連結する方法があります。

「スネークケース」は以前から呼ばれていますが、ハイフンでつなぐものは「チェーンケース」と呼ばれていました。ケバブケースは言い得て妙ですので、広まりそうです。

キャメルケースには、1つ目の要素語の最初を大文字ではじめるもの、小文字ではじめるものがあります。

名称	別名	表記例	備考
パスカルケース	アッパーキャメルケース	GetInputReader	複合語の先頭を大文字で書き始める。
キャメルケース	ローワーキャメルケース	getInputReader	複合語の先頭を小文字で書き始める。

「アンダーバー」は和製英語。正確には「アンダースコア」です。

とは言っても、アンダーバーとして定着しつつあるので、日本で使う分には問題ないと言えます。

呼び方	例	連結方法	別名
キャメルケース	camelCase	（大文字）	バイキャピタライゼーション bi-capitalization インターキャプスintercaps ミックストケースmixed-case
	camelCase	（大文字）	ローワーキャメルケースlower-camelcase キャメルケース
	CamelCase	（大文字） 1つ目の単語も大文字	アッパーキャメルケースupper-camelcase パスカルケースpascal-case
スネークケース	snake_case	アンダースコア	チェーンケースchain case （チェインケース）
ケバブケース	kebab-case	ハイフン	spinal-case Train-Case Lisp-case

連結方法には、ハイフンが望ましいと考えています。

難点として、変数名などでハイフンがマイナスとして扱われてしまうことがあります。

PhotoShop、Indesignは誤り。正確にはPhotoshop、InDesignです。After Effectsはスペースで区切っていたりと、一貫性がないのでややこしいですね。

「通じればいい」という考えもありますが、固有名刺の表記などは記事全体の信頼性が低下してしまいますし、クライアントの商品名など、仕事上での信頼関係を損ねてしまうことがあるので、注意が必要です。