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

[Angular] MatSnackBarのテストをする

実践 テスト対象ソース 以下の単純なスナックバーを表示しているコンポーネントに対してテストする。 スナックバーをMatSnackBarで表示 テストソース テストケースはit関数内で、スナックバーのメッセー...
Angular

[Angular] スナックバーをMatSnackBarで表示

実践 app.component.ts MatSnackBarのopen関数で、スナックを表示させることができます。引数にdurationを設定すると、表示する時間を設定できます。 import { Component ...
Angular

[Angular] ダイアログをMatDialogを使って表示する

作るもの ボタンクリックにより、ダイアログを表示させるコンポーネントを作成ダイアログコンポーネントにパラメータを送るダイアログコンポーネントから、パラメータを受け取る 実践 ダイアログを呼び出す側のソース MadD...
Git

[Gitコマンド] ブランチの作成・マージ・現在のブランチの確認

現在のブランチの確認 以下のコマンドで自分がどのブランチにいるか確認できます。以下ではmasterブランチにいることが分かる。 >git branch * master ブランチの作成 以下のコマンドでブラン...