さらにもう 1 つの Angular 記事、パート 1

ねえ、何を知っていますか?私は Angular を使用していますが、気に入っています。

私の名前はベンジャミン リチャードです。2000 年からウェブ業界で働いています。今から長い時間がかかります。私は、ほとんどの場合 MVC パターンを使用して、PHP、Java、または .Net でバックエンドに取り組んでいました。 MySQL、PostgreSQL、そして Oracle DB も私のお気に入りのデータベースでした。そして、MeteorJs が素晴らしいプラットフォームを導入するとき、私はフロントエンド テクノロジーを調べました。

なぜ Angular なのか?実際、なぜ私が React や VueJS よりも Angular に取り組んだのか、うまく説明できません。 Vue を試し、それを使用していくつかのアプリケーションを開発しました。気に入りました。しかし、v2 から v3 に移行したとき、Vue 1 と 2 の重要な部分はそのシンプルさであったのに、なぜこれほど複雑にしたのか理解できませんでした。そこで、React と Angular を検討しました。しかし、ほとんどの開発者の意見ではなかったとしても、私の考えでは、Angular は React よりはるかに先を行っていました。私の考えでは、Angular にはアプリの構築に必要なものがすべて揃っているという事実が主な利点です。はい、お気に入りの Http ライブラリやフォーム管理などを選択することはできません。しかし、Angular の各部分はうまく連携して機能するように作られています。

Angular を使用しない理由は何ですか?おそらくそれを学ぶのが難しかったからでしょう。 
Angular = Typescript RxJS フレームワーク
したがって、効率的に行うにはそれぞれをマスターする必要があります。そして、それは React のようなテンプレート レンダリング ライブラリをマスターするよりも難しいです;-p
しかし、この時代は 2024 年に終わります。RxJS は必要ありませんか?信号を使用します。はい、v16 Angular ではシグナル概念をもたらします。 2024 年の v18 では、ほとんどのシグナル機能が安定していました。 v19 では、2 つの新しいシグナルにより、非同期リソースを操作する新しい方法がもたらされます。これで、Observable なしで Angular を使用できるようになりました。これらは本当に便利なので、それは良いアイデアではないと思いますが、それが望まないものである場合は、この概念から身を守ることができます。

どのように始めればよいですか?

2024 年以降、Angular チームは Web サイトを再構築しました。https://angular.dev をご覧ください。コンテンツは非常に印象的です。

次に、NodeJS >v18.19.1 を入手する必要があり、(Docker またはその他のものを使用して) どこかにインストールできます。

npm install -g @angular/cli

Angular cli を取得したので、それを使用してプロジェクトを開始できます。

新しい私の新しいプロジェクトはありません

サーバーサイドレンダリングを使用するかどうか、Sass、Scss などを使用するかどうかなど、いくつかの構成を選択する必要があります。以上です。

簡単なホームページを含むフォルダー「my-new-project」が作成されます。 Angular の優れた点は、Angular.json ファイルでプロジェクトをカスタマイズできることです。回路図部分では、Cli を使用してコードを生成するときにどのように動作するかを定義できます:
Vue のような 1 つのファイル コンポーネントに HTML と CSS を含めたいですか?はい、できます。変更検出戦略を定義したいですか?はい、できます。
すべては、projects.my-new-project.schematics
ノードの下にあります。 また、そのデフォルト値は、「ng new」コマンドからの回答を使用して定義されます。
ああ、何かを忘れていました。「ng new」コマンドには利用可能なパラメータがたくさんあります。しかし、たとえば、それらを発見させてみましょう。

プロジェクトが初期化されたので、プロジェクトを開始します:

NG サーブ

http://localhost:4200 でブラウザを開くだけです。

この記事は終わりです。次はコンポーネントの作成について説明します。

また会いましょう!

[注]すべての記事はAngular v19*のコマンドを使用しています*
[元の投稿] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189

以上がさらにもう 1 つの Angular 記事、パート 1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。