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

この記事は鷹野雅弘によって執筆されました。
公開日:2017年4月30日、更新日:2017年4月30日

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

  • メールはともかく、ウェブやサーバーなどで使う場合、スペースは「%20」と変換されてしまうことがある
  • macOS←→Windowsでデータを共有する場合、ファイル名内の濁点が文字化けする(InDesignのリンクファイル)

連結方法の呼び方

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

呼び方連結方法備考
キャメルケースcamelCase(大文字)らくだ
スネークケースsnake_caseアンダースコア
ケバブケースkebab-caseハイフンケバブ

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

2つのキャメルケース

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

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

アンダーバーは和製英語

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

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

改めてまとめ

呼び方連結方法別名
キャメルケースcamelCase(大文字)
  • バイキャピタライゼーション bi-capitalization
  • インターキャプスintercaps
  • ミックストケースmixed-case
  • ローワーキャメルケースlower-camelcase
  • キャメルケース
CamelCase(大文字)

1つ目の単語も大文字
  • アッパーキャメルケースupper-camelcase
  • パスカルケースpascal-case
スネークケースsnake_caseアンダースコア

チェーンケースchain case
(チェインケース)

ケバブケースkebab-caseハイフン
  • spinal-case
  • Train-Case
  • Lisp-case

オススメはハイフン

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

  • 視認性が高い(ぱっと見てわかりやすい)
  • 入力しやすい
  • アンダーラインを付けたときに、アンダースコアはくっつきすぎる
  • Finderでファイル名を選択するとき、ダブルクリックで単語を選択できる(Path Finder 7ではNG)

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

アドビ製品(など)とファイル名

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

誤り正しい用例
PhotoShopPhotoshopどれでもない
IndesignInDesignキャメルケース
AfterEffectsAfter Effectsスペース
MacOSXMac OS Xスペース
FireWorksFireworksどれでもない
PagemakerPageMakerキャメルケース
DreamWeaverDreamweaverどれでもない
DropBoxDropboxどれでもない

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

参考

『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])

2014年10月に発売。新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍。ツールやコマンドなどの基本的な使い方の解説はありません。

2015年3月、8月、2016年7月、11月、2017年9月に増刷(現在「6刷」)。前書(2011年版)と合算すると38,000部のロングセラーとなっています。

改訂版に関する情報

2011年に発売した書籍の改訂版です。

  • 対応バージョンは、CS5/CS5.1/CS6/CC/CC 2014
  • 178ページから78ページ増量の256ページ
  • 改訂版にありがちな「焼き直し」は69ページのみ
  • 金額は180円(だけ)アップの2,380円(税別)

書籍リリース後の追加情報は、サポートページにて公開しています。

最新版への対応

Illustrator CC 2018(2017年10月リリース)への対応版準備中です。全ページ書き換えますので、2017年版を待たずに、2014年版を(も)ご購入ください。

お知らせメールへの登録はこちら

全都道府県縦断セミナーツアー

2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施。

47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

Adobe Creative Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しています。

『10倍ラクするPhotoshop仕事術』

発売準備中。

お知らせメール登録

『Webデザインの現場ですぐに役立つ Photoshop仕事術』

2015年3月『10倍ラクするIllustrator仕事術』の兄弟本としてソシムから発売。

  • 1章 制作をはじめる前に(鷹野 雅弘)
  • 2章 Photoshop CC以降でのカンプ作成のベストプラクティス(黒葛原 道)
  • 3章 モバイルにも通用するデザインカンプ制作のイロハ(牧下 浩之)
  • 4章 効率化のためのTips(三浦 将)
  • 5章 見落としがちな基本機能(鷹野 雅弘)

書名の通り、Web向けの内容です。

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。

2014年に技術評論社から発売、現在6刷。2011年版と合わせて38,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

Illustrator CC 2018(2017年10月リリース)への対応版準備中です。全ページ書き換えますので、2017年版を待たずに、2014年版を(も)ご購入ください。

お知らせメールへの登録はこちら

セミナー開催情報

セミナー開催情報をこちらにまとめています。

DTP Transitと無関係のものも掲載しています。お問い合わせは、それぞれのイベントの主催者までお願いします。

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメ外部リンク

Adobe Creative Stationで「知ってるようで、知らずに損してるAcrobatとPDFのアレコレ」と題して連載しています。

Adobe Creative Stationで「ベテランほど知らずに損してるIllustratorの新常識」と題して連載しました。

Adobe Creative Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しました。

オススメのスライド

お問い合わせ

リンク

このページの上部に戻る