- 細かいスタイルについてはCoffeeLintの設定ファイル(coffeelint.json)に従う
- 実装上不都合が出てきた場合、適宜判断し改修を行う(issueをお願いします)
- これらのガイドを参考にしています
- 拡張子は
.js.coffee
- 2 スペースとする
- 演算子の前後には空白を1つずつ空ける
,
の後には 1 つ空白を空ける- セミコロンは必然性がない限り省略する
- ソースコードの 1 行は半角 120 文字以内とする。エラーメッセージ文言などはその限りではない。
- 文字列リテラルの宣言には、基本的にシングルクォートを使用する。変数を埋め込む場合はダブルクォートを使う。
- ハッシュを一行で記述する場合、
{}
の前後に1つ空白を空ける。例:{ foo: bar }
- 以下の演算子を使用を推奨する
&&, ||, ==, !=
- 以下のエイリアスは非推奨とする
and, or, is, isnt
- 変数名は camelCase を用いる
- クラス名は PascalCase を用いる
- 定数は全て大文字で SNAKE_CASE を用いる
- 命名に困った場合は、無理に省略した名前にするよりは、冗長で説明的でも良いので正確さを重視した命名を行う
->
の前後にはスペースを空けること- メソッド呼び出しの括弧は複数行の場合、省略する。一行の場合、省略しないこと。
- 関数スコープを超えて
this
を保持したい場合は、クロージャで表現するよりは=>
の使用を優先すること - 必要性のない
=>
(Fat Arrow) は使用しないこと - 理由がない限り
this
は@
を使用すること
- private のプロパティは
_
プレフィックスを付与して表現すること
- JavaScript埋め込みは使用しないこと
- JavaScript / CoffeeScriptからDOMにアクセスする場合、そのDOMのクラスに
js-
プレフィックスを付与すること- 例外的に
is-
プレフィックスは許容されている
- 例外的に
- JavaScript / CoffeeScriptからスタイルの更新を行う場合、スタイルのプロパティを変更するのではなくクラスの付け替えで行うこと