React

【ハンズオン前編】初心者がAmazon Q Devと1から進めるサーバレスApp開発(フロントエンド編)

垣見です。 前後編ハンズオンのうちフロントエンド編(React×TypeScript)です。 「アプリを作る」という言葉に、「何から始めたらいいのかわからない」「コードなんて書けない」と敷居が高く感じている人向けのブログです。 このブログでは、AWS上のサーバ…

「宣言的スタイル」から学ぶ、JavaScriptと比較したReactの利便性

はじめに こんにちは、山本です。 今回は、自主学習をする中でReactなどのJavaScriptフレームワークの利便性について具体的に理解する経験をしたので当記事で紹介します。 ReactなどのJavaScriptフレームワークはしばしば 「JavaScriptでの面倒な実装を簡単…

Amplify Ui Libraryを使用して作成したCognito認証画面を日本語にする方法

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryを用いたAmazon Cognito認証画面を日本語にする方法についてご紹介します。 目的 I18nライブラリを使用する方法 I18nライブラリのインポート 辞…

Amplify Ui Libraryを使用してCognito認証画面を実践的な画面にする方法

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryを用いたAmazon Cognito認証画面を実践的にカスタマイズする方法について紹介します。 ↓入門編はこちら blog.serverworks.co.jp componentsプロ…

Amplify Ui Libraryを使用してCognito認証画面を最速で作る方法

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryとAmazon Cognitoの連携について詳述します。具体的な設定手順やサンプルコードを通じて、Cognito UI画面の実装方法を解説します。 概要 Cognito…

MUI(Material UI)の基本的な使い方と簡単なイベントの呼び出し方について

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 MUIとは MUIの導入 前提条件 インストール手順 package.jsonを利用したインストール 基本的な使い方 1. ボタン(Button) 2. テキストフィールド(TextField) 3. アイコ…

Next.js入門してみた

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、Next.jsの入門ガイドを紹介します。 Next.jsとは? Next.jsの概要 Reactとの関係性 Reactの基本情報 Next.jsの特徴 各種レンダリング手法 ファイルシステムベース…

Next.jsにて作成した画面をVercelにホスティングさせてみた

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、Vercelの開発環境について紹介します。 Vercelとは? Vercelの特徴 他のホスティングサービスとの違い Vercelへの登録方法 ステップ1: Vercelの公式サイトにアク…

AWS Amplify ホスティングでNext.jsをホスティング

こんにちは、屋根裏エンジニアこと 技術1課の折戸です。 屋根裏併設のバルコニーにもとうとう雪が降りました⛄ いよいよ暖房器具の購入を検討したほうがいいかもしれません。 今回は AWS Amplify ホスティングでNext.jsアプリケーションをホスティングしてみ…

Amplify を用いてウェブとネイティブのマルチプラットフォーム対応する

こんにちは、技術1課の加藤です。 最近 Amplify にハマって色々と触ってみているのですが、 Amplify って複数のクライアントプラットフォームに対応しているんですよね。 マルチプラットフォームに対応しているからにはやっぱり複数のプラットフォームでバッ…