AngularJSの紹介

AngularはJavascriptフレームワークのセットであり、シングルページアプリケーション（SPA）プロジェクトの構築によく使用されます。拡張HTML属性に基づいて機能します（これらの属性はAngularのルールに準拠しています）。これは、過去数年間に世界中の何千人ものプログラマーによって使用された完全に無料のオープンソースフレームワークですが、このフレームワークは現在googleによって取得され、構造、機能が変更されていますが、当時の古いプロジェクトで引き続き使用および維持されています2010年から2016年まで。angularJSホームページ： https ：//angularjs.org/

AngularJSにアプローチするために把握するための基本的な知識

Angularを学ぶには、少なくともHTMLとjavascriptの基本的な知識が必要です。さらに、Angularの性質はAPIフォームを使用してデータを取得する単一ページとして機能するため、Angularを深く処理するには、XMLHttpRequest（javascript）、Ajax（Jquery）に関する知識を身に付けてアクセスしやすくする必要があります。 。

AngularJSの機能

• AngularJSは、リッチWebアプリケーションを作成するためのJavascriptベースのフレームワークです。
• AngularJSは、APIを介したフロントエンド開発（クライアントインターフェイス）でサーバーからデータを取得し、そのデータを使用してhtmlを提示するためによく使用されます。AngularJSソースコードはMVC（モデル-ビュー-コントローラー）構造に準拠しています。
• ソフトウェア開発時間を短縮するためのデータバインディングメカニズムを提供します
• Angularはオープンソースであり、完全に無料で、世界中の何千人ものプログラマーによって開発されています。
• つまり、AngularJSを操作することは、Ajaxを操作し、データバインドメカニズムを使用し、MVCモデルに従って操作し、サービスを使用してサーバーからのデータを操作することに似ていると理解できます。

プログラミングにおけるMVCパターンの概念を説明する

モデル：アプリケーションのデータの概念であり、従業員のデータ（名前、年齢、学年、クラス名など）を操作するよりも理解しやすいものです。これらのデータはMVC構造ではモデル概念と呼ばれ、プログラマーは通常の呼び出しの代わりにそれを使用して機能します。 angluarJSでは、モデルはJSON（Javascript Object Notation）データ型として表されます。このデータ型は組み込み構造のデータ形式タイプであり、クライアントとサーバー間でデータを通信するために頻繁に使用されます。プログラミング言語には常に組み込みがあります。データ型JSONの変数を解析および操作するための関数（使用可能）。

ビュー：アプリケーションのインターフェースの概念であり、ユーザーが（ブラウザーで）表示および操作するものよりも理解しやすく、ユーザーはモデルの背後にあるもの、アプリケーションのコントローラーが使用しているものを知りません。そしてもちろん、ビューはモデルを理解し、モデルにないデータを使用して、ユーザーとの対話のためにデータを表示します。

コントローラー：これはロジックを処理する場所です。ビューとモデルと通信するための間に、コントローラーにはモデルを通じて表されるデータを処理するロジックが含まれ、ビューが理解して表示できるようにビューに提供します。ユーザーに。 Angularでは、コントローラーのフローは、サービスを呼び出してAPIを介してサーバーと通信し、データ（モデル）を取得して、ユーザーに表示するビューを返すことです。

AngularJSのコア機能とコンセプト

データバインディング:(データバインディング）モデルとビューの間でデータを自動的に同期します
スコープ:(スコープ）これらは、コントローラーとビューの間の接続オブジェクトです。
コントローラ：ソフトウェアのフローを制御するための中央。データを処理するためにスコープオブジェクトと組み合わせて使用され、ユーザーに表示する目的のインターフェイスを定義します。
サービス：前述したように、AngularJSはWebサービス（PHP、ASP）から構築されたAPIを使用してDBを操作します。
フィルタ：配列の要素をフィルタで除外し、新しい配列を返します
ディレクティブ：DOM要素をマークアップします。つまり、カスタムHTMLタグを作成します。
テンプレート：コントローラーからの情報を表示するのに役立つコンポーネント。HTML構造テンプレートとして理解できます。これはビューのコンポーネントです。
ルーティング：ユーザーがブラウザーで操作するURLに基づいて、コントローラー内のアクションを切り替えます
MVC ：モデルは、個別のコンポーネントをモデル、ビュー、コントローラーに分割します。これはかなりクールなモデルですが、AngularではMVVM（Model View View Model）に似るように少し作り直されています。
ディープリンク：ディープリンク。アプリケーションの状態をURLにエンコードして、検索エンジンにブックマークできるようにします。
依存性注入：Angularを使用すると、開発者はアプリを簡単に作成して、開発、理解、テストを簡単に行うことができます。

AngularJSの長所と短所

利点：

• Angularを使用すると、シンプルでクリーンな方法でアプリケーションを作成できます
• 一貫性のあるコード構造によりアプリケーション開発時間が短縮され、データバインディングメカニズムによりプログラミング時間が節約され、純粋なJavaScriptやJqueryなどのイベントを多用する必要がなくなります。
• Angularは、HTMLバインディング機能を備えた.NETのようなデータバインディングを使用するため、ユーザーは快適に感じることができます。

欠陥：

角度には多くの利点がありますが、反対の側面もあります。

• 安全でない：javascriptから開発されたため、安全ではありません。サーバー側は、システムをスムーズに実行するためのアクセス許可を定期的に確認する必要があります。したがって、AngularJSは通常、フロントエンドとしてのみ使用され、データベースと直接対話するのではなく、APIを介してサーバーと通信します。
• 依存関係：これはJavascriptフレームワークであるため、ユーザーがjavascriptをサポートしていないデバイスでアプリケーションにアクセスすると、アプリケーションを実行できません。
• 現時点でのモバイルデバイスでのエラー
• 開発を停止し、2022年の終わりまでサポートを終了しました。Googleは古いフレームワーク構造を放棄し、まったく異なる概念を持つ次のAngularバージョンに置き換えました。ゼロからアプローチするには時間がかかります。

以下はangularJSの基本的な紹介ですが、言語は古くなっていますが、実際には、AngularJSを使用する古いプロジェクトを維持する必要があります。また、AngularJSの構造を理解していれば、知識ベースを使用して、現在の新しいプロジェクトに簡単にアクセスできます。現時点で非常に強力なReactJS、VueJS、Angular9などのフレームワーク。