Reactの記事

React18 でDynamoDBをGraghQLで操作してみる

React18 で DynamoDBを GraghQLで操作してみる

作成したアプリケーション デモ React18 & MaterialUI で作成しており、TailwindCSS も利用しています。インフラは、Amplify (Cognito/AppSync/DynamoDB) […]

Next.js & Nest.js & Prisma を利用してGraphQLを使ったアプリケーションを作成する

Next.js & Nest.js & Prisma を利用してGraphQLを使ったアプリケーションを作成する

作成したアプリケーション GraphQLの学習用のサンプルアプリケーションです。 フロントエンドは Next.js & Apollo Client 、サーバーサイドは Nest.js & Prisma を利用して […]

Next.js で Web-RTC を利用したZoomのようなビデオ通話アプリを作成する

Next.js で Web-RTC を利用したZoomのようなビデオ通話アプリを作成する

作成したアプリケーション https://nextjs-webrtc-firebase.web.app Next.js & Web-RTC を利用したビデオ通話アプリのサンプルです。ビデオ通話、画面共有、チャット機能、録 […]

Firebase を利用して Next.js でWebアプリケーションを作成する

Firebase を利用して Next.js でWebアプリケーションを作成する

作成したアプリケーション Next.js & Firebase を利用した学習用のサンプルアプリケーションです。 Firebase Auth を利用したログイン/ログアウト、会員登録機能 に対応しています。 また、投稿デ […]

画像アップロードReact用コンポーネント(ドラッグ&ドロップ対応)− react-image-base64

画像アップロードReact用コンポーネント(ドラッグ&ドロップ対応)− react-image-base64

react-image-base64 とは react-image-base64 は、NPMで公開 されている画像アップロード用のReactコンポーネントです。 特徴 Base64にエンコードされた画像データを取得するこ […]