ASP.NET ASP.NETのWeb APIの環境構築とプロジェクト作成 Visual Studio Community今回はVisual Studio Community2022で作業する。ワークロードは以下の「ASP.NETとWeb開発」が必要。ASP.NET Web APIのプロジェクト作成Visual S... 2022.07.31 ASP.NET
Angular mat-dialogのヘッダーを作るのに余計なスペースを削除する [Angular] mat-dialogのヘッダーについて以下のように、Angular MaterialのDialogを使って、ヘッダーを作ろうとすると余白が入ってしまう。<h1 mat-dialog-title>ヘッダータイトル</h1><div mat-d... 2022.07.26 Angular
Angular [Angular] テンプレート側でメソッドを呼び出す方法とパフォーマンスについて 実践テンプレート側で、コンポーネントのメソッドを呼び出していきます。まずは、以下のようにaddメソッドをコンポーネントで作成します。import { Component } from '@angular/core';@Com... 2022.07.04 Angular
Angular [Angular] デフォルトのテストコードで基本を覚える 概要ng new で作ったときに、デフォルトで入っているテストのコード「app.component.spec.ts」を解読しながら、テストの基礎的な書き方を覚えていきます。デフォルトプロジェクトのテストコードソースコードを丸ごと持ってきたの... 2022.07.03 Angular
Angular [Angular] MatSnackBarのテストをする 実践テスト対象ソース以下の単純なスナックバーを表示しているコンポーネントに対してテストする。 スナックバーをMatSnackBarで表示テストソーステストケースはit関数内で、スナックバーのメッセージが一致しているかでテストしています。im... 2022.07.03 Angular
Angular [Angular] スナックバーをMatSnackBarで表示 実践app.component.tsMatSnackBarのopen関数で、スナックを表示させることができます。引数にdurationを設定すると、表示する時間を設定できます。import { Component } from '@... 2022.07.03 Angular
Angular [Angular] ダイアログをMatDialogを使って表示する 作るものボタンクリックにより、ダイアログを表示させるコンポーネントを作成ダイアログコンポーネントにパラメータを送るダイアログコンポーネントから、パラメータを受け取る実践ダイアログを呼び出す側のソースMadDialogのopen関数で、ダイア... 2022.07.03 Angular
Git [Gitコマンド] ブランチの作成・マージ・現在のブランチの確認 現在のブランチの確認以下のコマンドで自分がどのブランチにいるか確認できます。以下ではmasterブランチにいることが分かる。>git branch* masterブランチの作成以下のコマンドでブランチをローカルに作成できます。git che... 2022.06.26 Git
Angular AngularをVSCodeでデバッグする方法 デバッグ設定Angularのプロジェクトフォルダ直下にある.vscodeフォルダ内の、launch.jsonにデバッグ時の設定があります。基本的にデフォルトの設定で問題ないです。ポート番号やブラウザなどを変えたければ変えればいい感じです。{... 2022.06.25 AngularVisual Studio Code
Angular mat-tableのフィルターをfilterPredicateを使って行う[Angular] filterPredicateとはmat-tableにあるデフォルトのフィルタリング動作が設定されているので、ここにオーバーライドすることで上書きできるメソッド。フィルタの処理をカスタマイズしたい場合は、ここの処理の戻り値を、抽出OKならt... 2022.06.25 Angular