I. 概要
- 角度とは
- AngularJS と Angular の関係
- 角度のある特徴
- 角度の歴史
- Angular 学習のアドバイス
2 角度とは何か
- Angular ([ˈæŋɡjələr] と発音) は、ユーザー インターフェイスを構築するための JavaScript フレームワークです。Google によって開発および保守されており、主にシングルページ アプリケーションの開発に使用されます。
- Vue.js に似ています (MVVM データ駆動型ビューのアイデア、コンポーネント化、モジュール化、命令など)
- Google によって開発および保守されています
- シングルページアプリケーション(SPA)の開発
3 つの AngularJS と Angular の関係
AngularJS | 角度のある | |
---|---|---|
Webサイト | https://angularjs.org/ | https://angular.io/ |
インターフェース |
4 つの Angular 機能
Vue.js と同様に、次の機能があります。
- MVVM
- コンポーネント化
- 基本単位
- 命令
- 仕える
- 依存性注入
- TypeScript
- …
5 つの Angular 開発の歴史
5.1 起源
- 2009 年、Misko hevery と Adam abrons は暇なときにGetAngularを構築しました
- Misko hevery は、Google 内のプロジェクトである Feedback を引き継ぎました。このプロジェクトは、6 か月間繰り返した結果、コードが 17,000 行に達しました。プロジェクトの開発と保守は非常に困難になります。そこで、Misko はGetAngularを使用してプロジェクトを書き直すことにしました。
- 結果としてその人は成功し、GetAngular を使用した後、プロジェクトは 17,000 行から 1,500 行に減り、前後でわずか 3 週間しかかかりませんでした。
- Misko のリーダーは、この若者が素晴らしいことに気づき、GetAngularによってもたらされる商業的価値にも気づいたので、 GetAngular をプロジェクトとして正式に設立し、開発と保守を行うフルタイムのチームを組織することにしました。
- Abrons 氏は後にプロジェクトを離れましたが、Hevery 氏と、Google で働いていた Igor Minar 氏や Vojta Jina 氏などの一部の Google 従業員は、このライブラリの開発と保守を続けました。
- これは個人的なプロジェクトではなくなったため、開発チームはGetAngular の名前をAngularJSに変更しました。
5.2 AngularJS 開発の反復
これまでのところ、AngularJS は長い開発反復段階に入っています
- 3 年間の開発を経て、AugularJS は 2012 年 6 月にバージョン 1.0.0 として正式にリリースされました。
- AngularJS バージョン 1.2 以降は IE6 および 7 をサポートしなくなりました
- AngularJS は 1.3 以降、IE8 をサポートしなくなりました
- AngularJS は 1.5 でコンポーネントのような開発メソッドを追加しました (Angular2 への移行への道を開くため)
- AngularJS 1.xx は現在 1.8.3 にリリースされており、2022 年にメンテナンスが終了します。
5.3 ジレンマ
- 非常に中傷されているパフォーマンスの問題 (ダーティ チェック)
- 現在のWeb開発の考え方の背景(コンポーネント化、モジュールサポートが良くないなど)
- モバイルサポートにはあまりフレンドリーではありません
5.4 Angular2 が判明
- Angular 1.x は問題が多すぎ、歴史的な負担が多すぎるため、リファクタリングはほぼ不可能です
- しかし、2014 年 3 月の時点で、公式ブログは Angular の新しいバージョンを開発する計画について言及していました。
- 2014 年 9 月下旬のカンファレンスで、Angular2 が正式にデビューしました
- 2016 年 9 月 15 日、Angular2 が正式にリリースされました
- ng2 は ng1 をほぼ完全に書き換えているため、2 以降の正式バージョンは Angular と呼ばれます。
- Angular2 後のロゴ:
A
5.5 Angular1 から Angular2 へのアップグレード? (ng2 と ng1 の比較)
- control+$scopeの設計手法を廃止し、現在主流のコンポーネントベースの構築に切り替えました。
- ng1よりも優れたパフォーマンス
- モバイルファーストのデザイン
- 将来の標準にさらに準拠 (EcmaScript 6、Web コンポーネント)
- TypeScript
- とにかくモダンで良いです
5.6 ステータス
- Angular2 以降、公式は後続のバージョンが Angular2 と互換性があることを約束しています
- 最新の Angular リリース バージョンは v16.xx です。
- Angular の新しいバージョンも GitHub で収集されます
88k+
- React や Vue よりも使用量が少ない
Angular 学習に関する 6 つの提案
- 公式ドキュメントを読む
- デモテストを書く
- 練習用の小さなプロジェクトを作成する
- 実際のプロジェクト開発体験に参加
- 時間とともに...