AngularJS
角度のあるプロジェクト - ディレクトリ構造

ディレクトリ構造

新しいAngularプログラマの間でよくある質問 - 「プロジェクトの構造はどうですか？」優れた構造は、スケーラブルなアプリケーション開発に役立ちます。プロジェクトを開始するときには、 「タイプによる並べ替え」 （左）と「フィーチャによる並べ替え」 （右）の2つの選択肢があります。 2番目の方が優れています。特に大規模なアプリケーションでは、プロジェクトの管理が非常に簡単になります。

タイプ別に並べ替える （左）

アプリケーションはファイルの種類別に整理されています。

• アドバンテージ - 小さいアプリケーションの場合、Angularを使用し始めたプログラマにとっては良い方法で、2番目の方法に変換するのは簡単です。
• 短所 - 小さなアプリケーションの場合でも、特定のファイルを見つけるのが難しくなります。たとえば、ビューとそのコントローラは2つの別々のフォルダにあります。

機能別に並べ替える （右）

フィーチャがフィーチャのタイプ別にソートされている場合の推奨される編成方法。

レイアウトビューとコントローラはすべてレイアウトフォルダに、管理コンテンツは管理フォルダに、以下同様に続きます。

• 利点 - 特定の機能を決定するコードのセクションを探しているとき、その機能はすべて1つのフォルダにあります。
• 短所 - サービスは多くの機能を「サービス」するため、少し異なります。

Angular Structure：成長のためのリファクタリング

前述の両方の方法を組み合わせた推奨ファイル構造：

クレジット： Angular Style Guide