yasuaki

Vue.js

Vue.jsでVuelidateを使ってバリデーションする(バリデーターを5つ)

Vue.jsをフロントで使用しているときに、Vuelidateを使ってバリデーションする方法を書いています。サンプルコードにはVue.jsのバージョン3のComposition APIを使っています。VuelidateについてVuelida...
Unity

【Unity2D】Unityを使ってアクションゲームを作ってみた【BurgerJump】

Unityを使って、簡単な2Dゲームを作成しました。👾Androidのみでリリースしています。作ったものはこちらです!この記事では、作ったゲームの紹介と実装した機能で苦労した箇所になどについて書いています。ゲームの内容としては、2Dの横スク...
Vue.js

Vue.js(v3)のライフサイクルを確認する!(Composition API)

この記事ではVue.js(v3)にて、Composition APIを使った場合のライフサイクルにて確認します。特に気にしておいたほうがよさそうな下記のライフサイクルのサンプルコードを作成して試してみました。・Created・Mounted...
Laravel

LaravelアプリをHerokuにデプロイする!

HerokuにLaravelのアプリをデプロイしたので、デプロイする方法をまとめてみました。この記事では、Herokuのユーザー登録からアプリのデプロイまでを解説しています。機能制限されますが、Herokuは無料で使い始めることが可能です。...
JavaScript

JavaScriptでfilterを使う方法!【使用例3選】

JavaScriptでfilterの機能を使ったので、使い方やサンプルなどを記載しています。MDNでfilterについて説明しているドキュメントはこちらです。JavaScriptのfilter機能とは?JavaScriptのfilterは配...
CSS

TailwindCSSでよく使うクラス11選!(幅・高さ・余白・パディングなど)

TailwindCSSを使って、ガッツリと画面を作成しました。公式ページを単語で検索すると、リファレンスとして機能してくれます。実際に使用していく時は下記の公式ページで検索しながら使うことをおすすめします。(ページ上部の「Quick sea...
Vue.js

Vue.js(v3)のv-forでrefを使う方法(Composition API)

Vue.jsのComposition APIを使っているコンポーネントで、v-forをしている箇所に対して、refを使うときにハマりました。やりたかったのはv-forで複数定義しているテキストエリアをrefで参照して、値を更新するという処理...
Vue.js

Vue.js(v3)でemitを使う(Composition API)

Vue.js(v3)のComposition APIで、emitを使う方法を書いています。emitについては、前回の記事に書いていますので確認してみてください。前回の記事で作成したコンポーネントと同じものをv3のComposition AP...
Vue.js

Vue.js(v2)のemitを使う方法(子から親への値渡し)

Vue.js(v2)で子から親へ、emitを使って値を渡したりする方法を書いています。Vue.jsのバージョンは2(Options API)です。emitについての公式ドキュメントは下記になります。emitとは?子コンポーネントで、ユーザー...
Vue.js

Vue.js(v2, v3)のrefsの使い方(親から子の要素参照)

Vue.jsでrefsを使用して、コンポーネントの要素を参照する方法について書いています。Vue.jsのバージョンは2と3(Composition API)で動作を確認しています。公式のドキュメントはこちらに記載してあります。Vue.jsの...
Vue.js

Vue.js(v3)のpropsの使い方(親から子に値渡し)

Vue.jsでpropsを使用して値を受け渡す方法について書いています。Vue.jsのバージョンは3で動作を確認しています。公式のドキュメントも確認して、実際によく使いそうな書き方やハマりそうな箇所について解説しています。公式のドキュメント...
Vue.js

Vue.js(v3)でコンポーネントを作成する方法

Vue.jsでコンポーネントを作成する方法について書いています。Vue.jsのバージョンは3で動作を確認しています。公式のドキュメントのこちらに記載している内容をもとに、検証して記事にしてみました。Vue.jsのコンポーネントとは?Vue....