【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でも ...
【Vue】バインドとディレクティブとは?

今回はバインドとディレクティブの紹介です。 バインディングとは バインディング(Binding)とは、Vueなどのフロントエンドフレームワークやライブラリにおいて、データとUI(ユーザーインターフェース)を異なる要素やデータを結びつけることを指します。Vue.jsにおいては、デー ...
【Vue入門】Vueついて学ぶ /v-bind v-on v-model v-for v-ifなどの実用例あり!

今回は-bind v-on v-model v-for v-ifについての紹介です。 v-bindとは v-bind は、Vue.jsにおいてHTML属性に対してデータを動的にバインドするためのディレクティブです。v-bindを使用することで、変数を特定の値やオブジェクトに関連付 ...
【CSS】ul liのリストを見出しのように表示させたい

今回はリストの見出しのulのliのiを見出しのように表示させることができるスタイリングです。コピペで使えるのでぜひ参考にしてみてください。 ul liのリストのコード <ul class="list"> <li> <i class ...
【Vue.js入門】Vue.jsのプロジェクトを作成する方法

今回はVue.jsのプロジェクトを作成する方法です。 Homebrewのインストール Node.jsのインストール Vue.JSのインストール npm create vue@latest(create-vue を利用)Vite を利用して最新版の Vue を使ったプロジェクトを作 ...
【AWS入門】セキュリティグループ・ネットワークACLについて

今回はセキュリティグループ・ネットワークACLの紹介です。 セキュリティグループとは? AWSの仮想ファイアーウォールサービスになります。IP アドレスとポートの範囲を設定できます。 拒否するルールは一つずつの設定はできずに、より強い設定が優先適用されます。 インバウンドルールと ...