AngularJS個人的ルールまとめ

[HAKASHUN]

IIFE(Immediately-invoked function expression)を使う

(function(angular){
  'use strict';
  // 処理...
})(angular)

[HAKASHUN]

1ファイル1モジュール

• 1つのファイルで、複数のangularモジュールを記述しないこと
• モジュールの役割を明確にする
• 大規模になった際に、リファクタリングしやすいようにする
• 新しい人が開発メンバーに加わったときにコードを追いやすいようにする

Bad

// sample/app.js
angular.module('sample', []);
...

angular.module('sample.controllers', []);
...

Good

// sample/app.js
angular.module('sample', []);
...

// sample/controller.js
angular.module('sample.controllers', []);
...

[HAKASHUN]

モジュール

モジュールの種類

• ページモジュール
  • URLをベースとしたページベースのモジュール
• コンポーネントモジュール
  • 複数ページで使われる共通化されたコンポーネントベースのモジュール

[HAKASHUN]

コントローラ

[HAKASHUN]

ディレクティブ

[HAKASHUN]

フィルタ

[HAKASHUN]

サービス

[HAKASHUN]

ファイル名・ディレクトリ名の命名規則

• ハイフンケースで統一する

// BAD
hogeDialog.js
fooBar/
fugaHoge.html
// GOOD
hoge-dialog.js
foo-bar/
fuga-hoge.html