マテリアルデザインについて調べています。
Wikipediaには「Googleが提唱したデザインシステム（設計体系）の一種、および、それを実現する開発技術や手法、デザイン、試みなどの総称である。」と記載されています。
UX/UIデザイナーであれば、必ず必要となる知識の１つだと思いますし、エンジニアもある程度知っている必要があると思います。
ということで、今回はマテリアルデザインの中でも、WEBの実装に近い部分「Material Web Components」のサンプルを紹介します。
こちらがMaterial Web Components公式チュートリアルのサンプル画面です。 https://material-example-app-shrine.glitch.me/
初期表示
ユーザー名が未入力の場合のアラート（英数字で何か入れる必要があります）
パスワードが未入力の場合のアラート（英数字で8文字以上入れる必要があります）
ログイン後画面
チュートリアルでは、これらの画面をマテリアルデザインのコンポーネントを使って作成します。
次回は実際に試してみようと思います。
