Vue.js Vue.jsのCDNのみでSPAを作成する方法！
前回CDNを読み込んで、使用してみました。今回はCDNのみで、SPAを作る方法をサンプルコードを書いて検証してみました。✊🏻子のコンポーネントが２つあって、親のファイルからそれぞれ読み込まれて、Vue Routerを使って表示を切り替えると...
yasuaki
Vue.js Vue.js Vue.jsをCDNから読み込んで使う方法！(CDNとは？メリット・デメリットなど）
Vue.jsでCDNを使う方法を書いています。この記事では、CDNの説明・公式で紹介されているCDNのURL・サンプルコードをあわせて紹介しています。CDNとは？CDNはContent Delivery Network（コンテンツ・デリバリ...
書籍レビュー 【現役エンジニアが選定】Laravelの学習におすすめの本３選！（本が必要？）
今回はLaravelの学習にオススメの本を3つ紹介しています。また、学習するにあたって本が必要か考えてみました。Laravelの学習に本が必要か？私は業務でLaravelを使っていますが、実はLaravelに特化した本を読んだことがないです...
Vue.js Vue.jsのv-modelとは？【サンプルでわかりやすく】
この記事では、Vue.jsのv-modelについて記載しています。v-modelについての説明と、実際にサンプルコードを書いてみて解説しています。Vue.jsのバージョン２で検証していますが、Vue.jsのバージョン３でも同じように動作しま...
Laravel LaravelからSendGridを使ってメールを送信する方法！
LaravelからSendGridを使ってメールを送信する方法をまとめてみました。この記事では、Laravel（バージョン8）からSendGridを使用して、テキストメールを送信するまでをサンプルコードを付けて解説しています。公式のブログで...
Vue.js Vue.jsでVuelidateを使ってバリデーションする(バリデーターを5つ)
Vue.jsをフロントで使用しているときに、Vuelidateを使ってバリデーションする方法を書いています。サンプルコードにはVue.jsのバージョン3のComposition APIを使っています。VuelidateについてVuelida...
Unity 【Unity2D】Unityを使ってアクションゲームを作ってみた【BurgerJump】
Unityを使って、簡単な２Dゲームを作成しました。👾Androidのみでリリースしています。作ったものはこちらです！この記事では、作ったゲームの紹介と実装した機能で苦労した箇所になどについて書いています。ゲームの内容としては、２Dの横スク...
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で参照して、値を更新するという処理...