
フロントエンドのテストフレームワークとして、 jest がよく利用されますが Nuxt3 では、vitest を利用することで同等のことが実現できるようです。 Vitest では、jest.config.ts の代わりに […]
プログラミング教育の情報サイト
フロントエンドのテストフレームワークとして、 jest がよく利用されますが Nuxt3 では、vitest を利用することで同等のことが実現できるようです。 Vitest では、jest.config.ts の代わりに […]
Vuetify3 と TailwindCSS の導入に必要なモジュールを追加します。 Nuxt3 で TailwindCSS を利用する分には全く問題ありませんでしたが、Storybook でTailwind を利用する […]
Amplifyを導入する為に必要な @aws-amplify/cli をインストール後、必要な設定を行います。 プラグインの設置 Amplifyの設定を読み込む為のpluginsファイルを追加します。 src/plugi […]
作成したアプリケーション デモ Nuxt3 & Vuetify で作成しており、TailwindCSS も利用しています。インフラは、Amplify (Cognito/AppSync/DynamoDB) で構築し […]
作成したアプリケーション インストール https://www.amazon.co.jp/dp/B09MRFPFFC 主な機能 「アレクサ、日本のトレンドワードを開いて」というと、Twitterのトレンドから、日本で話題 […]
JamStack とは? JamstackのJamはJavaScript/APIs/Markupの頭文字です。JavaScriptでAPIをたたいてMarkupを配信することを意味しています。 通常のWebアプリケーショ […]
Vue.js で親コンポーネントと子コンポーネントのデータを同期する手法として、v-model や sync を利用する方法がありますが、それぞれのサンプルコードを作成して比較してみました。 まず、Vue.jsで親コンポ […]