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 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」を解読しながら、テストの基礎的な書き方を覚えていきます。 デフォルトプロジェクトのテストコード ソース...