月間18,000PV達成! 収益は毎日発生中! 記事は毎日更新中! ホワイトハッカー育成スクール通ってます! ギランバレー症候群に関する情報を集めています

【Angular7】Materialデザインの使い方を解説!

【Angular7】Materialデザインの使い方を解説!
Advertisement

 

AngularとMaterialデザインの組み合わせって素晴らしいーー

AngularはGoogleが開発したフレームワークなので、Materialデザインを惜しみなく使うことができます。

ということで今回は、AngularでMaterialデザインを使う方法を解説します。

 

 

僕のPC環境

OS:Windows10

Angular:7

 

 

Angular Materialの使い方

では、Angular Materialの使い方を解説します。

 

Angular Materialをインストールします。

 

 

Angular Animationsをインストールします。

 

 

BrowserAnimationsModule」を適用します。

 

 

CSSを適用します。

以上です!

 

 

Advertisement

 

参考サイト

以下のサイトにGetting startedが記載されています。

■Angular Material公式サイト

URL:「https://material.angular.io/guide/getting-started」

 

 

おすすめ書籍

僕はAngularの勉強をするのに以下の書籍を購入しました。おすすめですよ!

 

 

 

まとめ

Angularを使うならMaterialデザインを使わないと勿体ないですよね。

簡単に導入できるので、是非一度使ってみてください!

ではまた!

Travelerを知らないの?