Vue.jsVue.jsのCDNのみでSPAを作成する方法！
前回CDNを読み込んで、使用してみました。 今回はCDNのみで、SPAを作る方法をサンプルコードを書いて検証してみました。✊🏻 子のコンポーネントが２つあって、親のファイルからそれぞれ読み込まれて、Vue Routerを使って表示を切り...
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...
Unity【Unity2D】Unityを使ってアクションゲームを作ってみた【BurgerJump】
Unityを使って、簡単な２Dゲームを作成しました。👾 Androidのみでリリースしています。作ったものはこちらです！ この記事では、作ったゲームの紹介と実装した機能で苦労した箇所になどについて書いています。 ゲームの内容としては、２D...
javascriptVue.js(v3)のライフサイクルを確認する！(Composition API)
この記事ではVue.js(v3)にて、Composition APIを使った場合のライフサイクルにて確認します。 特に気にしておいたほうがよさそうな下記のライフサイクルのサンプルコードを作成して試してみました。 ・Created ・Mou...
HerokuLaravelアプリをHerokuにデプロイする！
HerokuにLaravelのアプリをデプロイしたので、デプロイする方法をまとめてみました。 この記事では、Herokuのユーザー登録からアプリのデプロイまでを解説しています。 機能制限されますが、Herokuは無料で使い始めることが可能で...
javascriptJavaScriptでfilterを使う方法！【使用例3選】
JavaScriptでfilterの機能を使ったので、使い方やサンプルなどを記載しています。 MDNでfilterについて説明しているドキュメントはこちらです。 JavaScriptのfilter機能とは？ JavaScrip...
html&cssTailwindCSSでよく使うクラス11選！（幅・高さ・余白・パディングなど）
TailwindCSSを使って、ガッツリと画面を作成しました。 公式ページを単語で検索すると、リファレンスとして機能してくれます。 実際に使用していく時は下記の公式ページで検索しながら使うことをおすすめします。 (ページ上部の「Qui...