【nuxt入門】nuxtプロジェクトの作成/ npx create-nuxt-app
今回はnuxt.jsのプロジェクト作成の紹介です。npx create-nuxt-appコマンドを使ってプロジェクトの作成を行なっていきます。 Nuxt.jsとは? Nuxt.jsは、Vue.jsフレームワークをベースにしたJavaScriptのフレームワークです。Nuxt.js ...
CSS疑似クラス 【::before】FontAwesomeを使ってinputやselectに矢印をつける方法
今回はCSS疑似クラス 【::before】FontAwesomeを使ってinputやselectに矢印をつける方法の紹介です。 FontAwesomeとは? FontAwesome(フォントオーサム)は、ウェブデザインやウェブ開発で使用されるアイコンフォントセットです。アイコン ...
【Git】リモートブランチの続きをローカルで新しくブランチをきる
作業をするにあたって。すでに開発中のブランチから切ることがあります。その時に使用してください。 リモートブランチをローカルで新しくブランチをきる 「origin/feature/ブランチ名 」のブランチから新しいローカルブランチ「feature/ブランチ名 」を作成し、そのブラン ...
【Git】他のブランチを現在のブランチへ取り込む
ローカルブランチを取り込む git merge ブランチ名 リモートブランチを取り込む git merge リモート/ブランチ名 実例で書くとこうなります。 git merge origin/feature/branch-name 以上です!簡単ですね。merge後は取り込んだ内 ...
【Vue入門】type=”radio”について学ぼう
今回はradioについての紹介です。 type="radio"とは? type="radio"は、HTMLのinput要素の属性の一つで、その入力フィールドがラジオボタンであることを指定します。ラジオボタンは、複数の選択肢からユーザーが1つだけ選択できるような UI コンポーネン ...
【Node】バージョン変更を行ういPATHを通す/nodebrew use nodebrew ls-remote
今回はノードのバージョン変更を行います。この記事はNodeをインストールできている前提の記事になります。インストールがまだな方はインストールから行なってください。 Nodeのバージョン変更のタイミング 次の参考エラーメッセージのようにNodeのバージョンを変更しないと最新のフレー ...
【Vue入門】selectについて学ぼう
今回はvueのselectの実装の紹介です。 selectの例文 selectを変更するとvalueとindexが表示される例文です。 <template> <div> <label for="fruitSelect">お気 ...
【Vue入門】最初に呼ばれるapp.vueファイルを編集する
今回は最初に呼ばれるapp.vueファイルを編集の紹介です。 最初に呼ばれるmain.jsファイル(main.ts) main.ts import './assets/main.css' import { createApp } from 'vue ...
【Vue.js】viteを使ってのローカルサーバーの変更方法 localhost:5173?
今回はVue.jsの開発のローカルサーバーの変更方法の紹介です。 package.jsonを編集 "scripts": { "dev": "vite", "build": "run-p ty ...
【Vue入門】@changeについて学ぼう
今回は@changeについての紹介です。 @changeとは? @changeは、特定のイベントが発生した際に呼び出されるイベントハンドラを指定するためのディレクティブです。Vue.jsではv-onディレクティブを使用してイベントを監視します。 v-onではなくv-modelでも ...