Articles

Vue3 Options vs Composition API

This article presents code snippets illustrating how to transition from the Options API to the Composition API in Vue 3.
Vue.jsTutorials

Rebuilding the Odroid XU4 server

Rebuilding the Odroid XU4 server thumbnail
In a previous article I showcased a simple home server built around an Odroid XU4, which I dismantled soon after migrating to a full-size desktop computer. However, having the Odroid laying around unused was a bit of a waste and I recently started needing a secondary file server to store data backups. So I decided to build a new server with the single board computer
CADProjects3D printing

Updating Ingresses to networking.k8s.io/v1

Updating Ingresses to networking.k8s.io/v1 thumbnail
Using Ingress with the extensions/v1beta1 API has been deprecated in Kubernetes 1.14 and will be removed in 1.22. This article presents how to update an existing manifest to the new API, networking.k8s.io/v1.
KubernetesTutorials

TypeScript setup

TypeScript setup thumbnail
A guide to setup a TypeScript project from scratch
JavascriptTutorialsTypeScript

Rebuilding the GUI of this CMS with Nuxt 3

Rebuilding the GUI of this CMS with Nuxt 3 thumbnail
The GUI of this CMS has gone through multiple versions and revisions. It started as a Vue.js SPA but was then turned into a Nuxt SSR application to improve SEO. Recently, Nuxt version 3 was released so it was again time for a refresh.
Vue.jsNuxt.js

A simple comparison of Svelte and Vue

A simple comparison of Svelte and Vue thumbnail
Since its introduction in 2019, Svelte has quickly become one of the most loved JavaScript framework overtaking Vue.js in the State of JS ranking 2021 survey. This article presents a simple comparison of Vue.js and Svelte as an attempt to explain why.
Vue.jsSvelte

Mongoose query documents with matching array element

Mongoose query documents with matching array element thumbnail
As a NoSQL database, MongoDB can store arrays as fields of a document. This article presents how to query such documents by filtering those with arrays that contain a specific value.

Vue Router setup in Vue 3

Vue Router setup in Vue 3 thumbnail
Previously, when creating a Vue project using the Vue CLI, the Vue Router could be installed easily by running vue add router. However, with Vue 3 and Vite, the router is installed manually. This article presents how to do so.
TutorialsVue.js

Vuetify 3 project scaffolding

Vuetify 3 project scaffolding thumbnail
Vuetify 3 has recently been released and its installation method has changed. This article presents how to scaffold a new project using the framework.
Vue.jsVuetify

IoT 体重計

IoT 体重計 thumbnail
測定データをクラウドに上げ体重の推移を管理できるIoT体重計
IoT日本語