Angular アプリケーションのビルドとその他のリソース
この Angular の最後の記事では、本番環境に対応したアプリをビルドする方法について説明し、学習の旅を続けるためその他のリソースを提供します。
前提条件: |
HTML、 CSS、 JavaScript に精通していること、 ターミナル/コマンドラインに関する知識があること。 |
---|---|
目的: | Angular アプリをビルドする方法を学ぶ。 |
完成したアプリケーションのビルド
アプリケーションの開発が完了したので、Angular CLI の build
コマンドを実行できます。
todo
ディレクトリーで build
コマンドを実行すると、アプリケーションは dist/
という名前のディレクトリーにコンパイル結果が出力されます。
todo
ディレクトリーで、コマンド ラインで次のコマンドを実行します。
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 でのリアクティブ フォームの作成、入力の検証、動的フォームの作成について説明する記事。