2022-02

Nuxt.js

Nuxt.jsのバージョンを確認する方法!

Nuxt.jsのバージョンを確認する方法について書いています。 Nuxt.jsのバージョンを確認する コマンドを使用して、バージョンを確認する方法を書いています。 プロジェクトディレクトリにインストールしたNuxt.jsのバージョン npm...
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の環境です...
Laravel

LaravelのSeederを使用して、CSVまたはJSONでデータを登録する2つの方法!

LaravelのSeederでデータを登録するときに、CSVまたはJSONを使用してデータ登録をする方法を書いています。 CSVデータファイルまたはJSONデータファイルを使用して登録する2つのサンプルコードを載せています。 Laravel...
Unity

Unity 2Dでキャラクターを上下左右に移動する方法!(キャラクター反転)

今回はUnity 2Dでキャラクターをキーボードを使用し、上下左右に移動させてみます。 それと、右と左を押した時には、キャラクターの画像を反転させて押した方向を向くようにします。 検証に使用しているUnityのバージョンは’2021.1.1...
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の使い方について、簡単に説明した後にサンプルコードを載せていますので、確認してみてください。 載せているサンプルコードはVu...
JavaScript

JavaScriptのFetchAPIで取得した画像・PDFを表示させる方法!

JavaScriptでFetch APIを使用して、画像やPDFを取得した後にブラウザに表示する方法について書いています。 簡単なサンプルコードを用意して試してみました。 Fetch APIでファイルを取得した後にwindow.openを使...
JavaScript

JavaScriptの配列操作まとめ!(追加 / 削除 / 取得 / 結合 / 判定)

JavaScriptで配列を使うときに、よく使いそうな配列操作をまとめてみました。 配列の宣言から始まって、追加・削除・取得・結合・判定について書いています。 配列の宣言をする JavaScriptで配列を作るには、角括弧([])を使用する...