Meteor Guide 1.4のCode Styleを勉強がてら、勝手に適当に要約してみました。
意訳した長いバージョンもあります。
Code Style
Benefits of consistent style
コードスタイルを決めることは大事だよ。
コードスタイルによって、チームに秩序の恩恵がもたらされるよ。
コードスタイルを決めることによって、コードが読みやすくなり、ロジックに集中できるよ。
自動エラーチェッカーを使用することで、誤植を防ぐことはもちろん、より早くそのプログラミング言語について学べるよ。
JavaScript style guide
Webアプリケーションを作成するなら、JavaScriptが一番良いよ。
coolな機能が追加されたES2015スタンダードに従えよ。
そして、Babelコンパイラーがいい感じにしてくれるから、ecmascript
パッケージを使えよ。
es5-shim
パッケージを使えば、もっともっと色々できるようになるよ。
詳しくは、次の記事を読むよ良いよ。
スタイルガイドは、Airbnb style guideがオススメだよ!
Check your code with ESLint
ESLintを以下のコマンドでインストールして、使えよ!
あとは、好きなようにルールをカスタマイズしてくれ!
linterの起動は次のコマンドね。
好きなエディタにもLint機能を加えて使えよ。
それが、自分のため、チームのためになるから。
Meteor code style
Collectionの名前は、PascalCaseで複数形にしろよ。
JavaScript内で定義するCollectionの変数名は、データベースのCollection名と同じにしろよな。
データベースのフィールドは、JavaScript変数名みたいにcamelCaseな。
methodとpublicationの名前はcamelCaseな。
コード管理のために、ES2015のimport
とexport
を使えよ。
ファイル名とエクスポートクラス名は同じにしろよな。
ClickCounter.js
Blazeテンプレートを使用するなら、テンプレート名は常にユニークな。
あと、名前は、アンダースコア”_”で分けることをおすすめするよ。
関連しているHTMLとCSSとJavaScriptファイルの名前は同じにしちゃって良いよ。