Angular

プログラミング

第7回 Angular Material 徹底解説!- Menu

本記事でできること環境$ npm -v7.21.1$ node -v16.9.1環境構築はこちら説明 タグ 説明 mat-menu メニュータグ。中にbuttonタグを挿入することで、メニューボタンを表示することができる。専用パラメータ タ...
プログラミング

第6回 Angular Material 徹底解説!- Tabs

本記事でできること環境$ npm -v7.21.1$ node -v16.9.1環境構築はこちら説明 タグ 説明 mat-tab タブの要素。中に記載したコンテンツを表示する。 mat-tab-group mat-tabをまとめる。form...
プログラミング

第5回 Angular Material 徹底解説!- Dialog

本記事でできること環境$ npm -v7.21.1$ node -v16.9.1環境構築はこちら説明 タグ 説明 mat-dialog-title タイトル。 mat-dialog-content コンテンツ部。注意書きや利用規約など。 m...
プログラミング

第4回 Angular Material 徹底解説!- Card

本記事でできること環境$ npm -v7.21.1$ node -v16.9.1環境構築はこちら説明mat-cardタグで、最もシンプルなカードを作ることができます。このタグの中に、以下のタグを埋め込むことできれいに装飾することができます。...
プログラミング

第3回 Angular Material 徹底解説!- Checkbox

本記事でできること環境$ npm -v7.21.1$ node -v16.9.1環境構築はこちら説明mat-checkboxで表示できることができます。専用パラメータ パラメータ名 型 説明 checked boolean チェックボックス...
プログラミング

AngularでPWA 作成から実行まで

Angularのプロジェクトを作成Angularプロジェクトの作成を作成します。以下のページを参考にしてください。PWAのパッケージをインストール$ cd {project名}$ ng add @angular/pwa次に、プロジェクトをビ...
プログラミング

第2回 Angular Material 徹底解説!- Button

本記事でできること環境構築はこちらになります。環境$ npm -v7.21.1$ node -v16.9.1説明種類属性説明mat-button通常のボタン。背景、枠線がなく、フォーカスを当てると薄い背景が表示される。mat-raised-...
プログラミング

第1回 Angular Material 徹底解説!- 環境構築

キジ(@kiji)です。みなさんは、Webアプリケーション開発のときにどのフレームワークを使っていますか?React、Vue、最近ではFlutterも候補にあがるでしょうか。私はというと、ずっとAngularを使ってきました。Angular...