Terraformを使う必要があったので、asdfでTerraformをインストールしました。 Terraformのインストール 他の手段もありますが、バージョンアップをすることが多いため、asdfを使ってインストールします。 Terraformプラグインの追加 plugin addコマンドでT...

RxJSはかなりボリュームがあるので何回かに分けて取り扱います。まずは、RxJSの概要、ObservableとObserverについて説明します。 RxJSとは? RxJSは、ReactiveXプロジェクトの一部として開発されたJavaScript用のリアクティブプログラミングライブラリです...

最近では、プロンプトエンジニアリングという言葉は一部の界隈でしか聞かなくなりましたが、ChatGPTを活用した仕事術という形で結構広まってきました。 メリットもあればデメリットもあるため、業務での使用を禁止している企業の話題も出てきています。 使...

Angularのサービスの説明をする前にリアクティブプログラミングについて説明します。 リアクティブプログラミングとは リアクティブプログラミングは、データの流れ（ストリーム）に着目し、データを受け取るたびに処理を処理するプログラミングパラダイム...

前回作成したコンポーネントがAppModuleに登録されているので、SharedModuleを作成してそちらに登録するように変更します。 これは後からモジュールを作成するパターンになりますが、一般的には先にモジュールを作成する方が多いため、今後使用するUserMod...

今回はTailwind CSSを導入し、簡単なコンポーネントを作成します。 Tailwind CSSとは Tailwind CSSは、高度にカスタマイズ可能なユーティリティファーストのCSSフレームワークです。ユーティリティファーストとは、小さい単位（ユーティリティ）のクラスを...

今回、Huskyを導入しますが、これにはトレードオフ（メリットとデメリット）があります。 メリット: コードの品質を保つ: Huskyはコードがリポジトリにコミットされる前に自動的にリントやテストを行うことができます。これにより、間違ったコードやコーデ...

AngularプロジェクトではPrettierとESLintは最初から導入されてはいません。プロジェクト作成後にセットアップすることで利用可能となります。 実際のプロジェクトではPrettierとESLintは導入した方がよいので、実際にセットアップしていきます。 ESLintを...

Visual Studio CodeでAngularプロジェクトの開発をするために必要な拡張機能をインストールしていきます。 ここで紹介する拡張機能は以下の3つです。 Angular Language Service Angular Snippets (Version 16) EditorConfig for VS Code ここに掲載してい...

AngularはGoogleによって開発され、維持されているオープンソースのJavaScriptフレームワークであり、主にSingle Page Application（SPA）の開発に使用されます。AngularはTypeScriptで書かれており、高度なツールやエディタのサポートを享受できます。 An...

機械学習と言えば、人工知能技術の中でも特に注目されている分野です。機械学習は、私たちが日常的に利用している様々なサービスやアプリケーションの背後にある技術として存在しています。しかし、機械学習は専門知識が必要な分野であり、特にモデルの選...

現在のインターネット時代において、オンライン上には多大な情報が流通しているため、多くの企業や個人がサイバーセキュリティに関心を持っています。 しかし、発展したテクノロジーにより、サイバー攻撃も進化し続けているのが現状です。そのため、AIベー...