Vue.jsの記事

Vue.js

【Nuxt3】便利な新機能とサンプルアプリのご紹介です

2022年6月17日

まもなく、2022年6月に安定板がリリース予定のNuxt3 を利用して、実務レベルのアプリケーション開発にどこまで利用できるのか検証してみました。 完成したNuxt3のボイラープレート MITライセンスにて公開しています […]

Vue.js

Nuxt3 (Vue3)にJest (vitest)を導入するまでにやったこと

2022年6月17日

フロントエンドのテストフレームワークとして、 jest がよく利用されますが Nuxt3 では、vitest を利用することで同等のことが実現できるようです。 Vitest では、jest.config.ts の代わりに […]

Vue.js

Nuxt3 (vite)にVuetify3 ＆ TailwindCSSを導入するまでにやったこと

2022年6月17日

Vuetify3 と TailwindCSS の導入に必要なモジュールを追加します。 Nuxt3 で TailwindCSS を利用する分には全く問題ありませんでしたが、Storybook でTailwind を利用する […]

Vue.js

Nuxt3 (vite)にAmplifyを導入するまでにやったこと

2022年6月17日

Amplifyを導入する為に必要な @aws-amplify/cli をインストール後、必要な設定を行います。 プラグインの設置 Amplifyの設定を読み込む為のpluginsファイルを追加します。 src/plugi […]

Vue.js

Nuxt3 & Vuetify3 を利用してWebアプリケーションを作成する

2021年12月25日

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

Vue.js

Nuxt3・MicroCMS・Github Pagesを利用してJamStackなWebアプリケーションを作成する

2021年12月25日

JamStack とは？ JamstackのJamはJavaScript/APIs/Markupの頭文字です。JavaScriptでAPIをたたいてMarkupを配信することを意味しています。 通常のWebアプリケーショ […]

Vue.js

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

2021年5月22日

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