swx-hayatotonosaki https://blog.hatena.ne.jp/swx-hayatotonosaki/ サーバーワークスエンジニアブログ https://blog.serverworks.co.jp/ Amplify ui library AWS Amplify React TypeScript AWS Config こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryを用いたAmazon Cognito認証画面を実践的にカスタマイズする方法について紹介します。 ↓入門編はこちら blog.serverworks.co.jp componentsプロパティの導入 基本的な設定方法 ロゴをheaderに追加 テキストをfooterに追加 実装内容 ステップ毎のカスタマイズ 初回ログイン時にテキストを表示する方法 スタイリングの変更 CSSを適用する方法 ThemeProviderオブジェクトを使用する方法 認証チェック useAuthent… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.serverworks.co.jp%2F2024%2F07%2F31%2F131430" title="Amplify Ui Libraryを使用してCognito認証画面を実践的な画面にする方法 - サーバーワークスエンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/swx-hayatotonosaki/20240730/20240730001943.png Hatena Blog https://hatena.blog 2024-07-31 13:14:30 rich https://blog.serverworks.co.jp/2024/07/31/131430 1.0 100%