Vue.js Vue.jsにVue Routerを導入して、タグで画面遷移する方法！
今回はVue.jsのプロジェクトにVue Routerを導入して、画面遷移する方法について解説しています。まず、Vueのバージョン3に対して、Vue Routerを導入する方法を記載しています。その後にVue Routerを使用して、ルーテ...
yasuaki
Vue.js Vue.js Vue.jsのVue Routerを使用してプログラムで画面遷移する方法！
Vue.jsのVue Routerを使用しているプロジェクトで、プログラムを使用して画面遷移する方法を書いています。最初に通常遷移する方法を記載していて、次にURLパラメータとクエリパラメータを渡して、画面遷移する方法を書いています。Vue...
Nuxt.js Nuxt.jsのバージョンを確認する方法！
Nuxt.jsのバージョンを確認する方法について書いています。Nuxt.jsのバージョンを確認するコマンドを使用して、バージョンを確認する方法を書いています。プロジェクトディレクトリにインストールしたNuxt.jsのバージョンnpm lis...
JavaScript JavaScriptのアロー関数の使い方とハマった箇所1点
今回はJavaScriptのアロー関数の使い方と、今回ハマった箇所をサンプルコードを交えて、簡単に解説しています。詳細はMDNの下記に詳しく書いています。MDN:アロー関数式アロー関数の使い方アロー関数を使用すると、普通に関数を書くよりもシ...
Vue.js DockerとVue CLIでVue.jsの開発環境を作成する方法！
DockerとVue CLIを使用して、Vue.jsのアプリケーション開発環境を作成する方法を記載しています。Vue CLIを使うことで、簡単にVue.jsのプロジェクトを作成することが可能です。今回はDocker環境でVue.jsのプロジ...
Vue.js Vue.jsのcomputedの使い方！(算出プロパティ)
Vue.jsでcomputedを使用する方法について書いています。最初に算出プロパティの使い方を説明していて、その後にVue.jsのバージョン3(Composition API)と2(Options API)で実際に動作確認したサンプルコー...
Vue.js Vue.jsのv-forの使い方！一覧表示するサンプルコード2つ！
今回はVue.jsのv-forについて書いています。v-forを使用すると、JavaScriptで作成した配列の内容から要素を繰り返して表示することができます。記事の内容としては、最初にv-forの使い方について説明して、その後にサンプルコ...
Nuxt.js Nuxt.jsの開発環境をDockerで作成する方法！
Nuxt.jsの開発環境をDockerを使用して作ってみました。今回はNuxt.jsを動かすDocker環境の作り方と初期画面の表示までの手順を書いています。Nuxtのバージョンは2.15.8、Vueのバージョンは2.6.14の環境です。N...
Laravel LaravelのSeederを使用して、CSVまたはJSONでデータを登録する2つの方法！
LaravelのSeederでデータを登録するときに、CSVまたはJSONを使用してデータ登録をする方法を書いています。CSVデータファイルまたはJSONデータファイルを使用して登録する2つのサンプルコードを載せています。Laravelのバ...
Unity Unity 2Dでキャラクターを上下左右に移動する方法！(キャラクター反転)
今回はUnity 2Dでキャラクターをキーボードを使用し、上下左右に移動させてみます。それと、右と左を押した時には、キャラクターの画像を反転させて押した方向を向くようにします。検証に使用しているUnityのバージョンは’2021.1.19f...
JavaScript JavaScriptで画像をドロップして画面に表示する(ondrop, ondragover)
JavaScripでondropとondragoverを使用した時にちょっとハマったので、今回はこの2つのイベントについてまとめてみました。最初にJavaScriptのondropとondragoverのイベントの説明を簡単にします。画像を...
Vue.js Vue.jsのv-if, v-else, v-show(条件付きレンダリング)の使い方！
今回はVue.jsのv-if,v-elseとv-showについて書いています。v-if,v-elseとv-showの使い方について、簡単に説明した後にサンプルコードを載せていますので、確認してみてください。載せているサンプルコードはVue....