Angular

devopsでApp ServiceにAngularアプリをデプロイする(リリースパイプライン編)

概要angularプロジェクトをazure devopsでビルドパイプラインした結果から、リリースパイプラインを動かして、App Serviceにデプロイします。前提条件ビルドパイプラインでビルドしていることdevopsでApp Servi...
Angular

devopsでApp ServiceにAngularアプリをデプロイする(ビルドパイプライン編)

概要Azure DevopsのReposにあるAngularアプリを、Azure DevopsのPipeline機能を使って、App Serviceへデプロイしていきます。この記事では、ビルドパイプラインの処理をまとめていきます。ビルドパイ...
Azure

Azure DevOpsでGitリポジトリを作成する

概要Azure DevopsにreposにGitリポジトリを作成していきます。Gitリポジトリの追加Azure DevOpsを開き、New repositoryを選択します。Repository typeは既定のGit、Repository...
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":"DeploymentFailed","messag...
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のプロジェクト作成Visual S...
Angular

mat-dialogのヘッダーを作るのに余計なスペースを削除する [Angular]

mat-dialogのヘッダーについて以下のように、Angular MaterialのDialogを使って、ヘッダーを作ろうとすると余白が入ってしまう。<h1 mat-dialog-title>ヘッダータイトル</h1><div mat-d...
Angular

[Angular] テンプレート側でメソッドを呼び出す方法とパフォーマンスについて

実践テンプレート側で、コンポーネントのメソッドを呼び出していきます。まずは、以下のようにaddメソッドをコンポーネントで作成します。import { Component } from '@angular/core';@Com...