MeteorGuide1.4 コードスタイルの適当な要約

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のimportexportを使えよ。
ファイル名とエクスポートクラス名は同じにしろよな。

ClickCounter.js

Blazeテンプレートを使用するなら、テンプレート名は常にユニークな。
あと、名前は、アンダースコア”_”で分けることをおすすめするよ。

関連しているHTMLとCSSとJavaScriptファイルの名前は同じにしちゃって良いよ。