Nuxt.jsの記事

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

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

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

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

MicroCMS と Nuxt.js を利用してJamStackな Webアプリケーション を作成する

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

Nuxt.js&Typescript&ESListを利用したボイラープレート

nuxtjs-typescript-boilerplate

Nuxt.js & Typescript & ESList を利用したボイラープレートを作成しましたので公開します。

Nuxt3&Vuetify3で今風なデザインのポートフォリオを制作するまでの流れ

ポートフォリオ モック

このポートフォリオは、Nuxt.js & Typescript を利用して作成しており、最近のフロントエンドの技術を出来るだけ利用して制作するように心がけました。

Vue.jsでオーバーレイを作成する(TypeScript対応版)

Vue.js でオーバーレイを作成する(TypeScript対応版)

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

保守性の高い管理画面のデザインを考える-AdminLTE3

保守性の高い管理画面のデザインを考える-AdminLTE3

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

Vue.js をTypeScriptで書く!書き方の違いを比較 − vue-property-decorator

Vue.js をTypeScriptで書く!書き方の違いを比較 − vue-property-decorator

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