angular– tag –
-
Angularでモジュール（NgModule）を作成する
前回作成したコンポーネントがAppModuleに登録されているので、SharedModuleを作成してそちらに登録するように変更します。 これは後からモジュールを作成するパターンになりますが、一般的には先にモジュールを作成する方が多いため、今後使用するUserMod... -
AngularプロジェクトにTailwind CSSを導入する
今回はTailwind CSSを導入し、簡単なコンポーネントを作成します。 【Tailwind CSSとは】 Tailwind CSSは、高度にカスタマイズ可能なユーティリティファーストのCSSフレームワークです。ユーティリティファーストとは、小さい単位（ユーティリティ）のクラ... -
AngularプロジェクトにPrettierとESLintを導入する
AngularプロジェクトではPrettierとESLintは最初から導入されてはいません。プロジェクト作成後にセットアップすることで利用可能となります。 実際のプロジェクトではPrettierとESLintは導入した方がよいので、実際にセットアップしていきます。 【ESLint... -
Angular向けのVSCode拡張機能をインストールする
Visual Studio CodeでAngularプロジェクトの開発をするために必要な拡張機能をインストールしていきます。 ここで紹介する拡張機能は以下の3つです。 Angular Language Service Angular Snippets (Version 16) EditorConfig for VS Code ここに掲載してい... -
Angular CLIのインストールとプロジェクトの作成
AngularはGoogleによって開発され、維持されているオープンソースのJavaScriptフレームワークであり、主にSingle Page Application（SPA）の開発に使用されます。AngularはTypeScriptで書かれており、高度なツールやエディタのサポートを享受できます。 【... -
Nx-WorkspaceでAngular+NestJSのプロジェクトを構築する
Nx Workspaceを使ってAngular+NestJSのプロジェクトを作成します。 【Nx Workspaceとは？】 Nx Workspaceとは、Angular CLIを使用して開発する際に、複数のアプリケーションやライブラリを一元管理するツールです。Nx WorkspaceはAngular CLIだけでなく、R... -
グローバルインストールしたAngular CLIをアップデートする
グローバルインストールしたAngular CLIをアップデートする手順について解説します。 【注意事項】 本手順はグローバルインストールされたAngular CLIのバージョンアップする手順です。プロジェクトのAngularをバージョンアップする手順ではないのでご注意... -
Angularでキャッシュ対策を行う（–output-hashing=all）
Angularでキャッシュが使用されてアプリケーションが更新されないことがある問題を解消する方法について解説します。 この方法はプログラムを変更することなく実施できますが、必ずしも安全であるとは限りません。実際にこの方法を試して、うまくいかない...
1