Vue.jsVue.jsのCDNのみでSPAを作成する方法！
前回CDNを読み込んで、使用してみました。 今回はCDNのみで、SPAを作る方法をサンプルコードを書いて検証してみました。✊🏻 子のコンポーネントが２つあって、親のファイルからそれぞれ読み込まれて、Vue Routerを使って表示を切り...
2021-09
Vue.js
HerokuNew Relicサービスを使って、Herokuのスリープを回避する！
HerokuでWebアプリケーションを立ち上げた場合に、無料枠で作成すると30分でサービスがスリープします。 その後アクセスすると、ページが開くまでに時間がかかってしまいます。 スリープを回避しておけば、いつアクセスしてもすぐにレスポンスが...
Vue.jsVue.jsをCDNから読み込んで使う方法！(CDNとは？メリット・デメリットなど）
Vue.jsでCDNを使う方法を書いています。 この記事では、CDNの説明・公式で紹介されているCDNのURL・サンプルコードをあわせて紹介しています。 CDNとは？ CDNはContent Delivery Network（コンテン...
Laravel【現役エンジニアが選定】Laravelの学習におすすめの本３選！（本が必要？）
今回はLaravelの学習にオススメの本を3つ紹介しています。 また、学習するにあたって本が必要か考えてみました。 Laravelの学習に本が必要か？ 私は業務でLaravelを使っていますが、実はLaravelに特化した本を読んだこ...
Vue.jsVue.jsのv-modelとは？【サンプルでわかりやすく】
この記事では、Vue.jsのv-modelについて記載しています。 v-modelについての説明と、実際にサンプルコードを書いてみて解説しています。 Vue.jsのバージョン２で検証していますが、Vue.jsのバージョン３でも同じように動...
LaravelLaravelからSendGridを使ってメールを送信する方法！
LaravelからSendGridを使ってメールを送信する方法をまとめてみました。 この記事では、Laravel（バージョン8）からSendGridを使用して、テキストメールを送信するまでをサンプルコードを付けて解説しています。 公式のブ...
Vue.jsVue.jsでVuelidateを使ってバリデーションする(バリデーターを5つ)
Vue.jsをフロントで使用しているときに、Vuelidateを使ってバリデーションする方法を書いています。 サンプルコードにはVue.jsのバージョン3のComposition APIを使っています。 Vuelidateについて Vu...