Angular devopsでApp ServiceにAngularアプリをデプロイする(ビルドパイプライン編)
概要
Azure DevopsのReposにあるAngularアプリを、Azure DevopsのPipeline機能を使って、App Serviceへデプロイしていきます。この記事では、ビルドパイプラインの処理をまとめていきます。...
Angular Azure Azure DevOpsでGitリポジトリを作成する
概要
Azure DevopsにreposにGitリポジトリを作成していきます。
Gitリポジトリの追加
Azure DevOpsを開き、New repositoryを選択します。
Repository t...
Azure Azure Database for MySQLに接続する(Workbench)
WorkbenchなどでAzure Database for MySQLに接続するには、Azure Portalから接続の設定をみて、その設定どおりにホスト名やパスワード、ユーザー名を入れれば接続できます。
また、SSL接続...
Azure [Azure] Invalid value given for parameter administratorLogin. Specify a valid parameter value
エラー内容
Azure Database for MySQLでリソースを作成したときに、エラーがあったのでその時のメモ。
エラーの詳細をコピー貼り付けすると以下のような内容。
{"code":"Deployme...
Angular mat-dialogをドラッグさせる[Angular Material]
mat-dialogをドラッグさせる
Angular Materialのダイアログをドラッグさせるようにしていきます。以下を参考に、ダイアログのドラッグ機能を追加します。また、DragDropModuleを使うのでインポートする必要...
ASP.NET [ASP.NET] スキャフォールディングとは
スキャフォールディングとは
スキャフォールディングとは、Modelやデータベースコンテキストなどから、CRUD処理のコードを自動で生成する機能のことです。
Visual Studioで実行する方法
ソリューションエクスプ...
ASP.NET ASP.NETのWeb APIの環境構築とプロジェクト作成
Visual Studio Community
今回はVisual Studio Community2022で作業する。ワークロードは以下の「ASP.NETとWeb開発」が必要。
ASP.NET Web APIのプロジ...
Angular mat-dialogのヘッダーを作るのに余計なスペースを削除する [Angular]
mat-dialogのヘッダーについて
以下のように、Angular MaterialのDialogを使って、ヘッダーを作ろうとすると余白が入ってしまう。
<h1 mat-dialog-title>ヘッダータイトル...
Angular [Angular] テンプレート側でメソッドを呼び出す方法とパフォーマンスについて
実践
テンプレート側で、コンポーネントのメソッドを呼び出していきます。まずは、以下のようにaddメソッドをコンポーネントで作成します。
import { Component } from '@angular/core&...
Angular [Angular] デフォルトのテストコードで基本を覚える
概要
ng new で作ったときに、デフォルトで入っているテストのコード「app.component.spec.ts」を解読しながら、テストの基礎的な書き方を覚えていきます。
デフォルトプロジェクトのテストコード
ソース...