Angular アプリケーションのビルドとその他のリソース

この Angular の最後の記事では、本番環境に対応したアプリをビルドする方法について説明し、学習の旅を続けるためその他のリソースを提供します。

前提条件:

HTMLCSSJavaScript に精通していること、 ターミナル/コマンドラインに関する知識があること。

目的: Angular アプリをビルドする方法を学ぶ。

完成したアプリケーションのビルド

アプリケーションの開発が完了したので、Angular CLI の build コマンドを実行できます。 todo ディレクトリーで build コマンドを実行すると、アプリケーションは dist/ という名前のディレクトリーにコンパイル結果が出力されます。

todo ディレクトリーで、コマンド ラインで次のコマンドを実行します。

bash
ng build -c production

CLI はアプリケーションをコンパイルし、コンパイル結果を新しい dist ディレクトリーに出力します。 ng build--configuration production/-c production フラグは、プロダクションに不要なものを取り除きます。

アプリケーションのデプロイ

アプリケーションをデプロイするには、 dist/my-project-name フォルダーをウェブサーバーに追加します。 これらのファイルは静的であるため、次のようなファイルを提供できる任意のウェブサーバーでホストできます。

  • Node.js
  • Java
  • .NET

Firebase, Google Cloud, or App Engine などのバックエンドを使用できます

その次

ここまで基本的なアプリケーションを作成しましたが、Angular の学びはまだ始まったばかりです。 以下の Angular のドキュメントを調べることで、さらに学ぶことができます。

  • Tour of Heroes: サービスの使用、ナビゲーション、サーバーからのデータの取得など、Angular の機能に焦点を当てた詳細なチュートリアル。
  • Angular Components ガイド: ライフサイクル、コンポーネントの相互作用、ビューのカプセル化などのトピックをカバーする一連の記事。
  • Forms ガイド: Angular でのリアクティブ フォームの作成、入力の検証、動的フォームの作成について説明する記事。

まとめ

以上です。 Angular を楽しんでいただければ幸いです。