Angularjsコード/命名規則[終了]


162

アプリケーションを構築するときに使用するAngularの命名規則について、公式または最も受け入れられているリファレンスが存在するかどうか誰かが知っていますか?

Angularには、フィルター、ディレクティブ、サービスなど、さまざまなタイプのコンポーネントがたくさんあります。アプリケーションに実装するときに参照の命名規則があることは意味があることに同意しませんか?

例えば:

新しいフィルターを作成する必要がある場合、[Something] Filterやfilter [Something]などの名前をどのように付ければよいでしょうか?

同じことがコントローラ、サービス、ディレクティブなどにも当てはまります。

他に気になるのは、スコープに属する変数/関数に特別な接頭辞または接尾辞を付ける必要があるかどうかです。状況によっては、関数やその他のコード(角度コードなし)と区別する方法があると便利な場合があります。


2

回答:



45

初心者の方は、まず基本的なチュートリアルを行ってから、命名規則について学ぶことをお勧めします。私はAngularを学ぶために次のことを経験しました。そのうちのいくつかは非常に効果的です。

チュートリアル:

  1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
  2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
  3. http://www.angularjstutorial.com/

アプリケーションの構造と命名規則の詳細は、さまざまな場所にあります。私は何百ものサイトを通過しましたが、これらは最高のサイトの1つだと思います。


33

アプリを構築するために、これは私が見つけた最高のガイドの1つです。

Googleが推奨する構造は、多くのシードプロジェクトで見られるものとは異なりますが、大規模なアプリの場合は非常に安全です。

Googleには、クロージャーも使用する場合にのみ使用するのに意味のあるスタイルガイドもあります。


...この回答は不完全ですが、上記の限られた情報が誰かのお役に立てば幸いです。


19

更新: スタイルガイドがAngularドキュメントに掲載されました。

////////////////////////////////////////////////// ////////////////////////////////////////////////// ////////////////////////////////////////////////// //////

構文、規則、AngularJSアプリケーションの構造化に関する見事なスタイルガイドを探している場合は、すぐに足を踏み入れてください。ここに含まれているスタイルは、AngularJS、プレゼンテーション、トレーニングコース、およびチームでの作業に関する私の経験に基づいています。

このスタイルガイドの目的は、私が使用する規則と、さらに重要なことに、それらを選択する理由を示すことにより、AngularJSアプリケーションの構築に関するガイダンスを提供することです。

-ジョンパパ

こちらが素晴らしいリンクです(最新かつ最新):AngularJSスタイルガイド


6

私は1年前にこの要点を開始しました:https : //gist.github.com/PascalPrecht/5411171

Brian Ford(コアチームのメンバー)がこのブログ投稿を書いています:http : //briantford.com/blog/angular-bower

次に、このコンポーネント仕様から始めました(完全ではありません)。https//github.com/angular/angular-component-spec

前回のng-conf以降、コアチームによるベストプラクティスに関するこのドキュメントがありますhttps : //docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.