Vue 3 の Reactivity Transform についてまとめる
はじめに Vue 3.2.25 から試験的に実装されている Reactivity Transform という機能についてまとめます。 公式ドキュメントはこちらこちらhttps://vuejs.org/guide/extras/reactivity-transform.html 今まで Vue3...
続きを読む#フロントエンド
5件の記事
Notion に登録された英単語を出題する Web アプリを AWS、Vue.js を用いて作成する
はじめに 以前の記事で、LINE、AWS、Notion API を利用して、英単語を検索して意味をノートにメモする作業を自動化しました。これを利用して登録した単語を復習するために、Vue.js を使用したアプリケーションを作成したので、その手順についてまとめます。 以前の記事はこちら...
続きを読む
AWS Cloud9 で Vite を用いた Vue 3 開発環境を構築する
はじめに AWS Cloud9 で Vite を用いた Vue 3の開発環境の構築を行ったので、その手順をまとめます。 Vite は Vue.js を開発者である Evan 氏が開発しているノーバンドルのビルドツールです。Vue.js に限らず React...
続きを読む Vue3 CompositionAPI におけるリアクティブな変数の定義方法について ~ ref vs reactive ~
はじめに Vue3 CompositionAPI におけるリアクティブな変数の定義には ref か reactive を利用します。本記事ではこれらの使い分けやそれぞれの使い方についてまとめます。 対象者 この記事は下記のような人を対象にしています。 - Vue3 CompositionAPI...
続きを読む
AWS Cloud9 で Vue 3 開発環境を整備する
はじめに Cloud9 で Vue CLI v5 を用いてVue 3の環境構築をしている中で、少しはまったので備忘録として残しておきます。 以下が今回の環境です。※Vue CLIは後ほど説明する手順の中でインストールします。 $ node --version v16.14.0 $ vue --version...
続きを読む