メールアドレスの規定・バリデーション

メールアドレスに使用できる文字列は規定されているようです。

メールアドレスのフォーマットを規定する文書として、RFCのRFC 5321 (Simple Mail Transfer Protocol) [1]およびRFC 5322 (Internet Message Format) [2]が存在し、メールアドレスに使用できる文字を定義している[3]。

参照元: メールアドレス – Wikipedia

RFC5321のドキュメントはこちら。

メールアドレスのバリデーションを見ていきます。

続きを読む →

Angularのネストメニュー

公式:https://material.angular.io/components/menu/overview

参考:
https://stackoverflow.com/questions/48146171/dynamic-nested-material-menu-from-json-object-in-angular-5

https://stackoverflow.com/questions/51548225/error-error-mat-menu-trigger-must-pass-in-an-mat-menu-instance

https://stackblitz.com/edit/dynamic-nested-topnav-menu?file=app%2Fapp.component.html

 

ネストと関係ないかもですが参考ページ

https://stackoverflow.com/questions/48343082/mat-menu-and-button-in-different-components

https://stackoverflow.com/questions/36018478/getting-reference-to-child-component-in-parent-component

サイズの違う画像の縦横比をキープしつつ、同じサイズで表示するレスポンシブ対応

画像を縦なり横なりに並べる時、サイズの異なる画像を混ぜると、一つだけ横幅が足りなかったり、画像の高さが違って不格好になったりしてしまいました。

わざわざ同じサイズの画像を使用するルールを決めるのも煩雑なので、異なるサイズの画像を複数表示しても、画像の縦横比率はキープしたまま同じ縦横サイズで見切れて表示させるスタイルの当て方をまとめました。

続きを読む →