kazuki.m

エンジニア

開発言語:Python、Typescript

最近の関心:Vue、Typescript、Rust

Vue.js

Vue-Router|routeとrouterの違いは?!

2023/10/28  

それぞれの意味 routeは、ro͞ot(ルート)って読んで、日本語ではルートや経路を意味します。 一方、routerは、ˈroudər(ラウダーって聞こえる)って読んで、日本語でルータ(複数の通信機 ...

Vue.js

Vitepress|ドキュメントサイトをサクッと作ってみました

2023/10/4  

vitepressのインストールと初期立ち上げ 公式ドキュメント: https://vitepress.dev/guide/getting-started 準備 ・Node.jsの要求バージョンが18 ...

Vue.js

Vue3|VuetifyのFormでシンプル入力検証

2023/10/2  

Vuetifyは便利なUIコンポーネントが沢山ありますが、Formコンポーネントも結構便利です。 今回はこのFormを使ってクライアント側の基本的なバリデーションを実装したいと思います。 入力検証には ...

Vue.js

Vue3|refとreactiveの理解<表側と少し裏側>

2023/10/1  

リアクティブ まずはざっくり理解するところ ・値が変更があったときに、画面に表示される内容も変更される ・画面に表示される内容が変更されたら、値も変更される ユーザーからすれば当たり前すぎることですが ...

Vue.js

Vue3|computed vs メソッドの違いを検証してみる

2023/10/1  

やってみたこと computedとメソッドで同じ処理を作成して比較する どんな違いがあるか?紹介する サンプルコード 比較結果 まずは上記サンプルコードについて簡単な説明。 ある入力値(文字列)のle ...

Vue.js

Vue3|基本学習ロードマップ<Vue初学者、最短速習用>

2023/10/1  

Vueの基本を押さえたいけど時間がない方、Vueを使ってみたいけど何から始めれば良いか?さっぱり分からない方に向けてまとめた学習ロードマップリンク集です。 * 公式:ガイド、チュートリアル、リファレン ...

Vue.js

Vue3|Composition APIのPropsとEmits

2023/9/28  

やってみたこと 使用頻度が高いコンポーネントは共通化して再利用できるようにしたい。 共通コンポーネントの設計・実装をするために、親→子へ渡すPorpsと子→親へ返すEmitsを実際に動かしないがら理解 ...

Vue.js

Vue3&Vuetify3|自動入力補完付きページ検索機能の開発

2023/10/1  

今回のやってみること Vue3とVuetify3でページ名で検索するコンポーネントを開発します。 使用する部品は<v-autocomplete>です。 表示するオブジェクトをPropsに渡 ...

Vue.js

Vue3&Vuetify3|シンプルなSignUpページの開発

2023/9/22  

今回のトピック ・サインアップページをVueとVuetifyを使って開発します。 ・作り方の手順、サンプルコードをご紹介いたします。 完成イメージ 使用する主UIコンポーネント ・v-form ・v- ...

未分類

所要時間1分!MacのUSキーボードの入力切り替え|オススメ設定

2023/9/6  

結論 左下のfnキーに設定します。 簡単かつシンプルで、所要時間は1分で設定できます。 設定手順 左上のAppleマーク >> システム環境設定... >> キーボード &gt ...