作成したアプリケーション デモ React18 & MaterialUI で作成しており、TailwindCSS も利用しています。インフラは、Amplify (Cognito/AppSync/DynamoDB) […]
Web制作の記事
過去に制作した作品を掲載しています。
React
React18 でDynamoDBをGraghQLで操作してみる
Vue.js
【Nuxt3】便利な新機能とサンプルアプリのご紹介です
まもなく、2022年6月に安定板がリリース予定のNuxt3 を利用して、実務レベルのアプリケーション開発にどこまで利用できるのか検証してみました。 完成したNuxt3のボイラープレート MITライセンスにて公開しています […]
Vue.js
Nuxt3 (Vue3)にJest (vitest)を導入するまでにやったこと
フロントエンドのテストフレームワークとして、 jest がよく利用されますが Nuxt3 では、vitest を利用することで同等のことが実現できるようです。 Vitest では、jest.config.ts の代わりに […]
Vue.js
Nuxt3 (vite)にVuetify3 ＆ TailwindCSSを導入するまでにやったこと
Vuetify3 と TailwindCSS の導入に必要なモジュールを追加します。 Nuxt3 で TailwindCSS を利用する分には全く問題ありませんでしたが、Storybook でTailwind を利用する […]
Vue.js
Nuxt3 (vite)にAmplifyを導入するまでにやったこと
Amplifyを導入する為に必要な @aws-amplify/cli をインストール後、必要な設定を行います。 プラグインの設置 Amplifyの設定を読み込む為のpluginsファイルを追加します。 src/plugi […]
React
Next.js & Nest.js & Prisma を利用してGraphQLを使ったアプリケーションを作成する
作成したアプリケーション GraphQLの学習用のサンプルアプリケーションです。 フロントエンドは Next.js ＆ Apollo Client 、サーバーサイドは Nest.js & Prisma を利用して […]
React
Next.js で Web-RTC を利用したZoomのようなビデオ通話アプリを作成する
作成したアプリケーション https://nextjs-webrtc-firebase.web.app Next.js ＆ Web-RTC を利用したビデオ通話アプリのサンプルです。ビデオ通話、画面共有、チャット機能、録 […]
Vue.js
Nuxt3 & Vuetify3 を利用してWebアプリケーションを作成する
作成したアプリケーション デモ Nuxt3 & Vuetify で作成しており、TailwindCSS も利用しています。インフラは、Amplify (Cognito/AppSync/DynamoDB) で構築し […]
alexa
日本で今話題になっているTwitterのトレンドワードをお知らせするAlexaアプリを作成した
作成したアプリケーション インストール https://www.amazon.co.jp/dp/B09MRFPFFC 主な機能 「アレクサ、日本のトレンドワードを開いて」というと、Twitterのトレンドから、日本で話題 […]
React
Firebase を利用して Next.js でWebアプリケーションを作成する
作成したアプリケーション Next.js ＆ Firebase を利用した学習用のサンプルアプリケーションです。 Firebase Auth を利用したログイン/ログアウト、会員登録機能 に対応しています。 また、投稿デ […]