Vue.jsの記事

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

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

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

Vue.js で親コンポーネントと子コンポーネントのデータを同期する手法として、v-model や sync を利用する方法がありますが、それぞれのサンプルコードを作成して比較してみました。まず、Vue.jsで親コンポ […]

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

作成したオーバーレイ Vue.jsで利用できるオーバーレイ（モーダル）のコンポーネントを作成しました。親コンポーネントでオーバーレイ内に表示するコンテンツをslotで指定してから、propで表示の切り替えが可能です。デ […]

作成した画像スライダー Vue.jsで利用できる画像スライダーのコンポーネントを作成しました。親コンポーネントからPropでオプションを渡すことで、カルーセルやオートページャなどの機能にも対応しています。対応している機 […]

作成したDEMOページ Qiita APIを利用した検索表示のサンプルをこちらに用意しました。 Qiita API とは Qiita API は、Qiitaが提供しているサービスから様々なデータの取得、投稿やストックなど […]

AdminLTEとは AdminLTEとは管理画面に特化しBootstrapベースのCSSフレームワークです。スマートフォン等にも対応しており、手軽にかっこいい管理画面を作成することが出来ます。 https://adm […]

vue-property-decorator Vue.js や Nuxt.js で TypeScriptを利用するためにはvue-property-decorator というデコレータを利用します。（Nuxt.js の場 […]