yasuakiさんのプロフィール

Laravelでフォームの値を保持する（oldヘルパーについて）

LaravelのBladeで作成したフォームから、リクエストをすることがあります。oldヘルパーを使用すると、バリデーションエラーになった場合に、フォームの値を保持してくれます。今回はoldヘルパーの使い方と解説を、サンプルコードと一緒に書

Laravelのデバッグにdddヘルパーを使ってみた(Laravelエラー画面解説)

Laravelでデバッグするときに、ddヘルパーではなく、dddヘルパーというものがあることを知りました。通常のエラーが発生したときにも使用されている画面にて表示してくれるものです。今回、この記事ではdddヘルパーの使い方や、それぞれのタブ

Vue.jsのCDNのみでSPAを作成する方法！

前回CDNを読み込んで、使用してみました。今回はCDNのみで、SPAを作る方法をサンプルコードを書いて検証してみました。✊🏻子のコンポーネントが２つあって、親のファイルからそれぞれ読み込まれて、Vue Routerを使って表示を切り替えると

New Relicサービスを使って、Herokuのスリープを回避する！

HerokuでWebアプリケーションを立ち上げた場合に、無料枠で作成すると30分でサービスがスリープします。その後アクセスすると、ページが開くまでに時間がかかってしまいます。スリープを回避しておけば、いつアクセスしてもすぐにレスポンスが返っ

Vue.jsをCDNから読み込んで使う方法！(CDNとは？メリット・デメリットなど）

Vue.jsでCDNを使う方法を書いています。この記事では、CDNの説明・公式で紹介されているCDNのURL・サンプルコードをあわせて紹介しています。CDNとは？CDNはContent Delivery Network（コンテンツ・デリバリ

【現役エンジニアが選定】Laravelの学習におすすめの本３選！（本が必要？）

今回はLaravelの学習にオススメの本を3つ紹介しています。また、学習するにあたって本が必要か考えてみました。Laravelの学習に本が必要か？私は業務でLaravelを使っていますが、実はLaravelに特化した本を読んだことがないです

Vue.jsのv-modelとは？【サンプルでわかりやすく】

この記事では、Vue.jsのv-modelについて記載しています。v-modelについての説明と、実際にサンプルコードを書いてみて解説しています。Vue.jsのバージョン２で検証していますが、Vue.jsのバージョン３でも同じように動作しま

LaravelからSendGridを使ってメールを送信する方法！

LaravelからSendGridを使ってメールを送信する方法をまとめてみました。この記事では、Laravel（バージョン8）からSendGridを使用して、テキストメールを送信するまでをサンプルコードを付けて解説しています。公式のブログで

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

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

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

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

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

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

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

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

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

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

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

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

【技術ブログで1万pv達成】長期停滞していたけど、PV数が増えてきました！

本ブログが10000pvを達成しました！大体の方は、1ページ見て帰られているかと思います。もしリピートして見てくれている方がいましたら、ありがとうございます。😃本記事では「Codelikeなブログ」の経緯と、10000pv達成するために気に

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

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

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

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

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

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

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

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

Vue.js(v3)でのpropsの使い方

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

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

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

LaravelでVue.js(v3)を使う方法！

LaravelでVue.jsのバージョン3を使い始めました。この記事ではLaravelのバージョン8でVue.jsのバージョン3を導入する方法について書いています。Laravelのプロジェクトを準備して、Vue.jsのバージョン3を使って簡

Laravelでトランザクションを張る2つの方法！

Laravelでトランザクションを張る方法について書いてみました。Laravel8 + MySQL8で確認しています。トランザクションを張る方法は下記の2つです。・DBのコミットやロールバック自分で書く。・transactionメソッドを使

Laravelのクエリビルダーでテーブル結合(内部結合, 外部結合)する

Laravelのクエリビルダーを使用して、テーブルを内部結合や外部結合するときの方法について記載しています。ほとんどSQLを書くのと変わらないくらいな記述量になるので、簡単な結合などはLaravelのモデルにhasOneやhasManyを設

LaravelのEloquentでリレーションを作る方法！

LaravelのEloqunetでリレーションを作る方法をまとめてみました。Laravelのバージョン8で挙動を確認しています。モデルから関連するモデルにリレーションを作成しておくと、簡単に関連先のデータを取得することが可能です。複雑な条件

LaravelでTailwindCSSを使う方法

LaravelでTailwindCSSを使う方法と実際に導入して、動作確認してみました。7ステップで設定は完了します。簡単に使い始めることができるので確認してみてください。導入方法についてはTailwindCSS公式サイトの下記に書いていま

[Laravel入門]TODOアプリを作成しよう(バリデーション)

前回はTODOの削除機能を作成しました。今回はTODOを追加するときのバリデーションを追加していきます。入力内容が下記の場合には、エラーにして画面にエラーメッセージを表示します。・空入力・文字数が少ない(3文字以下)・文字数が多い(100文

【ブラックな現場？】201x年にSESで経験した体験談！

今回は自分語りになりますが、SES（システムエンジニアリングサービス）で経験したブラックな現場について書きたいと思います。ブラック現場が気になる人やITエンジニア派遣やフリーランスなどで、SESで働く予定の方は確認してみてください。※SES

[Laravel入門]TODOアプリを作成しよう(チェック機能を作る)

前回はTODOモデルを使用して、画面に一覧表示をしました。今回は表示された一覧のチェックを押されたら、TODOのタスクが終わったということにします。こちらの箇所を押すと...こうなるようにします...そして、チェック状態を保持するようにしま

[Laravel入門]TODOアプリを作成しよう(削除機能を作る)

前回はTODOのチェック機能を作成していきました。前回の記事はこちらです。今回は削除ボタン(ゴミ箱アイコン)を押されたときに、TODOが削除されるようにします。Laravelの機能を使用して、論理削除されるようにします。Laravelでの論